.containedButton{background-color:#9cc246;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff}.containedButton:hover{background-color:#7fa035}.button{align-items:center;border-radius:3px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:.3s}.button>.label{text-align:center;text-transform:uppercase}.disabled{cursor:not-allowed;opacity:.5}.textButton{background-color:transparent;color:#9cc246}.textButton:hover{background-color:rgba(156,194,70,.1)}.textInput{display:flex;flex-direction:column;min-height:64px}.textInput .input-wrapper{align-items:center;background-color:#fff;border:2px solid #9cc246;border-radius:3px;display:flex;height:100%;padding:6px}.textInput .input-wrapper .icon{color:#797979;font-size:16px;margin-right:6px}.textInput .input-wrapper input{border-style:none;color:#000;height:100%;width:100%}.textInput .input-wrapper input::-webkit-input-placeholder{color:#797979}.textInput .input-wrapper input:-ms-input-placeholder{color:#797979}.textInput .input-wrapper input::placeholder{color:#797979}.textInput .error-wrapper{margin-bottom:16px;padding:6px 6px 6px 8px}.textInput .error-wrapper p{color:#d83618;font-size:14px;height:12px}.dialog-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99}.dialog-wrapper.visible{background-color:rgba(0,0,0,.5)}.dialog-wrapper .dialog{background-color:#fff;border-radius:3px;box-shadow:0 10px 10px rgba(0,0,0,.1);max-height:90%;max-width:90%;overflow-x:hidden;padding:64px;position:relative;z-index:100}.dialog-wrapper .dialog .close{color:#d9d9d9;cursor:pointer;left:100%;position:relative;top:-20px;transition:.3s}.dialog-wrapper .dialog .close:hover{color:#000}.table{background-color:#fff;border-collapse:collapse;width:100%}.table td,.table th{overflow-wrap:break-word;padding:0 8px}.table tr{height:64px;text-align:left}.table thead{color:#797979}.table thead th.sortable{cursor:pointer}.table thead .header-wrapper{align-items:center;display:flex}.table thead i{visibility:hidden}.table thead i.visible{visibility:visible}.table tbody{color:#000}.table tbody tr{border-top:2px solid #d9d9d9;cursor:pointer;transition:.3s}.table tbody tr:hover{background-color:#f2f2f2}.table tbody tr .table-status{align-items:center;display:flex;height:inherit}.table tbody tr .table-status.accepted{color:#9cc246}.table tbody tr .table-status.pending{color:#2c66e7}.table tbody tr .table-status.declined{color:#d83618}.table tbody tr .table-status p{margin-left:6px}.paginer{display:flex;justify-content:center}.paginer i{color:#fff;font-size:20px}.paginer p{color:#fff;font-size:15px}.paginer .buttons-wrapper{background-color:#9cc246;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:flex;margin:0 8px;overflow:hidden;padding:0 2px}.paginer .icon-wrapper,.paginer .paginer-button{align-items:center;border-radius:100%;display:flex;height:36px;justify-content:center;margin:0 2px;width:36px}.paginer .paginer-button{cursor:pointer;transition:.3s}.paginer .paginer-button:hover{background-color:#7fa035}.paginer .paginer-button.current-page{background-color:#fff;border-radius:100%}.paginer .paginer-button.current-page p{color:#000}.paginer.hidden{display:none}.proposal-dialog .proposal{align-items:center;display:flex;flex-direction:column;width:50vw}.proposal-dialog .proposal h1{font-size:22px;margin-bottom:24px;text-align:center}.proposal-dialog .proposal h4{color:#797979;font-style:italic;font-weight:400;margin-bottom:24px;text-align:center}.proposal-dialog .proposal .validation-button{margin-top:64px;width:200px}.proposal-dialog .proposal .proposal-wrapper{display:flex;flex-direction:column;justify-content:center;margin-top:64px;width:100%}.proposal-dialog .proposal .section{align-items:center;border-bottom:2px solid #d9d9d9;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:16px 0}.proposal-dialog .proposal .section div:first-child{text-align:left}.proposal-dialog .proposal .section div:last-child{text-align:right}.proposal-dialog .proposal .section:last-child{border-bottom:none}.proposal-dialog .proposal .section h3{margin-bottom:8px}.proposal-dialog .proposal .section p{margin-bottom:4px}.proposal-dialog .proposal .section p.discount{font-style:italic}.proposal-dialog .proposal .section.total h3{font-size:25px}.loader-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:1000}.loader-wrapper.visible{visibility:visible}.loader-wrapper .loader{-webkit-animation:spin-loader 1s linear infinite;animation:spin-loader 1s linear infinite;background-color:transparent;border-color:#9cc246 transparent;border-radius:50%;border-style:solid;border-width:4px;height:75px;width:75px}@-webkit-keyframes spin-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login-wrapper{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;margin:0;width:400px}.login-wrapper .textInput{height:96px;width:100%}.login-wrapper .button{height:48px;margin-top:24px;width:100%}.login-wrapper .error-wrapper{height:64px;padding:16px 16px 0;width:100%}.login-wrapper .error-wrapper .error{text-align:center}#home{background-color:#fff;min-height:100vh}#home .header{background-color:#f5f9ea;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;padding:32px}#home .header .logout-button{height:42px;width:160px}#home .table-wrapper{background-color:#fff;padding:32px;position:relative}#home .paginer{margin-top:24px}#confirmation .confirmation-wrapper{align-items:center;display:flex;flex-direction:column;max-width:500px;width:100%}#confirmation .confirmation-wrapper p{line-height:25px;margin:16px;text-align:center}#confirmation .confirmation-wrapper .buttons-wrapper{display:flex;justify-content:space-around;margin-top:48px;width:100%}#confirmation .confirmation-wrapper .buttons-wrapper .button{height:32px;margin:16px;width:100%}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;outline:none;padding:0}body{background-color:#f5f9ea}h1{color:#797979;font-size:15px;font-weight:400;margin-bottom:16px;text-transform:uppercase}h2{color:#000;font-size:40px;margin-bottom:50px}.error{color:#d83618}