body.login{height:100%!important}
.app{background-repeat:no-repeat;background-attachment:fixed;padding-top:1.25rem;padding-bottom:1.25rem;background:#d1141400}
.dashboard-report .report-box .report-box__icon{width:40px;height:40px}
.dt-buttons .button{font-size:13px;font-weight:400;background-color:#e2e8f0;padding:4px 6px;border-radius:0}
.btn-default:hover{color:#23282c;background-color:#d9e1e6;border-color:#e2e8f0}
.dt-buttons.btn-group{position:relative;display:inline-block;vertical-align:middle;margin-bottom:2px}
table.table,.custom-datatable{width:100%!important;border-collapse:collapse}
.dataTables_wrapper{position:relative}
.dataTables_wrapper .dataTables_scroll{clear:both}
div#DataTables_Table_0_wrapper{margin-top:10px}
div.dataTables_wrapper div.dataTables_length select{border-radius:0;background-color:#fff;min-height:28px;min-width:56px;border:1px solid #dddddd80}
div.dataTables_wrapper div.dataTables_filter input{box-shadow:0 3px 20px #0000000b;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));border-radius:.375rem;position:relative;width:220px;margin-right:2px;padding:.5rem .6rem .5rem .75rem;border:1px solid #e2e8f0}
table.table,table.dataTable{border-spacing:2px}
table.table tbody td,table.custom-datatable tbody td{border:1px solid #e2e8f0;padding:.75rem 1.25rem}
table.table tr:nth-child,table.custom-datatable tr:nth-child(even){background-color:#f2f2f2}
table.table tbody tr,table.custom-datatable tbody tr{padding:8px 10px;font-size:13px;border-bottom:1px solid #ddd!important}
table.table tbody td,table.custom-datatable tbody td{padding:8px 18px;font-size:13px;vertical-align:middle!important}
table.table tbody td,table.custom-datatable tbody td{white-space:normal;word-break:break-word}
.whitespace-no-wrap,.nowrap{white-space:nowrap!important}
.dt-buttons .button{font-size:13px;font-weight:400}
.dataTables_wrapper{position:relative}
table.table,table.custom-datatable{clear:both;margin-top:6px!important;margin-bottom:6px!important;max-width:none!important;border-collapse:separate!important}
table.table td,table.custom-datatable td{-webkit-box-sizing:content-box;box-sizing:content-box}
table.table td.dataTables_empty,table.custom-datatable td.dataTables_empty,table.table th.dataTables_empty,table.custom-datatable th.dataTables_empty{text-align:center}
table.table.nowrap th,table.custom-datatable.nowrap th,table.table.nowrap td,table.custom-datatable.nowrap td{white-space:nowrap}
div.dataTables_wrapper div.dataTables_length label{font-weight:400;text-align:left;white-space:nowrap}
div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}
div.dataTables_wrapper div.dataTables_filter{text-align:right}
div.dataTables_wrapper div.dataTables_filter label{font-weight:400;white-space:nowrap;text-align:left}
div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}
div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap;float:left}
div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right;float:right}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}
div.dataTables_wrapper div.dataTables_processing{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:1em 0;background:rgba(255,255,255,0.95);z-index:5;color:#6c9f7f;font-size:20px;padding-top:7.5%;margin-left:0;margin-top:0}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{display:inline-block;margin-bottom:2px}
.dataTables_wrapper .dataTables_length{margin-right:20px}
div.dataTables_wrapper div.dataTables_filter{float:right}
div.dataTables_wrapper div.dataTables_filter input{box-shadow:0 3px 20px #0000000b;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));border-radius:.375rem;position:relative;width:220px;margin-right:2px;padding:.5rem .6rem .5rem .75rem;border-radius:0}
div.dataTables_wrapper div.dataTables_filter label{border:none}
div.dataTables_wrapper div.dataTables_filter input:focus,div.dataTables_wrapper div.dataTables_filter input:focus-visible{border-color:olive!important;outline:none!important;border:1px solid olive}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after{color:#000!important}
ul.dt-button-collection.dropdown-menu{-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px;position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:13px;text-align:left;list-style:none;background-color:#e2e8f0;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px #000;box-shadow:0 6px 12px #000;box-shadow:none;border-color:#eee}
ul.dt-button-collection.dropdown-menu .dt-button{border-bottom:1px solid #ccc;font-weight:400;line-height:1.42857143;white-space:nowrap;width:100%}
ul.dt-button-collection.dropdown-menu .dt-button:last-child{border-bottom:none}
ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}
ul.dt-button-collection.dropdown-menu .dt-button >a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-decoration:none;outline:0}
ul.dt-button-collection.dropdown-menu .active >a{background-color:olive;color:#fff}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:olive;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:olive;border-color:olive}
.badge{display:inline-block;min-width:10px;padding:2px 5px;font-size:12px;font-weight:600;line-height:16px;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:.25rem}
.badge-info{color:#fff!important;background-color:#17a2b8!important}
.badge-success{color:#fff!important;background-color:olive;background-color:rgba(128,128,0,1)}
.ml-2{margin-left:.5rem}
.mr-2{margin-right:.5rem}
.w-15px{width:15px}
.w-20px{width:20px}
.w-22px{width:22px}
.w-25px{width:25px}
.w-30px{width:30px}
.w-35px{width:35px}
.w-40px{width:40px}
.w-50px{width:50px}
.w-60px{width:60px}
.w-70px{width:70px}
.w-80px{width:80px}
.w-90px{width:90px}
.w-100px{width:100px}
.w-110px{width:110px}
.w-120px{width:120px}
.mmwh-20px{min-width:20px;max-width:20px;min-height:20px;max-height:20px}
.mmwh-22px{min-width:22px;max-width:22px;min-height:22px;max-height:22px}
.mmwh-24px{min-width:24px;max-width:24px;min-height:24px;max-height:24px}
.mmwh-26px{min-width:26px;max-width:26px;min-height:26px;max-height:26px}
.mmwh-28px{min-width:28px;max-width:28px;min-height:28px;max-height:28px}
.mmwh-30px{min-width:30px;max-width:30px;min-height:30px;max-height:30px}
.mmwh-32px{min-width:32px;max-width:32px;min-height:32px;max-height:32px}
.mmwh-34px{min-width:34px;max-width:34px;min-height:34px;max-height:34px}
.mmwh-35px{min-width:35px;max-width:35px;min-height:35px;max-height:35px}
.mmwh-36px{min-width:36px;max-width:36px;min-height:36px;max-height:36px}
.mmwh-38px{min-width:38px;max-width:38px;min-height:38px;max-height:38px}
.mmwh-40px{min-width:40px;max-width:40px;min-height:40px;max-height:40px}
.mmw-5px{min-width:5px;max-width:5px}
.mmw-6px{min-width:6px;max-width:6px}
.mmw-7px{min-width:7px;max-width:7px}
.mmw-8px{min-width:8px;max-width:8px}
.mmw-10px{min-width:10px;max-width:10px}
.mmw-20px{min-width:20px;max-width:20px}
.mmw-24px{min-width:24px;max-width:24px}
.mmw-25px{min-width:25px;max-width:25px}
.mmw-30px{min-width:30px;max-width:30px}
.mmw-35px{min-width:35px;max-width:35px}
.mmw-36px{min-width:36px;max-width:36px}
.mmw-40px{min-width:40px;max-width:40px}
.mmw-50px{min-width:50px;max-width:50px}
.mmw-60px{min-width:60px;max-width:60px}
.mmw-70px{min-width:70px;max-width:70px}
.mmw-80px{min-width:80px;max-width:80px}
.mmw-90px{min-width:90px;max-width:90px}
.mmw-100px{min-width:100px;max-width:100px}
.mmw-110px{min-width:110px;max-width:110px}
.mmw-115px{min-width:115px;max-width:115px}
.mmw-120px{min-width:120px;max-width:120px}
.mmw-140px{min-width:140px;max-width:140px}
.mmw-150px{min-width:150px;max-width:150px}
.mmw-155px{min-width:155px;max-width:155px}
.mmw-160px{min-width:160px;max-width:160px}
.mmw-170px{min-width:170px;max-width:170px}
.mmw-180px{min-width:180px;max-width:180px}
.mmw-190px{min-width:190px;max-width:190px}
.mmw-200px{min-width:200px;max-width:200px}
.mmw-210px{min-width:210px;max-width:210px}
.mmw-220px{min-width:220px;max-width:220px}
.mmw-240px{min-width:240px;max-width:240px}
.mmw-260px{min-width:260px;max-width:260px}
.mmw-280px{min-width:280px;max-width:280px}
.mmw-300px{min-width:300px;max-width:300px}
.mmw-320px{min-width:320px;max-width:320px}
.minw-80px{min-width:80px}
.minw-90px{min-width:90px}
.minw-100px{min-width:100px}
.minw-110px{min-width:110px}
.minw-120px{min-width:120px}
.minw-130px{min-width:130px}
.maxw-50{max-width:50px}
.maxw-60{max-width:60px}
.maxw-70{max-width:70px}
.maxw-80{max-width:80px}
.maxw-90{max-width:90px}
.maxw-100{max-width:100px}
.maxw-110{max-width:110px}
.maxw-120{max-width:120px}
.maxw-140{max-width:140px}
.maxw-150{max-width:150px}
.maxw-160{max-width:160px}
.maxw-180{max-width:180px}
.maxw-200{max-width:200px}
.maxw-210{max-width:210px}
.maxw-220{max-width:220px}
.maxw-445{max-width:445px}
.max10em{max-width:10em}
.max15em{max-width:15em}
.max18em{max-width:18em}
.max20em{max-width:20em}
.max25em{max-width:25em}
.max26em{max-width:26em}
.max27em{max-width:27em}
.max28em{max-width:28em}
.max29em{max-width:29em}
.max30em{max-width:30em}
.max32em{max-width:32em}
.app{background-repeat:no-repeat;background-attachment:fixed;padding-top:1.25rem;padding-bottom:1.25rem}
.app{background:#000000}
.dashboard-report .report-box .report-box__icon{width:40px;height:40px}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}
.badge-info{color:#fff!important;background-color:#17a2b8!important}
.badge-success{color:#fff!important;background-color:olive;background-color:rgba(128,128,0,1)}
.disabled{pointer-events:none;cursor:default;opacity:.6}
.btn-danger{background-color:#dd4b39!important;border-color:#d73925!important;color:#fff!important}
table.dataTable>tbody>tr.selected>*{box-shadow:none!important;color:#000!important}
.select-info{margin-left:20px!important}
.text-nowrap{white-space:nowrap}
.mb-8{margin-bottom:2rem}
.bg-light:not(.active){background-color:#ebedef!important}
@media only screen and (max-width: 576px) {
.text-nowrap{white-space:normal!important}
a#workingtime-fileroom{font-size:12px;line-height:2}
}
@media (min-width: 1024px) {
.lg\:col-span-4{grid-column:span 4/span 4}
}
@media (min-width: 1600px) {
.xxl\:col-span-3{grid-column:span 3 / span 3}
.xxl\:border-l{border-left-width:1px}
.xxl\:col-span-9{grid-column:span 9/span 9}
}
@media only screen and (max-width: 991px) {
.col-span-sm-12{grid-column:span 12 / span 12}
}
@media (min-width: 640px) {
.sm\:col-span-6{grid-column:span 6 / span 6}
a#workingtime-fileroom{line-height:3}
}
@media (min-width: 1280px) {
.xl\:col-span-3{grid-column:span 3 / span 3}
}
.save-setting{margin-top:35px!important}
.nav-tabs .active{border:none!important}
.chat .chat__tabs a.active{--bg-opacity:1!important;background-color:#1C3FAA!important;background-color:rgba(28,63,170,var(--bg-opacity))!important;--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.text-center{text-align:center}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.flex-1{flex:1 1 0}
.rounded-md{border-radius:.375rem}
.p-2{padding:.5rem}
.border-olive.active{border-color:olive!important}
.tab-custon-bg.active{--tw-bg-opacity:1;background-color:rgba(211,41,41,var(--tw-bg-opacity));color:#fff}
.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))!important}
.todayrecords{min-height:100px!important;overflow:hidden!important}
.text-danger{color:#dc3545!important}
.text-success{color:olive!important}
.link_span{width:25%!important}
.link_span a{width:100%!important;display:inline-block!important}
.tab-text-ellips{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90px}
.margin-r10 a{margin-right:7px}
.icon-right{margin-right:1.25rem;margin-left:auto;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.1s}
.bg-antiquewhite{background-color:#faebd76b!important}
.bg-antiquewhite .input.input--switch[type=checkbox]{background-color:#6b8e23}
.bg-antiquewhite .input.input--switch[type=checkbox]:before{box-shadow:1px 1px 3px #000}
.bg-antiquewhite .input.input--switch[type=checkbox]:checked:before{--tw-bg-opacity:1;background-color:rgba(211,41,41,var(--tw-bg-opacity))!important}
.side-nav > ul > li > .side-menu.side-menu--active:before{background-size:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A")}
.side-nav > ul > li > .side-menu.side-menu--active:after{background-size:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A")}
.side-nav .side-nav__devider{background-color:red}
.z-index-999{z-index:9999!important}
.datetime-block{position:absolute;right:22px;top:106px;z-index:9999}
.main-search-input{background:#fff;padding:2px 5px;border-radius:1px;box-shadow:0 0 0 6px red;height:30px;outline:none;z-index:9999}
input.main-search-input:focus{outline:none;--tw-ring-shadow:none;border-color:#17a2b8}
.main-search-button{background:#4DB7FE;height:30px;width:70px;color:#fff;border:none;cursor:pointer;line-height:0;border-radius:0;margin-left:-3px}
.pointer{cursor:pointer!important}
@media only screen and (max-width: 768px) {
.datetime-block{position:relative;top:unset;right:unset;width:100%}
.main-search-input{border-radius:6px!important;background:#fff;width:100%;margin-bottom:5px;border-radius:0}
.main-search-button{position:relative;width:100%;margin:auto}
.dt-buttons .button{margin:5px auto}
}
@media print {
html,body,.app{background-color:#fff!important;color:#101010!important}
}
.relative{position:relative!important}
.box__working-hours{background-size:cover}
.login .min-h-screen{min-height:95.11vh}
.login:before{background-image:url(../images/bg-login-page.png)}
.dark .login:before{background-image:url(../images/bg-login-page.png)}
div.rotate-block{padding-top:1em;margin-left:2%}
.overflow-scrolling{max-height:95.11vh;overflow:hidden;overflow-y:auto;width:100%}
.scroll{scrollbar-width:5px;scrollbar-color:#666}
.scroll::-webkit-scrollbar{width:5px}
.scroll::-webkit-scrollbar-track{background:#ddd}
.scroll::-webkit-scrollbar-thumb{background:#666}
.logo-fixed{position:absolute;top:12%;left:0;z-index:9999}
.rotate-icon{animation-name:spinning;animation-duration:25s;animation-iteration-count:infinite;animation-timing-function:linear;opacity:.85}
.rotate-block:hover .rotate-icon{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;cursor:pointer}
@keyframes spinning {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}