body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dx-accordion-item{border:1px solid #e3e6f0!important}.dx-accordion-item .dx-accordion-item-closed,.dx-accordion-item .dx-accordion-item-opened{border:1px solid transparent!important}.dx-state.focused.dx-accordion-item{border:1px solid #000!important}.dx-item-content .dx-accordion-item-title{background-color:red!important}.dx-accordion-item-title:before{margin:9px!important}.dx-accordion-item-title-caption{display:flex;justify-content:center;text-transform:uppercase;font-size:1rem;font-weight:700;padding:10px!important}.custom-switch[aria-pressed=false] .dx-switch-container{background-color:#ccc!important}.custom-switch[aria-pressed=false] .dx-switch-container,.custom-switch[aria-pressed=true] .dx-switch-container{-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:50px!important;height:25px!important;border-radius:30px!important}.custom-switch[aria-pressed=true] .dx-switch-container{background-color:#4e73df!important}.custom-switch .dx-switch-handle{width:18px!important;height:18px!important;border-radius:50%!important;-webkit-transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease,-webkit-transform .3s ease}.custom-switch .dx-switch-handle:before{content:"";background-color:#fff!important;border-radius:50%!important;width:100%;height:100%;display:block;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.modal-close:hover{cursor:pointer}.dk-modal-btn{background-color:transparent}.dk-modal-btn.btn-success:hover{background-color:#17a673}.dk-modal-btn.btn-danger:hover{background-color:#e74a3b}.iframe-container{overflow:hidden;padding-top:56.25%;position:relative}.iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.nav-pills .nav-item{position:relative;display:inline-block;max-width:300px;padding:5px}.nav-pills .nav-item .nav-link{border-radius:30px;border-color:#eaecf4 #eaecf4 #dddfeb;border-width:1px}.nav-pills .nav-item .nav-link:hover{background-color:#eaecf4}.nav-pills .nav-item .nav-link.active:hover{background-color:#00457a}.nav-tabs{border-bottom:none}.icon-pointer{padding:5px;margin:0 10px}.icon-pointer:hover{cursor:pointer;-webkit-filter:brightness(85%);filter:brightness(85%)}.tableActions{width:150px;max-width:20%}.btn-light{background-color:#dadada}.btn-light:hover{background-color:#c3bebe}.card-float{top:80px;position:absolute;padding:8px;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #e3e6f0;border-radius:.35rem}.period-pill{right:25px}.user-pill{left:248px}.btn-user:hover{cursor:pointer}.allowance-table{margin:auto}.allowance-table td,.allowance-table th{border:none;padding:3px 10px;font-size:12px}.allowance-table th{font-weight:500}.toggle-right{float:right}.td-center{text-align:center}.width-20{width:20%!important}.collapse-inner{background-color:#343a40}.sidebar .nav-item .collapse-inner a.nav-link{width:12rem}.sidebar .nav-item .collapse{position:absolute;left:6.5rem;z-index:1;top:2px}.sidebar .nav-item .collapse.sub-inner{position:absolute;left:7.5rem;z-index:1;top:2px}.datefilter-custom button.btn{margin:0 2px}.datefilter-custom-toggle{float:left;width:100%}.datefilter-custom-toggle .my-collapsible__content-inner .inputs-div{width:50%;float:right}.datefilter-custom-toggle .my-collapsible__content-inner .inputs-div .div-dp{width:48%;float:left;margin-left:10px}.datefilter-custom-toggle .react-datepicker-wrapper{width:100%;margin:0 0 0 10px}.datefilter-custom-toggle input.form-control{width:100%}.datefilter-custom-toggle .my-collapsible__content-inner{padding:10px!important;text-align:right}.toggle-switch{float:left;width:50%;text-align:left;padding:10px 15px}.filter-dropdown{float:right;width:20%;text-align:center;padding:10px 15px}#accordionExampleCustom .btn.btn-link.collapsed:after{content:"\002B";color:#777;font-weight:700;float:right;margin-left:5px}#accordionExampleCustom .btn.btn-link:after{content:"\2212";color:#777;font-weight:700;float:right;margin-left:5px}.drop-down-class{width:30%}.qs-input-field{width:350px}.ExcelTable2007{border:1px solid #b0cbef;border-width:1px 0 0 1px;font-size:11pt;font-family:Calibri;font-weight:100;border-spacing:0;border-collapse:collapse;padding:10px}.ExcelTable2007 TH{background-repeat:repeat-x;font-weight:700;font-size:14px;border:1px solid #9eb6ce;border-width:0 1px 1px 0;height:17px;line-height:17px}.ExcelTable2007 TD{background-color:#fff;padding:0 4px 0 2px;border:1px solid #d0d7e5;border-width:0 1px 1px 0}.ExcelTable2007 TD B{border:0;background-color:#fff;font-weight:700}.ExcelTable2007 TD.heading{background-color:#e4ecf7;text-align:center;border:1px solid #9eb6ce;border-width:0 1px 1px 0;font-weight:700}.ExcelTable2007 TH.heading{background-repeat:none}.react-datepicker__day.react-datepicker__day--keyboard-selected{background:none;color:#000}.dx-datagrid .dx-scrollable-content{padding-bottom:0!important}@media only screen and (max-device-width:1024px){table,tbody,td,th,thead,tr{display:block;border:none}.calenderTable table,tbody,td,th,thead,tr{display:revert}thead tr{position:absolute;top:-9999px;left:-9999px}.table-bordered,.table-bordered td{border:none}.table-bordered tr{border-top:1px solid #eee}td{position:relative;padding-left:50%;text-align:center}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}.react-bootstrap-table tbody tr td:before,.td-resp-label:before{content:attr(title) ":";position:static;padding:10px 10px 5px}.dontApplyCSSCustom table,.dontApplyCSSCustom tbody,.dontApplyCSSCustom td,.dontApplyCSSCustom tr{display:revert}}@media (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:760px){.sidebar .nav-item .collapse-inner a.nav-link{width:6rem}.sidebar .nav-item a.nav-link{width:6.5rem}.sidebar .nav-item .collapse .collapse-inner,.sidebar .nav-item .collapsing .collapse-inner{font-size:.65rem;min-width:125px;min-height:100px;max-height:175px;overflow-y:auto}.manager-pill{display:none}}@media screen and (min-width:768px){.sidebar .nav-item .collapse-inner a.nav-link{width:12rem}.sidebar .nav-item a.nav-link{width:14rem}.sidebar .nav-item .collapse,.sidebar .nav-item .collapse.sub-inner{position:relative;left:0;z-index:1;top:0;-webkit-animation:none;animation:none}}@media screen and (max-width:760px){.sidebar svg{margin:0}.nofloat-sm{float:none!important}.textcenter-sm{text-align:center!important}.mb-sm-2{margin:0 0 5px!important}}#timesheetFormScheduler .dx-scheduler-cell-sizes-vertical,#viewTimesheetFormScheduler .dx-scheduler-cell-sizes-vertical{height:40px}.border-right-silver{border-right:1px solid #d3d3d3!important}dl.legendForGauge dt{width:10px;height:10px}dl.legendForGauge dd,dl.legendForGauge dt{display:inline-block;vertical-align:middle}dl.legendForGauge dd{margin:0 7.5px;padding-bottom:0}dl.legendForGauge dt.green{background:#7d7}dl.legendForGauge dt.yellow{background:#e6e200}.dx-selectbox-popup-wrapper .dx-list-item-content{word-wrap:break-word;white-space:normal}.dx-icon-custom-style{margin-left:5px;font-size:16px;color:#000}.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button,.dx-datagrid-search-panel{margin-left:0!important}@media screen and (max-device-width:1300px){.datefilter-custom{width:100%;text-align:right}.datefilter-custom button.btn{margin:0 2px}.datefilter-custom-toggle .my-collapsible__content-inner .inputs-div{width:100%;float:right}}@media screen and (max-device-width:1200px){.card-float{float:left;width:100%;position:unset;margin:5px 0}}@media only screen and (max-device-width:1024px){.responsive-div{text-align:center}.responsive-div button,.responsive-div input,.responsive-div label{float:left!important;width:100%!important;margin:5px 0!important}.holiday-allowance .card-body>h5{width:100%}.holiday-allowance .card-body>h5>div{width:100%;margin-top:10px}.holiday-allowance .card-body>h5 button{width:100%;float:left}.filter-dropdown{width:45%}}@media only screen and (max-device-width:768px){.booked-holidays .row>.col,.booked-holidays .row>div{width:100%;float:left;flex-basis:auto;text-align:center;margin:5px 0}.booked-holidays h5 button{float:none!important;text-align:center}.datefilter-custom-toggle .react-datepicker-wrapper{width:100%;margin:0}.datefilter-custom-toggle .my-collapsible__content-inner .inputs-div .div-dp{width:100%;float:right}.filter-dropdown,.toggle-switch{width:100%;text-align:center}.timesheet-form button.btn.btn-light{width:100%;float:left;text-align:center;margin-bottom:5px}.dx-scheduler-view-switcher-label{display:none}.drop-down-class{width:100%}.MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] .MuiAutocomplete-input{padding:16px!important}.qs-input-field{width:100%}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none;color:#00457a}.App-header{background-color:#00457a;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#00457a}.table-bordered td{word-break:break-word}.no-focus:focus{box-shadow:none}.badge-soft-success{color:#fff;background-color:#337ab7}.custom-model-header{position:-webkit-sticky;position:sticky;top:1px;width:100%;float:left;background:#fff;z-index:99999;padding:15px;border-bottom:1px solid #ccc;margin-bottom:20px}.custom-model-header h6{width:97%;text-align:center;float:left}.custom-model-header span{width:3%;text-align:right;float:left}table.dh-table-class{border:0!important;border-bottom:1px solid #e3e6f0!important}.dh-table-class tbody{display:block;height:560px;overflow-y:scroll}.dh-table-class thead{display:table;width:98.5%;table-layout:fixed}.dh-table-class tbody tr{display:table;width:100%;table-layout:fixed}.badge{display:inline-block;padding:.33em .5em;font-size:76%;font-weight:400;line-height:1;text-align:center;white-space:nowrap;border-radius:.375rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;vertical-align:baseline}.DayPicker{display:block!important}.bgcolor-padding,.responsive-div{background-color:#fff;padding:10px}.responsive-div{width:100%;float:left}.responsive-div label{float:left;margin:5px}.responsive-div input{float:left;width:300px}.responsive-div button{margin:0 10px}.responsive-div a{float:right}.form-control{color:#000}.version-link{color:grey}.version-link:hover{text-decoration:underline}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}.tbl-header-style{vertical-align:middle!important;white-space:pre-line}.msg-wrapper{white-space:pre-wrap}p.validation-message{color:red}label.validation-required:after{display:inline;content:"*";color:red}.dx-fieldset{padding-left:5px;padding-right:5px;margin-left:5px;margin-right:5px}#timesheet-inactive-jobs .dx-datagrid-header-panel{display:none}#timesheet-inactive-jobs{max-height:50vh!important}a{color:#000}.innerLink{font-size:.85rem!important}.MuiAutocomplete-endAdornment .MuiAutocomplete-clearIndicatorDirty.MuiButtonBase-root{display:none}@media (max-width:767px){.innerLink{font-size:.65rem!important;text-align:center!important}}@media (min-width:768px) and (max-width:1024px){.innerLink{font-size:.65rem!important}}.listcards{float:left;margin:20px 0;width:100%;background:#fff;padding:20px 0}.listcards .col-sm-4{float:left;margin:10px 0}.pull-left{float:left}.c-detail-page{background:#fff;padding:10px}.label-div label{float:left;width:100%}.custom-table{border:0}.custom-table td,.custom-table th{border:0;padding:0}.my-custom-scrollbar{height:350px}.table-wrapper-scroll-y{padding:0}.tabs-main-div .react-tabs__tab{width:50%}.my-collapsible__content-inner{padding:30px 0}.material-popup .DayPickerInput{width:100%}.material-popup .DayPickerInput input{font:inherit;color:currentColor;width:100%;border:1px solid rgba(0,0,0,.23);border-radius:4px;height:1.1875em;margin:0;display:block;min-width:0;background:none;box-sizing:border-box;-webkit-animation-name:MuiInputBase-keyframes-auto-fill-cancel;animation-name:MuiInputBase-keyframes-auto-fill-cancel;-webkit-tap-highlight-color:transparent;padding:20px}.inner-table thead{background:#f5f5f5}.left-div{float:left;width:50%;text-align:center;padding:0 5px}.left-div i{padding:0;margin:0}.dashboard-custom .card{position:relative;display:flex;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #edf2f9;border-radius:.5rem;margin-bottom:1.5rem;border-color:#edf2f9;box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)}.dashboard-custom .card-body{flex:1 1 auto;min-height:1px;padding:1.5rem}.dashboard-custom .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.dashboard-custom .align-items-center{align-items:center!important}.dashboard-custom .col{flex-basis:0;flex-grow:1;max-width:100%}.dashboard-custom h6.text-uppercase{letter-spacing:.08em}.dashboard-custom .text-muted{color:#95aac9!important}.dashboard-custom .text-uppercase{text-transform:uppercase!important}.dashboard-custom .mb-2,.dashboard-custom .my-2{margin-bottom:.375rem!important}.dashboard-custom .badge-soft-success{color:#00d97e;background-color:#ccf7e5}.dashboard-custom .badge{display:inline-block;padding:.33em .5em;font-size:76%;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;vertical-align:middle}.dashboard-custom .col-auto{flex:0 0 auto;width:auto;max-width:100%}.dashboard-custom .pull-left{float:left}.dashboard-custom .card-title{font-size:.95rem;font-weight:500;color:#495057}.address{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;max-height:92px}.address,.address1{display:-webkit-box;-webkit-box-orient:vertical;border:none;cursor:pointer}.tabs-main-div{background:#fff}.tabs-main-div .react-tabs{width:100%;background:#fff}.tabs-main-div .react-tabs__tab{width:25%;background:#ddd;border-color:#ddd;font-weight:700;padding:15px;text-align:center;border-right:1px solid #aaa}ul.react-tabs__tab-list li:last-child{border-right:none}.tabs-main-div.plant-page .react-tabs__tab{width:33.33%;border-right:1px solid #fff}.tabs-main-div .react-tabs__tab--selected{background:#fff}.tabs-main-div.plant-page .react-tabs__tab--selected{background:#fff;border-right:none;border-radius:0}.tabs-main-div .react-tabs__tab-list{margin-bottom:0}.tabs-main-div .react-tabs__tab-panel{border:1px solid #ddd;border-top:none}.react-tabs .table-bordered td,.table-bordered th{word-break:break-word}.pagination{display:inline-block;padding-left:0;margin:20px 0 0;border-radius:4px}.pagination>li{display:inline}.pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:.35rem;border-bottom-left-radius:.35rem}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:.35rem;border-bottom-right-radius:.35rem}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.material-popup .card-body{text-align:left}.material-popup .card-body label{width:100%;float:left}.material-popup .card-body label strong{width:40%;float:left;margin-right:10px}.material-popup .card-body label p{width:55%;float:left;margin:0;padding:0}.material-popup .MuiFormControl-fullWidth{margin:0;padding:0}.material-popup .MuiOutlinedInput-input{padding:10px}.inner-table,.inner-table tr{border:1px solid #e3e6f0}.inner-table-tr{background:#f5f5f5;border:3px solid #e3e6f0}.main-table .inner-td{border:3px solid #e3e6f0;border-top:none}.assignment-section{float:left;width:100%;margin:20px 0}.filter-div{background:#fff;padding:10px;margin-bottom:10px}.filter-label{font-weight:700;float:left;margin:5px 10px 0 0}.react-datepicker-wrapper{width:100%}.my-collapsible__content-inner{float:left;width:100%;background:#fff;padding:40px 0;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);border-radius:10px}.my-collapsible__content-inner .desc{font-size:14px;color:#555;display:block;margin-bottom:10px}.my-collapsible__content-inner input{width:95%}.margin-r{margin:0 5px 0 0}svg.svg-inline--fa{cursor:pointer}.filters-div{float:left;width:100%;margin-top:10px;padding:0}.react-tabs__tab-list li:last-child.react-tabs__tab--selected{border-right:1px solid #ddd}.tabs-main-div.plant-page .plant-main-div .react-tabs__tab{width:20%!important}.filter-radio-parent{font-weight:400}.filter-radio-parent input{margin:0 2px}.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused){cursor:pointer!important}.plant_inspections .dx-data-row{cursor:pointer}.my-custom-scrollbar{position:relative;height:335px;overflow:auto}.table-wrapper-scroll-y{display:block}.timesheet-form button.btn{margin-right:5px}.timesheet-form .svg-inline--fa.fa-fw{width:auto}.timesheet-form label{font-weight:700}.timesheet-form .child label{font-weight:400}.dx-tooltip-appointment-item-marker{display:none}.timesheet-form .card-body{min-height:390px}.react-bootstrap-table thead th .filter-label{width:100%}.timesheet-dashboard .react-bootstrap-table-pagination-list{max-width:100%;flex:0 0 100%}.dx-popup-wrapper>.dx-overlay-content{max-width:800px!important}.activityMappingPopup>.dx-overlay-content{max-width:1000px!important}.holidayHistoryPopup>.dx-overlay-content{max-width:95%!important}.ts-activity-mapping-group{display:flex;justify-content:flex-end}.ts-activity-mapping-group .dx-box-flex{display:flex!important;flex-direction:row!important;align-items:flex-end!important}.action-button{margin-left:10px}.action-button .dx-button-text{width:100px}.greay .dx-texteditor-container{background:grey}.greay input.dx-texteditor-input{color:#fff}.col-md-5.custom-margin label{margin:5px 0 0}.custom-l{float:left;width:100%}.col-md-5.custom-margin .custom-l label{margin:5px 5px 0 0}.work-location-class{margin:10px 0 0}.work-location-class label{float:left!important;margin-right:10px!important}.height-100{height:100%}