@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900);body{opacity:1;background-position:50%;background-repeat:no-repeat;margin:0;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a:hover{color:#000!important;text-decoration:none}.container-admin,.container-admin .live-data-container{display:flex}.container-admin .table th{text-align:left;font-weight:700}.container-admin .table td,.container-admin .table th{text-align:left}.container-admin .App{width:100%;height:100vh;overflow-x:scroll;padding-bottom:50px}.container-admin .title{text-align:center}.container-admin input{width:50px;text-align:center;background:transparent;border:none}.container-admin .bb{font-weight:700}.container-admin .cc{opacity:.3}.container-admin .totalUser{font-weight:800;margin-left:50px}.container-admin .main{display:flex;justify-content:center;margin-top:40px;margin-bottom:25px}.container-admin .drop{display:flex;justify-content:center;align-items:center;padding:15px;border:1px solid grey}.container-admin .btn-secondary{background-color:#f7f7f7;color:#000;border:none}.container-admin .btn-primary{margin-top:-8px;margin-bottom:8px}.container-admin .price{margin-left:30px}.container-admin .priceInput{width:34px;border:none}.container-admin .month-year{font-size:17px;font-weight:800;border:1px solid orange;background-color:orange;border-radius:5px;height:30px}.container-admin .sum{color:red;font-size:20px;font-weight:700}.container-admin .hello{font-size:30px}.container-admin .logout{padding:3em 5em;position:absolute;right:0;top:0}.container-admin .btn-logout{border:1px solid grey}.container-admin .align-box-row{display:flex;flex-direction:row;align-items:center}.container-admin .card-box-acc,.container-admin .card-box-log,.container-admin .card-box-lun,.container-admin .card-box-req{border-left:5px solid;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.container-admin .card-box-lun{border-left-color:#17a2b8}.container-admin .card-box-acc{border-left-color:#ffc107}.container-admin .card-box-req{border-left-color:#28a745}.container-admin .card-box-log{border-left-color:#dc3545}.container-admin .btn-icon{width:15px;height:15px}.container-admin .md-container{display:flex;justify-content:space-around;height:100%;min-height:100%;margin:0 auto}.container-admin .md-container .datetimepicker-container{display:flex;margin:auto 0}.container-admin .md-container .button-wrap{position:relative;text-align:center}.container-admin .md-container .button-label{display:inline-block;padding:1em 2em;margin:.5em;cursor:pointer;color:#292929;border-radius:.25em;background:#efefef;box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 -3px 0 rgba(0,0,0,.22);transition:.3s;-webkit-user-select:none;user-select:none}.container-admin .md-container .button-label h1{font-size:1em;font-family:"Lato",sans-serif}.container-admin .md-container .button-label:hover{background:#efefef;color:#292929;box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 -3px 0 rgba(0,0,0,.32)}.container-admin .md-container .button-label:active{transform:translateY(2px);box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.22)}@media(max-width:40em){.container-admin .md-container .button-label{padding:0 1em 3px;margin:.25em}}.container-admin .md-container #no-button:checked+.button-label,.container-admin .md-container #no-button:checked+.button-label:hover,.container-admin .md-container #yes-button:checked+.button-label,.container-admin .md-container #yes-button:checked+.button-label:hover{background:#394956;color:#efefef}.container-admin .md-container .hidden{display:none}.container-admin .log-container .scroll{max-height:300px;overflow-y:scroll}.container-admin .log-container .tableslog-container{display:flex}.container-admin .log-container .tableslog-container label{margin-bottom:0}@media (max-width:759px){.container-admin .log-container .tableslog-container{flex-wrap:wrap;justify-content:stretch;align-items:stretch}}.container-admin .log-container .tableslog-container .userstable .table{margin-bottom:0}.container-admin .log-container .tableslog-container .userstable tbody{cursor:pointer}.container-admin .log-container .tableslog-container .userstable tbody tr.clicked{background-color:#394956;color:#fff}.container-admin .log-container .tableslog-container .switch{position:relative;display:inline-block;width:40px;height:23px}.container-admin .log-container .tableslog-container .switch input{opacity:0;width:0;height:0}.container-admin .log-container .tableslog-container .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.container-admin .log-container .tableslog-container .slider:before{position:absolute;content:"";height:19px;width:19px;left:2.1px;bottom:2.1px;background-color:#fff;transition:.4s}.container-admin .log-container .tableslog-container input:checked+.slider{background-color:#394956}.container-admin .log-container .tableslog-container input:focus+.slider{box-shadow:0 0 1px #394956}.container-admin .log-container .tableslog-container input:checked+.slider:before{transform:translateX(18px)}.container-admin .log-container .tableslog-container .slider.round{border-radius:34px}.container-admin .log-container .tableslog-container .slider.round:before{border-radius:50%}.container-admin .log-container .detail-table{box-shadow:0 10px 15px grey;width:130%;overflow-y:scroll;height:73vh}@media (max-width:759px){.container-admin .log-container .detail-table{margin:20px 0!important}}.container-admin .log-container .detail-table .btn-sm{padding:0 .3rem}.container-admin .log-container .users-table{box-shadow:0 10px 15px grey;width:70%;margin:0;overflow-y:scroll;height:73vh;max-height:900px!important}@media (max-width:759px){.container-admin .log-container .users-table{width:100%}}.container-admin .log-container{padding:15px}.container-admin .log-container .inputBorder{width:100px;margin-left:15px;border:1px solid #000}.container-admin .table-lunch{height:84vh;overflow:scroll}.container-admin .table-lunch-mobile{display:none}@media (max-width:759px){.container-admin .table-lunch{display:none}.container-admin .table-lunch-mobile{display:block}.container-admin .table-lunch-mobile .total{font-weight:700;margin-left:10px;margin-top:30px;display:flex}}.control-bar .btn-add-manually{width:50%;text-align:right}.form-add-manually{margin:30px}.form-add-manually label{width:100px;font-weight:700}.form-add-manually input{width:auto}.container-salary{max-width:1500px;padding:50px;margin:0}@media (max-width:759px){.container-salary{padding:15px}}.container-salary .increase span{color:red}.container-salary .decrease span{color:green}.container-salary .detail-timelog{display:flex;flex-direction:row}.container-salary .spinner-salary{margin:auto}.container-salary .live-data-container{margin-left:100px}.container-salary .sync-btn{background-color:#4444e6;margin:21px 30px}.container-salary .salary-header{display:flex;justify-content:space-between;margin-bottom:50px}.container-salary .salary-table-wrapper{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#fff;margin:0 auto;min-width:800px}.container-salary .drop{padding:0!important;border:none!important}.container-salary .drop .dropdown{border:1px solid grey;border-radius:5px;margin-right:34px}.container-salary .btn-click-send-view{display:flex;justify-content:flex-end}.container-salary .click-send{background-color:#1e7e34}.container-salary .click-edit,.container-salary .click-send{cursor:pointer;color:#fff;border:1px solid grey;border-radius:5px}.container-salary .click-edit{margin-left:5px;background-color:#4444e6}.container-salary .detail-salary{min-height:100%}.container-salary .detail-salary .detail-user{display:flex;justify-content:space-between;padding:0;flex-wrap:wrap}.container-salary .detail-salary .detail-user h2{font-size:large;font-weight:800}.container-salary .detail-salary .detail{margin-top:30px;padding:0}.container-salary .detail-salary .detail .detail-timelog span{font-weight:700}@media (max-width:759px){.container-salary .detail-salary .detail .detail-timelog{flex-wrap:wrap}.container-salary .detail-salary .detail .detail-timelog .live-data-container{margin-left:0;flex-wrap:wrap}.container-salary .detail-salary .detail .detail-timelog .live-data-container .sync-btn{height:37px;margin:25px 12px}}.container-salary .detail-salary .detail .detail-specifications{display:flex;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#fff;align-items:center;padding:30px;flex-wrap:wrap}@media (max-width:759px){.container-salary .detail-salary .detail .detail-specifications{flex-direction:column-reverse}}.container-salary .detail-salary .detail .detail-specifications .specifications-input{display:flex;justify-content:center;flex-wrap:wrap}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input{width:33.33%;margin-top:15px}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input p{margin-bottom:0;font-weight:700}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input input{width:95px;border:1px solid grey;border-radius:5px}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input .switch{position:relative;display:inline-block;width:60px;height:34px}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input .switch input{opacity:0;width:0;height:0}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input input:checked+.slider{background-color:#2196f3}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input input:focus+.slider{box-shadow:0 0 1px #2196f3}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input input:checked+.slider:before{transform:translateX(26px)}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input .slider.round{border-radius:34px}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input .slider.round:before{border-radius:50%}@media (max-width:759px){.container-salary .detail-salary .detail .detail-specifications .specifications-input{flex-direction:column}.container-salary .detail-salary .detail .detail-specifications .specifications-input .p-input{width:100%}}@media (max-width:759px){.container-salary .detail-salary .detail .detail-specifications .equal-icon{display:none}}.container-salary .detail-salary .detail .detail-specifications .note-salary textarea{width:90%}.container-salary .detail-salary .detail .detail-specifications .btn-save{margin-top:25px;text-align:center}.container-salary .detail-salary .detail .detail-specifications .btn-save .btn-secondary{color:#fff;border:1px solid grey;background-color:#4444e6;border-radius:5px}.container-salary .detail-salary .detail .detail-specifications .total-salary{align-items:center;display:flex;height:210px}.container-salary .detail-salary .detail .detail-specifications .total-salary h1{margin-left:59px;font-weight:600}@media (max-width:759px){.container-salary .detail-salary .detail .detail-specifications .total-salary{height:100px;text-align:center;width:100%}.container-salary .detail-salary .detail .detail-specifications .total-salary h1{font-size:30px;margin:auto}}@media (max-width:759px){.container-salary .detail-salary .detail .detail-specifications .specifications{width:100%}}.container-salary .detail-history{margin-top:50px}.container-salary .detail-history .title-history{text-align:center}.container-salary .detail-history .title-history h1{font-weight:600}.container-salary .detail-history .table-history{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#fff;overflow:auto}.sidebar-container{z-index:999999999}.sidebar-container .root{min-width:220px;max-width:220px;height:100vh;background:#394956;color:#fff;z-index:999999999}.sidebar-container .root .label-mobile{display:none}@media (max-width:759px){.sidebar-container .root{min-width:43px;width:43px;overflow:hidden;position:fixed;bottom:0;width:100vw;height:45px;max-width:100vw}.sidebar-container .root .open-menu-btn{background-color:transparent;color:#fff;border:1px solid #fff;outline:none}.sidebar-container .root .menu{display:none}.sidebar-container .root.expand-mobile-menu{height:100vh}.sidebar-container .root.expand-mobile-menu .menu{display:block;max-height:80vh;overflow:auto}.sidebar-container .root .label{display:none}.sidebar-container .root .label-mobile{display:flex;justify-content:space-between;align-items:flex-start;padding:10px}.sidebar-container .root .label-mobile p{font-size:20px;margin:0;font-weight:700}}.sidebar-container .root a{color:#fff;padding:9px 5px;display:flex;justify-content:space-between}.sidebar-container .root a svg{margin:2.5px 10px 2.5px 2.5px}.sidebar-container .root a:hover{background-color:#4b5964;color:#fff!important}.sidebar-container .active{background:#6c7d8b}.sidebar-container .label{padding:30px 20px}.sidebar-container .menu{margin-top:20px;display:flex;flex-direction:column}.sidebar-container a{text-decoration:none;display:flex;justify-content:space-between}a{color:#fff}.spinner-salary{position:absolute;top:50%;left:60%}.container-user{max-width:1500px;padding:50px;margin:0}.container-user .user-header{display:flex;justify-content:space-between;margin-bottom:50px}.container-user .user-header .button{border:none;margin-left:10px;padding:5px}.container-user .user-header .button-add{color:#fff;background-color:#28a745;border-color:#28a745}.container-user .user-header .button-delete{color:#fff;background-color:#dc3545;border-color:#dc3545}.container-user .user-table-wrapper{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#fff;margin:0 auto;min-width:800px}.container-user .button-wrapper{display:flex}.container-user .button-wrapper .btn-view-edit-delete{background-color:transparent;border:none}.container-user .drop{display:inline-block;padding:0 0 10px;border:none}.container-user .drop .dropdown{border:1px solid grey;border-radius:5px;margin-right:34px}.profile-modal{max-width:600px}.profile-modal .modal-footer{justify-content:center}.profile-modal .form-group{width:100%}.profile-modal .form-group label{font-weight:600!important}.profile-modal .justify-content-between .form-group{width:48%}.projects-container{height:100vh}.projects-container iframe{width:100%;height:100vh;overflow:scroll;border:none;outline:none}.flex{display:flex}.flex-row{flex-direction:row}.justify-between{justify-content:space-between}.align-center,.flex-center{align-items:center}.flex-center{justify-content:center}.login-iframe{width:100vw;height:100vh}.projects-container{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.logs-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.logs-list{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.log-card{border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.log-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.log-type{font-size:18px;font-weight:700;color:#007bff}.log-status{font-size:14px;font-weight:700;padding:5px 10px;border-radius:12px;text-transform:capitalize}.log-status.pending{background-color:#ffecb3;color:#ff9800}.log-status.approved{background-color:#c8e6c9;color:#4caf50}.log-status.rejected{background-color:#ffcdd2;color:#f44336}.log-date{font-size:14px;color:#666}.no-logs{font-size:16px;color:#999;text-align:center;margin-top:20px}.log-field{display:flex;align-items:center;margin-bottom:8px}.log-label{font-weight:700;width:150px;color:#333}.log-value{flex:1 1;color:#555}.logs-box{border:1px solid #ddd;border-radius:10px;padding:15px;margin-bottom:10px}