body{color:#000;font-family:Poppins,sans-serif;font-weight:400;font-size:1em;overflow-x:hidden}
a:focus-visible{outline:0}
button:focus-visible{outline:0}
*{box-sizing:border-box}
img{max-width:100%}
a{color:#1d3050;text-decoration:none}
a:hover{color:#237abf}
.cursorPointer{cursor:pointer}
.btn-primary{color:#fff;border:1px solid #237abf;background:#237abf}
.textheavyGreen{color:#17ac9a}
.textGreen{color:#8cc440}
.textBlue{color:#237abf}
.textBlueTwo{color:#01437d}
.textGrey{color:rgba(44,44,44,.7)}
.textLightGrey{color:rgba(0,0,0,.5)}
.orangetext{color:#ca0d4b}
.yellowText{color:#d9980d}
.lightGreyTxt{color:#576a85}
.riskTextColor{color:#c8250c}
.lowTextColor{color:#17ac9a}
.midiumTextColor{color:#cb9d14}
.textBlueDark{color:#1d3050}
.textBlueAnotherDark{color:#00072b}
.yellowBg{background:#d9980d}

.btn-warning{background: #D9980D !important; border: 1px solid #D9980D !important; color: #fff !important;}
.bg-success{background: #689C22 !important;}
.bg-danger{background: #C8250C !important;}
.bg-warning{background: #D9980D !important;}

.badge{border-radius: 4px !important;}

.btn-pending {
  background-color: #FFC107;
  color: #212121 !important;
  border: none;
}

.btn-pending:hover {
  background-color: #FFB300;
}

.btn-progress {
  background-color: #237abf;
  color: #FFFFFF;
  border: none;
}

.btn-progress:hover {
  background-color: #237abf;
}


.fWeight400{font-weight:400}
.fWeight500{font-weight:500}
.fWeight600{font-weight:600}
.fWeight700{font-weight:700}
.fWeight800{font-weight:800}
.fWeight900{font-weight:900}
.sticky-top{background:#fff}
.WelcomeTxt{font-size:30px;font-weight:700;line-height:45px}
.loginLeft{padding:150px 150px 0 150px}
.loginRight{padding:150px 60px 0;height:100vh;min-height:100%}
.loginRight h3{font-size:24px;font-weight:600;line-height:36px}
.pt-100{padding-top:100px}
.welcomeBoldTxt{font-weight:600;font-size:20px;color:#36465d}
.loginBtn{background:#237abf;font-size:18px;font-weight:500;line-height:27px;padding:17px 20px}
.loginBtn:hover{background:#8cc440;border:1px solid #8cc440}
.carousel-indicators{bottom:-150px}
.carousel-indicators [data-bs-target]{background-color:#237abf;width:150px}
input[type=checkbox]{accent-color:#01437da1;zoom:2;border:1px solid #01437da1;margin-right:5px}
.navbar .navbar-toggler{top:1.25rem;right:1rem;background:#237abf}
.pageTitle{font-size:20px;font-weight:600;line-height:30px;margin:0;color:#1d3050;padding-top:10px;padding-bottom:10px}
.itemBox{color:#242629;font-size:12px;font-weight:500;width:100%;text-align:left;padding:15px 15px;white-space:nowrap;display:flex;align-items:center;border-bottom:1px solid #ccc;margin:0 0}
.itemBoxActive{border:1px solid #2083d2;background:#2083d2;color:#fff;font-size:12px;font-weight:500;padding:15px 15px;border-right:6px solid #8bc53f}
.sidebar .dropdown-menu{position:static!important;margin:-15px 0 15px 0!important;transform:translate(0,10px)!important;background-color:rgb(59 116 190 / 31%);border:0 transparent;border-radius:0;padding-left:25px}
.navbar-dark .navbar-brand{background:#fff;box-shadow:none;width:190px;margin-left:48px; padding: 10px 0px 10px 15px !important;}
.itemBoxInnerBg{border-radius:10px;border:1px solid #c7deef;background:#f4faff}
.itemBoxInner{padding:2px 0!important}
.nav-link.innerActive{color:#237abf}
.footer{position:relative;bottom:0;background:#00072b;width:100%;z-index:999}
.footer span{font-weight:600}
.permitWork{border-radius:13.397px;border:1px solid #d3dee7;background:#fff;padding:15px 20px;display:flex;margin:10px 0;background:url("../img/circle-strip.png") bottom left no-repeat;height:calc(100% - 20px)}
.hotBox{text-align:center}
.coldBox{text-align:center}
.pwCircle{width:62px;height:62px;border-radius:50%;text-align:center;border:1px solid #ddd;font-size:24px;line-height:62px;font-weight:600;margin:0 7px 7px 7px}
.pwtextBox>p{color:#576a85;font-size:18px;font-weight:500;line-height:26.774px}
.pwtextBox{display:inline-grid}
.btn-add-course{border-radius:5px;border:1px solid #237abf!important;padding:10px 15px;background:#237abf!important;color:#fff!important;cursor:pointer}
.btn-add-course:hover{background:#01437d!important}
.subHeading{color:#576a85;font-size:16px;font-weight:600;padding:30px 0 20px}
.owl-carousel{width:95%;margin:auto}
.owl-prev{width:27px;height:27px;background:#237abf!important;color:#fff!important;line-height:24px!important;border-radius:50%;position:absolute;top:40%;left:-30px}
.owl-next{width:27px;height:27px;background:#237abf!important;color:#fff!important;line-height:24px!important;border-radius:50%;position:absolute;top:40%;right:0;right:-30px}
.isMetarialBox{border-radius:10px;border:1px solid #e3e3e3;background:#fff;height:100%}
.isMetarialBox>img{width:100%}
.owl-carousel .owl-item .isMetarialAction img{width:auto!important}
.isMetarialBoxContent{padding:15px}
.isMetarialDetails{color:#242629;font-size:14px;font-size:14px;font-weight:400;line-height:20px;padding-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isMetarialAction{padding-top:12px}
.progress{height:5px}
.progress-bar{background:#237abf}
.isMetarialAction p{display:flex;align-items:center;justify-content:flex-start;margin-bottom:0;color:#8192ab}
.blueBtn{background:#237abf;font-size:16px;font-weight:500;line-height:27px;padding:8px 2rem;margin:5px 0 5px 15px}
.blueBtn:hover{background:0 0;color:#237abf;border:1px solid #237abf}
.checkboxGrid .form-check .form-check-input{float:left;margin-left:-.6em;margin-top:0;zoom:2.5;margin-right:5px}
.checkboxGrid .form-check-input:checked{background-color:#01437d;border-color:#01437d}
.form-check-input:focus{box-shadow:none}
.positionFixed{position:absolute;right:10px;bottom:15px;cursor:pointer}
.thBack{border-radius:10px;background:#f4faff}
.thBack th{padding-top:16px; color: #242629;padding-bottom:16px;}
table tr th {min-width: 100px;padding: 8px 12px;text-align: left;white-space: nowrap;background-color: #f8f9fa; /* subtle background */font-weight: 600;font-size: 0.95rem;border-bottom: 1px solid #dee2e6;}
table thead{border:1px solid #c7deef; border-radius:10px}

.requestBtn{border-radius:22px;border:.5px solid #42854b;background:#e7ffea;color:#42854b;font-size:11px;font-weight:500;padding:9px 12px;max-width:110px;width:100%;margin:4px}
.viewBtn{border-radius:4px;border:.5px solid #9f4714;background:0 0;color:#9f4714;font-size:11px;font-weight:500;padding:9px 12px;max-width:54px;width:100%;margin:4px}
a.btn.btn-warning.viewBtn:hover{background-color:#9f4714;border:.5px solid #9f4714}
.assignBtn{border-radius:4px;border:.5px solid #237abf;background:0 0;color:#237abf;font-size:11px;font-weight:500;padding:9px 15px;max-width:65px;width:100%;margin:4px}
.assignRoleBtn{border-radius:4px;background:0 0;color:#dc3545;font-size:11px;font-weight:500;padding:9px 15px;margin:4px}
.assignRoleBtn:hover{color:#fff!important}
/*table tr th{min-width:155px}*/
/*table tr th:first-child{min-width:55px; vertical-align:middle}*/
.flexGrid{display:flex;justify-content:space-between;align-items:center}
.w250{max-width:250px;width:100%}
.InvestBtn{border-radius:6px;background:#237abf;max-width:235px;width:100%}
.greyBox{border-radius:10px;border:1px solid #c7deef;background:#f4faff}
.boxInner{width:33.33%;padding:14px 15px}
.boxInner p{margin-bottom:0}
.pageTitleSecond{color:#237abf;font-size:18px;font-weight:600}
.boxInner25{margin:5px 0}
.boxInner25>p{margin-bottom:0;color:#1d3050;font-size:16px;font-weight:400;line-height:24px;opacity:.7}
.incidentReport .nav-link{color:#182538;font-weight:500}
.incidentReport .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#fff #fff #237abf;border-bottom:3px solid;color:#237abf!important;font-weight:600}
.thBack.thBackTwo th{padding:8px;color:#1d3050;font-size:16px;font-weight:500;line-height:24px}
.tab-content tr td,.tab-content tr th{padding:16px 8px!important;vertical-align:middle;min-width:266px}
.changePasswordBtn{border-radius:6px;color:#d9980d;max-width:220px;width:100%;background:0 0;border:1px solid #d9980d}
.UpdateBtn{border-radius:6px;color:#fff;max-width:220px;width:100%;background:#237abf;border:1px solid #237abf;margin-left:10px}
.form-control:disabled,.form-control[readonly]{background-color:transparent;opacity:1;border:0;border-bottom:1px solid #f2f2f2;font-weight:600;padding:0 50px 0 0}
.customTable tr td{vertical-align:middle;font-size:14px}
.customTable tr th{font-size:14px;color:#242629;font-weight:500}
.addUserForm ::-webkit-input-placeholder{font-size:14px;height:50px;font-family:inherit;color:#00072b;opacity:.5}
.addUserForm ::-moz-placeholder{font-size:14px;height:50px;font-family:inherit;color:#00072b;opacity:.5}
.addUserForm :-ms-input-placeholder{font-size:14px;height:50px;font-family:inherit;color:#00072b;opacity:.5}
.addUserForm :-moz-placeholder{font-size:14px;height:50px;font-family:inherit;color:#00072b;opacity:.5}
.myProfile{padding:25px 25px;border:1px solid rgba(89,122,148,.4);border-radius:4px}
.profileDiv{border-radius:50%;margin-bottom:5px}
.pt70{padding-top:100px}
.btnOrange{border:1px solid #d9980d}
.submitBtn{background:#237abf}
.uploadBox{border-radius:10px;border:1px dashed #c7deef;background:#f4faff;padding:20px;position:relative;min-height:200px}
.uploadBox h6{color:#00072b;text-align:center;font-size:16px;font-weight:700;line-height:24px}
.uploadBox .uploadBoxInput{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
.uploadBox h6 span{color:#237abf}
.uploadBox p{color:#00072b;text-align:center;font-size:12px;font-weight:400;line-height:18px;word-break:break-word}
.customHeight{height:100%;min-height:100vh;margin-left:245px!important;padding:0 40px!important;width:calc(100% - 245px);padding-bottom:180px!important;position:relative}
.navbar-nav .dropdown-menu{position:absolute}
.dateAndTime{padding-top:20px;margin:0;font-size:14px;color:#00072b;display:flex;align-items:center;flex-wrap:wrap}
.learningMatarialBox{border-radius:10px;border:1px solid #bcc9d3;background:#fff;height:100%;overflow:hidden;position:relative}
.isMetarialBoxImg{width:auto!important;min-height:185px;height:185px;overflow:hidden;position:relative;border-bottom:1px solid #ddd}
.learningMatarialBox .isMetarialBoxImg img{width:auto!important;margin:0 auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.completedBtn{border-radius:4px;background:#568f09;border:1px solid #568f09;text-transform:capitalize}
.completedBtn:hover{background:rgba(85,144,9,.8)}
.incompleteBtn{background:#d9980d!important;border:1px solid #d9980d;text-transform:capitalize}
.incompleteBtn:hover{background:rgba(217,152,13,.8)!important;border:1px solid #9c6d06!important}
.page-link{padding:.5rem 1rem}
.breadcrumb-item{font-weight:400}
.breadcrumb-item.active{color:#237abf}
.moretext{display:none}
.activeBtn{color:#d9980d;border-radius:4px;border:.5px solid var(--ORANGE,#d9980d);background:#fffae7;max-width:100px;width:100%}
.activeBtn:hover{background:0 0}
.deActiveBtn{color:#fff;border-radius:4px;border:1px solid #c8250c;background:#c8250c;max-width:100px;width:100%}
.deActiveBtn:hover{background:0 0;color:#c8250c}
.eyeBtn{color:#fff;border-radius:4px;width:32px;height:32px;border:1px solid #d9980d;padding:0;margin:3px}
.editBtn{color:#fff;border-radius:4px;width:32px;height:32px;border:1px solid #237abf;padding:0;margin:3px}
.deleteBtn{color:#fff;border-radius:4px;width:32px;height:32px;border:1px solid #c8250c;padding:0;margin:3px}
.smTextStyle{color:rgba(28,47,79,.6);font-size:11px;margin:0;padding:10px 0 7px}
.smTextStyle span{color:rgba(28,47,79)}
.AbsoluteText{font-size:11px;font-weight:500;padding:6px 14px;background:#fff;border-radius:4px;position:absolute;top:10px;right:10px}
.AbsoluteTextGreen{color:#57a23e}
.AbsoluteTextOrange{color:#ef771d}
.AbsoluteTextPurple{color:#6f5fd2}
.AbsoluteTextBrown{color:#b55142}
.borderGreen{border:1px solid #57a23e}
.leftCourseDetailsImg{border-radius:8px;max-width:346px;padding:10px 10px;border:1px solid #ccc;margin-right:30px;text-align:center;width:100%}
.aboutAddCourse{border-radius:10px;padding:16px;min-height:320px}
.aboutAddCourse h4{font-size:18px;color:#237abf;font-weight:600;padding:10px 0}
.aboutCourseList{padding:10px 0;margin:0}
.aboutCourseList li{list-style:none;padding:8px 0;font-size:14px}
.aboutCourseList li span{text-align:left;line-height:21px;padding-left:0;font-weight:600;color:#1d3050;padding-top:3px;font-size:16px}
.rightCourseDetails h3{color:#237abf;font-size:24px;font-weight:600}
.rightCourseDetails p{color:#00072b;line-height:31.5px}
.itemDropdown{background:0 0;color:#242629;font-size:12px;font-weight:500;width:100%;text-align:left;padding:15px 15px;box-shadow:none;border:none;border-bottom:1px solid #ccc}
.sidebar .btn-secondary:hover{color:#fff;background-color:#2083d2;border-right:6px solid #8bc53f}
.sidebar .itemDropdown>img{max-width:28px}
.sidebar .itemDropdown:focus{background-color:#2083d2;border-color:#2083d2;box-shadow:none;border-right:6px solid #8bc53f}
.sidebar .itemDropdown.active{background-color:#2083d2;border-color:#2083d2;box-shadow:none;border-right:6px solid #8bc53f;box-shadow:none;border-right:6px solid #8bc53f}
.sidebar .itemDropdown.active{background-color:#2083d2;border-color:#2083d2;box-shadow:none;border-right:6px solid #8bc53f}
#sidebarMenu .btn-secondary.active{background-color:#0070bf}
.sidebar .dropdown-menu{background-color:#fff!important;border:1px solid #b6ccdb}
.sidebar .nav-link.active{color:#0070bf}
.sidebar .nav-item.mb-2.ps-4{padding-left:0!important}
.sidebar .btn{border-radius:0} 
.sidebar .nav-item svg {margin-right: 10px;}
.sidebar .btn svg {margin-right: 10px;}

ul.nav.flex-column img{margin-right:7px!important;}
.addUserForm .form-label{margin-bottom:7px!important;font-weight:500;color:#00072b}
.addUserForm .form-control{font-size:16px;height:50px;color:#00072b;margin-bottom:5px;border-bottom:1px solid #ede3e3}
.form-control[type=file]:not(:disabled):not([readonly]){height:auto}
.addUserForm .form-control:focus{box-shadow:none;border:1px solid #01437d}
.user-modal .modal-title{font-size:18px;font-weight:500}
.user-modal .modal-header{padding:10px 15px}
.user-modal .modal-body{text-align:center;padding:30px 0}
.user-modal button.close{background:#fff;border:1px solid #fff;color:#01437d;border-radius:3px;height:24px;width:24px;display:flex;align-items:center;font-weight:500;position:absolute;right:9px;top:11px;justify-content:center}
.user-modal .modal-dialog{transform:translateY(-64%)!important;top:50%}
.modal-label{display:flex;justify-content:center;margin-left:120px}
.user-modal form{margin-bottom:0}
.customTable .btn-danger{font-size:14px}
.customTable .btn{font-size:12px;padding:5px 10px}
.right-incident-panel{display:flex}
.incident-sec label{font-size:14px}
.incident-sec .form-select{font-size:14px;height:40px}
.incident-sec .form-control{font-size:14px}
.incident-sec .btn{font-size:14px;margin-right:-10px}
li.breadcrumb-item i{padding-right:4px}
.addUserForm .select2-container--default .select2-selection--single{height:50px;line-height:35px!important;font-size:14px;padding:3px 3px}
.addUserForm .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px}
.checkbox-custom .form-check-label{font-size:14px;display:flex;align-items:center}
.checkbox-custom .form-check-input{width:14px;height:14px;border-radius:3px;margin-right:3px!important;margin-top:-2px!important;border:1px solid #01437da1}
#ribbon{display:none}
.alert-danger p{font-size:14px}
.alert-danger li{font-size:14px}
.custom-table tr:last-child td{border-bottom:1px solid #e1e1e1!important}
.navbar-nav .dropdown-menu li{font-size:13px}
.navbar-nav .dropdown-item:hover{background-color:#0070bf;color:#fff}
.permit-req label.select{border:1px solid #bdbdbd;border-radius:4px;height:35px}
.permit-req .col-2{padding:0 0!important;margin:0 5px 10px}
.permit-req .col{padding:0 0!important;float:none}
.permit-req label.select i{background:0 0;top:12px}
.permit-req .select2-container .select2-selection--single{border:none;font-size:13px}
.permit-req .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px}
.admin-table.permit tr.thBack th{padding:10px 10px!important}
.permit-req .select select{border:none!important;background-color:transparent}
.permit-req .select2-selection__arrow b:before{content:none}
.permit-req.report{display:flex;justify-content:space-between}
.custom-check{display:flex;align-items:center}
.custom-check label.form-check-label{font-size:15px}
.incident-sec .select2-selection--multiple{border:1px solid #ced4da!important;z-index:1}
.incident-sec .select2-selection__choice{background-color:#0d6efd!important;border:1px solid #0d6efd!important;font-size:12px}
.incident-sec .select2-selection__choice__remove:before{position:absolute;right:-6px;top:-5px}
.incident-sec .flexGrid{align-items:flex-start;margin:0 10px 0 0}
.incident-sec .cal.datepicker{height:40px;border:1px solid #ced4da;border-radius:5px;padding:0 10px}
.flexGrid.incident-sec{align-items:center}
.incident-sec a.btn.btn-danger.toggle{min-width:110px}
.incident-sec .select2-selection__rendered{display:block!important}
.tag-course .select2-selection__choice{background-color:#0d6efd!important;border:1px solid #0d6efd!important;font-size:12px;color:#fff;position:relative}
.tag-course .select2-selection__choice__remove{position:absolute;right:-5px;top:-8px;color:#7a6363!important}
.cancelBtn{background:0 0;font-size:16px;font-weight:500;line-height:27px;padding:8px 2rem;color:#237abf;border-radius:6px;border:1px solid #237abf;margin:5px 15px}
.cancelBtn:hover{background:#237abf;color:#fff;border:1px solid #237abf}
.ps-3.me-auto.m-text-center.lightGreyTxt{color:#242629;padding-left:28px!important}
td.sorting_1{width:10px!important}
.memberTable{overflow-x:auto}
.fc .fc-toolbar.fc-header-toolbar{background:#f4faff;width:100%;border:1px solid #c7deef;border-radius:10px;padding-right:12px}
.fc-toolbar-chunk>div{display:flex;justify-content:center;align-items:center}
.fc-toolbar-chunk>div button{margin:0 50px!important;background:0 0!important;color:#237abf!important;border:0 transparent!important;font-size:24px!important;outline:0!important}
.fc-theme-standard .fc-scrollgrid{border:0}
.fc-theme-standard td:first-child{border-left:1px solid #6c90ac}
.fc-theme-standard td,.fc-theme-standard th{border:1px solid #6c90ac}
table tr:first-child th{border-right:0px!important;border-left:0}
.fc .fc-button-primary:focus{box-shadow:none!important}
.fc-h-event{background-color:#e6f1fe;border:#e6f1fe;display:block;border-radius:4px}
.fc-h-event .fc-event-main{color:#144b8c;font-size:13px;font-weight:500;padding:10px}
.fc .fc-daygrid-day-number{padding:10px;position:relative;z-index:4;font-size:20px;font-weight:600;color:#1d3050!important}
.fc .fc-col-header-cell-cushion{display:inline-block;padding:5px 4px;color:#1d3050!important;font-weight:600}
.fc-today-button{background:#8bc53f!important;border:1px solid #8bc53f!important;text-transform:capitalize!important;color:#fff!important}
.fc .fc-button-primary:disabled{background-color:#2c3e50!important;border-color:#2c3e50!important;color:#fff!important}
.inputGroupIcon{position:absolute;left:13px;top:8px}
.auditMember a{font-size:18px;color:#237abf;text-decoration:underline}
/* .offcanvas-end{width:894px} */
.tHead{background:#f4faff;border-radius:6px;border:1px solid #c7deef}
.tHead th{font-size:14px;padding:10px 5px}
.tBody tr td{font-size:13px;vertical-align:middle;padding:12px 5px}
.table>:not(:last-child)>:last-child>*{border-bottom:0 transparent!important}
.form-check-input[type=radio]{border-radius:50%;text-align:center;float:none;margin:0 auto}
.tHead th:last-child{min-width:105px;text-align:center}
.tBody th:last-child{min-width:105px;text-align:center}
.tBody .form-check{padding-left:0;text-align:center}
.stmTitle{color:#1d3050;font-size:20px;font-weight:600}
.sacQuetionGrid{border-bottom:1px solid #d3d3d3;margin-bottom:18px}
.questionOption{padding:15px 0}
.questionName{font-size:16px;font-weight:500;line-height:24px;color:#00072b}
.questionOption .form-check{display:flex;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem;align-items:center;justify-content:flex-start}
.questionOption .form-check-input[type=radio]{margin:0 7px}
.uploadFileBox{border-radius:4px;border:1px dotted #237abf;padding:10px 16px;font-size:12px;font-weight:500;position:relative;max-width:124px;width:100%}
.uploadFile{position:absolute;opacity:0;top:0;left:0;height:40px;width:100%;cursor:pointer}
.sacQuetionGrid:last-child{border-bottom:0}
.checklistSection .accordion-item{border:0 transparent}
.checklistSection .accordion-button{background-color:#e7f1ff;box-shadow:none!important;border:1px solid #ddd;margin-bottom:16px;border-radius:6px}
.auditNameBox{border:1px solid #c7deef;background:#f4faff;padding:0 12px;border-radius:10px;margin:16px 0}
.auditDate{color:#1d3050;font-weight:400;padding:15px 0}
.auditDate span{font-weight:600}
.auditBlueHeading{color:#237abf;font-size:18px;font-weight:600;padding:30px 0}
.auditSubHeading{color:#1d3050;font-weight:600}
.borderBottom{border-bottom:1px solid #c7deef}
.checklistSection .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#fff;border-color:#fff #fff #237abf #fff;border-bottom:3px solid #237abf}
.checklistSection .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#fff #fff #237abf #fff;border-bottom:3px solid #237abf}
.tabTitle{font-size:18px;font-weight:600;margin:0 30px 0 0!important;color:#237abf!important}
.auditDetailTab{overflow-x:auto;flex-wrap:nowrap}
.auditDetailTab li button{width:100%}
.courseDetailSec{overflow-x:auto} 
.dataTables_filter{width:100%}

.defaultIcon{display: block;}
.blueIcon{display: none;}
.sidebar .nav-link.active .defaultIcon{display: none;}
.sidebar .nav-link.active .blueIcon{display: block;} 

.cardHeaderCustom{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); border-bottom: none; padding: .8rem;}
.cardHeaderCustom h5 {color: #1565c0;font-size: 16px;font-weight: 600;}
.merged-info-item {margin-bottom: 15px;}
.merged-info-label{font-weight: 600; color: #212529; font-size: 14px;}
.merged-info-value{color: #525D6E; font-size: 14px;}

/* .table-bordered>:not(caption)>*>* {
    border-width: 0 0px;
    border-bottom-width: 1px !important;
} */
/* .table>:not(caption)>*>* {
    padding: 1.3rem .5rem;
    background-color: transparent !important; 
    box-shadow: transparent 0 0 0 1px;
} */

@media (max-width:1500px){
  .table-bordered thead th{vertical-align:middle}
}
@media (max-width:1400px){
  table.table .btn{padding:5px 5px;max-width:none;width:auto;font-size:11px;margin:0 2px}
  .customTable tr td,.customTable tr th{font-size:12px}
  .btn-add-course{border-radius:5px;border:1px solid #237abf!important;padding:6px 12px;background:#237abf!important;color:#fff!important;cursor:pointer;font-size:13px}
  .pwtextBox>p{font-size:14px;line-height:21px}
  .pwCircle{font-size:20px;width:55px;height:55px;line-height:55px}
  .isMetarialDetails{font-size:12px;line-height:17px}
  .isMetarialAction p{font-size:12px}
  .incidentReportBox h3{font-size:15px}
  .my-account{font-size:12px}
  .countTxt{font-size:26px}
  .incident-sec label{font-size:12px}
  .incident-sec .form-select{font-size:12px}
  .incident-sec .btn{font-size:12px}
  .incident-sec .form-control{font-size:12px}
  .addUserForm .select2-container--default .select2-selection--single{font-size:12px}
  .addUserForm .select2-results__option[aria-selected]{font-size:12px}
  .custom-table th,td{font-size:13px}
  .title-report{font-size:14px}
}
@media (min-width:768px) and (max-width:1199px){
  .loginLeft{padding:20px 0}
  .loginRight{padding:60px 0}
  .carousel-indicators{bottom:-70px}
  .form-control{margin:8px 0}
  .form-select{margin:8px 0}
  .ps-3.me-auto.m-text-center.lightGreyTxt{padding-left:0!important;font-size:13px}
}
@media (max-width:767px){
  .loginLeft{padding:20px 0}
  .pt-100{padding-top:0}
  .loginRight{padding:20px 0}
  .mTextCenter{text-align:center}
  .m-text-center{text-align:center;margin:0!important;width:100%}
  .navbar-dark .navbar-brand{box-shadow:none!important}
  .boxInner{width:50%}
  .customHeight{margin-left:0!important;width:calc(100% - 0px)!important}
  .form-control{margin:8px 0}
  .form-select{margin:8px 0}
  .offcanvas-body{padding:1rem 0}
  form br{display:none}
  .incident-buttons{margin-bottom:15px}
}
@media (max-width:575px){
  .lableMobile{min-width:160px!important}
  .form-select{min-width:150px}
  table tr td,table tr th{font-size:14px}
  .boxInner{width:100%;padding:7px 15px}
  .InvestBtn{margin:10px 0;max-width:100%;display:inline-block}
  .incidentReport .nav-link{padding:.5rem .4rem;font-size:14px}
  .myProfile{padding:15px}
  .changePasswordBtn{max-width:100%;margin:5px 0}
  .UpdateBtn{max-width:100%;margin:5px 0}
  .pt70{padding-top:20px}
  .rightCourseDetails p{text-align:justify}
  .fc .fc-toolbar-title{margin:0;font-size:18px!important}
  .fc-toolbar-chunk>div button{margin:0!important;padding:.3em!important}
  .fc .fc-button .fc-icon{font-size:1.2em}
  .questionOption .form-check{padding-left:0;margin-bottom:1.2rem}
  .checklistSection .accordion-body{padding:1rem .25rem}
  .cancelBtn{margin:5px 8px}
  .blueBtn{margin:5px 0 5px 8px}
  .auditDate{padding:8px 0}
  .auditNameBox{padding:12px}
  .course-upper-sec{flex-wrap:wrap}
  .ps-3.me-auto.m-text-center.lightGreyTxt{padding-left:0!important}
  .aboutAddCourse{padding:16px 0}
  .admin-table td:last-child{display:table-cell}
  .tab-content tr td,.tab-content tr th{min-width:160px}
  .btn{font-size:.8rem}
  div.dataTables_info{padding-top:0!important}
  .dt-toolbar-footer{position:absolute;width:100%;flex-wrap:wrap;justify-content:space-around}
  .aboutAddCourse{min-height:auto}
  .course-list-text{flex-wrap:wrap}
  div.dataTables_filter input{width:100%!important}
}
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
html{scroll-behavior:smooth}
body{font-family:Poppins,sans-serif;overflow-x:hidden}
h1,h2,h3,h4,h5,p,ul{margin:0 0}
.content-wrapper{padding:20px 30px}
.primary-title{font-size:20px;font-weight:600;color:#1d3050;border-bottom:1px solid #e9e9e9;padding-bottom:17px;margin-bottom:12px}
.report-section{margin-top:20px}
.report-box{border-radius:10px;border:1px solid #bcc9d3;background-color:#fff;text-align:center;padding:15px 10px;margin-bottom:20px;min-height:180px;display:flex;flex-direction:column;justify-content:center; overflow: hidden;}

.precent-tag{font-size:14px;font-weight:600;color:#ed5650;margin-bottom:8px}
.precent-tag.success-tag{color:#57a23e}
.title-report{font-size:14px;font-weight:500;color:#525d6e;padding-top:8px;margin-bottom:10px}
.count{color:#525d6e;font-weight:500;font-size:11px}
.sec-title{font-size:18px;font-weight:500;color:#1d3050}
.img-report{margin-right:4px}
.report-bottom-sec{display:flex;justify-content:center}
.month-sec{border-right:1px solid #bcc9d3;padding:0 10px}
.month-sec:last-child{border-right:0px}
.report-bottom-sec{margin-top:8px}
.sevirity-box{border-radius:10px;border:1px solid #bcc9d3;min-height:328px;margin-top:20px;padding:10px 0;position:relative;overflow-x:auto}
.sevirity-box.first{display:flex;align-items:center}
.report-bottom-sec{margin-top:15px}
.green{color:#6ad581}
.severity{margin-top:20px}
#legend div{width:11px;height:11px;border-radius:100%;margin-bottom:20px}
#legend{margin-left:70px}
#segment1{background:#17ac9a}
#segment2{background:#cb9d14}
#segment3{background:#c8250c}
.donut-text{position:absolute;left:0;right:0;text-align:center}
#legend p{padding-left:25px;width:400px;line-height:11px}
.text-chart{margin-bottom:18px;font-size:12px;font-weight:500;color:#1d3050;width:300px}
.sevirity-img{display:flex;align-items:center;justify-content:center}
a.canvasjs-chart-credit{display:none}
#myChart1{width:420px!important;margin:0 auto;height:100px!important}
.select-investigator .select2-container{width:87%!important;margin-top:10px}
.select-investigator .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:7px 5px!important;border:0 solid #ced4da!important}
.select2-container .select2-selection--multiple{min-height:36px!important}
.select2-search input{min-height:36px!important}
.btn-warning:hover{color:#fff}
.heading-sec{align-items:center}
.btn.btn-primary.export-csv{margin-left:11px;margin-top:3px;height:36px}
.no-found-text{font-size:17px;font-style:italic;text-align:center}
.view-table th{font-weight:400}
.view-table td{font-weight:500}
.right-incident-panel .lableMobile{white-space:nowrap}
.iconNonActive{display:none}
.iconActive{display:block}
.itemBox:hover .iconNonActive{display:block}
.itemBox:hover .iconActive{display:none}
li.nav-item.itemBox.itemBoxActive:hover .iconActive{display:block}
li.nav-item.itemBox.itemBoxActive:hover .iconNonActive{display:none}
#sidebarMenu .btn-secondary.active .iconNonActive{display:none}
#sidebarMenu .btn-secondary.active .iconActive{display:block}
/* .sidebar .dropdown-toggle::after{border-top:.5em solid;border-right:.5em solid transparent;border-left:.5em solid transparent;color:#2083d2} */

.sidebar .itemDropdown:after {
    background-image: url(../../ehs/img/down-arrow-icon.png);
    width: 18px;
    height: 13px;
    background-position: right;
    position: absolute;
    right: 10px;
    background-size: 65%;
    background-repeat: no-repeat; 
} 

.sidebar .itemDropdown.active:after {
    background-image: url(../../ehs/img/up-arrow-icon.png);
}

.sidebar.active.dropdown-toggle::after {
    color: #fff!important;
    left: 45px !important;
}

.sidebar .itemDropdown.active:hover .iconNonActive {
    display: none;
}
.sidebar .itemDropdown.active:hover .iconActive {
    display: block;
}

hr{height:1px;margin:0 11px 20px;width:98.5%}
.main-div{margin:0 0;align-items:center}
.section-top{padding-bottom:0!important;margin-bottom:3px!important}
.section-top.mb-bottom{margin-bottom:-5px!important}
.main-div .col-md-9{padding:0 2px}
th.sorting i{display:none}
.customTable td ul{margin:0 0;padding:0 0}
.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left:-7px!important;margin-top:1px!important}
.form-control:focus{box-shadow:none}
.dataTables_filter .form-control{padding-left:45px}
textarea.form-control{min-height:80px}
.home-page{padding-top:20px!important}
.title-section{display:flex;justify-content:space-between;align-items:center}
.view-all{border-radius:4px;border:1px solid #237abf;font-size:14px;font-weight:500;color:#237abf;background-color:transparent;padding:8px 29px;height:37px}
#chart,#donutchart{width:600px;height:600px}
#donutchart{position:relative}
#labelOverlay{position:absolute;top:240px;left:158px;text-align:center;cursor:default}
#labelOverlay p.used-size{font-size:40px;color:#242629;font-weight:600}
#labelOverlay p.total-size{color:#1d3050;font-size:15px;font-weight:500}
#donutchart{position:absolute;left:-50px;top:-140px;z-index:-1;right:0;text-align:center;margin:0 auto}
.chart-container{top:-20px;width:75%;height:90px;margin:0 auto;position:absolute;left:0;right:0}
.right-incident-panel.permit{align-items:flex-start}
.accordion-button{color:#237abf!important;font-weight:600}
span.dot{width:10px;height:10px;border-radius:100%;background-color:#57a23e;display:block;margin-right:6px}
p.chart-tag{font-size:10px;font-weight:700;color:#4f4f4f}
.bottom-chart{position:absolute;bottom:10px;left:0;right:0;text-align:center}
.bottom-chart ul{padding:0 0}
li.bottom-list{display:inline-flex;align-items:center;padding:0 20px}
li.bottom-list:nth-child(2) span.dot{background-color:#ef771d}
li.bottom-list:nth-child(3) span.dot{background-color:#6f5fd2}
li.bottom-list:nth-child(4) span.dot{background-color:#b55142}
.severity.breakdown .bottom-list span.dot{background-color:#ca0d4b}
.severity.breakdown li.bottom-list:nth-child(2) span.dot{background-color:#d9980d}
.select-home{position:relative;width:180px}
.dash-top{display:flex;align-items:center;margin-top:25px;border-bottom:1px solid #ccc;padding-bottom:11px;margin-bottom:4px;flex-wrap:wrap}
.primary-title.dashboard{border-bottom:none;margin:0 0;padding-bottom:0}
.search-label{font-size:14px;font-style:normal;font-weight:400;color:#727272;padding-right:13px}
.right-search{display:flex;align-items:center;justify-content:end; flex-wrap: wrap;}
.report-box h5{font-size:18px}
.import-csv .modal-dialog{max-width:600px}
.import-csv .custom-file{text-align:left}
.import-csv .import-label{text-align:left;padding-right:13px}
.import-csv .bg-primary{background-color:#237abf!important}
.btn-upload{width:150px}
.import-csv .custom-file{white-space:nowrap;display:flex}
@media (max-width:1440px){
  .title-report{font-size:14px}
  .chart-container{width:100%;top:0}
  .sevirity-box{min-height:321px}
}
.green-text{color:#64c164}
.red-text{color:#ed5650}
.footer{position:fixed;bottom:0;left:0}
.multiple-select .select2-container--default .select2-selection--multiple{height:auto!important;padding:10px 10px}
.border-version{color:#333;border:1px solid #c2c2c2;border-radius:5px;padding-block:5px}
.version{font-size:14px}
.ui-datepicker th{min-width:auto!important}
.select2-container--default .select2-selection--multiple{border:1px solid #ced4da!important}
.permit-req-detail{border-radius:4px;padding:20px 0}
.permit-detail-text{font-weight:600;padding-top:3px;color:#1d3050;word-break:break-word}
.permit-detail-box{margin-bottom:11px;padding:0 13px 25px 10px;margin-right:40px;min-height:73px}
.img-thumbnail{border:none}
.permit-detail-label{font-size:16px;font-weight:400;color:#182538}
.pdf-sec{border:1px solid #ccc;border-radius:4px;padding:10px 10px 19px;margin-bottom:100px}
.pageTitle.link{padding-bottom:12px}
.permit-detail-box.link{border-bottom:none}
.bg-light.sidebar{background-color:#fff!important;box-shadow:1px 4px 7px #bfbfbf}
.large-box{min-height:100px}
#sidebarMenu .btn{border-radius:0;transition:none}
#sidebarMenu .dropdown.my-2{margin:0 0!important}
ul.dropdown-menu.show .nav-link{padding:10px 15px 10px 0px}
#sidebarMenu ul.nav.flex-column.px-1{padding:0 0!important}
.dropdown.no-border .itemDropdown{border-bottom:none!important}
#sidebarMenu{padding-bottom:60px}
.aboutCourseList p{color:#030508;font-size:16px}
.aboutCourseList span{color:#000}
.right-course-panel{display:flex;justify-content:end;flex-wrap:wrap;align-items:center}
div.dataTables_length label{margin-left:10px}
.course-buttons a,.course-buttons button{margin:4px!important}
.course-buttons a{margin:0 2px}
.btn-success i{color:#fff;padding-right:5px}
.course-upper-sec{display:flex;padding-bottom:30px}
.course-title{font-size:18px!important;font-weight:600;color:#237abf;border-bottom:1px solid #c7deef;padding-bottom:8px}
.course-tag{font-size:16px;font-weight:400;color:#00072b;padding-top:8px}
.rightCourseDetails{padding-top:30px}
.studyMaterial{background-color:#f4faff;border-radius:10px}
.study-sec{padding-top:15px}
.course-list-text{display:flex;justify-content:space-between}
.study-sec img{width:90px}
.leftCourseDetails{margin-top:12px}
.permit-details{margin-top:20px}
.permit-details .boxInner{display:flex;align-items:center}
.permit-details .boxInner span{padding-left:5px}
.permit-details .boxInner .permit-detail-text{padding-left:5px}
.permit-pdf-title{padding-top:20px;font-size:21px;padding-bottom:10px}
.permit-details .boxInner p{color:#030508}
#sidebarMenu ul.dropdown-menu.show .nav-link:hover{color:#237abf}
.boxInner.large{width:auto}
.greyBox.mb-3.permit-details.last-div{margin-top:-2px;border-top-left-radius:0;border-top-right-radius:0}
.first-div{border-bottom-left-radius:0;border-bottom-right-radius:0}
.boxInner25 p{font-size:16px;font-weight:400;color:#182538;opacity:1}
.boxInner25 span.textBlueDark.fWeight600.d-block{font-weight:600;padding-top:3px;color:#1d3050;opacity:1;word-break:break-word}
.permit-ul{padding:0}
.permit-detail-text.list{display:inline-block;border:1px solid #ccc;padding:5px 17px;margin:5px 0;font-size:13px}
a.btn.btn-success.pull-right{margin:0 0 0 8px}
.admin-table{border-collapse:collapse!important}
.admin-table .btn-success{margin:0 0;min-width:75px}
.table-bordered>:not(caption)>*{border-width:0 0}
th.sorting_asc{border-top-left-radius:4px;border-bottom-left-radius:4px}
th.sorting:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.admin-table th:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.admin-table th:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.breadcrumb{margin-bottom:4px}
.calenderIcon i{position:absolute;right:10px;color:#212529}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#237abf!important;border:1px solid #237abf!important;font-size:12px;padding-right:25px!important}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff!important}
.sidebar{scrollbar-width:thin;scrollbar-color:#b2b2b9 #edecea}
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-thumb{background:#2083d2;height:30px}
.btn-secondary:hover.dropdown-toggle::after{color:#fff!important;}
.sidebar::-webkit-scrollbar-thumb{background:#999;height:30px}
/* .btn-secondary:focus.dropdown-toggle::after{color:#fff!important;right:19px}
.btn-secondary.active.dropdown-toggle::after{color:#fff!important;right:19px}
.btn-secondary:focus.dropdown-toggle::after{color:#fff!important;right:19px}
.btn-secondary.active.dropdown-toggle::after{color:#fff!important;right:19px} */
.login-logo{text-align:center}
.login-logo img{width:300px}
.serachTableContent .card{border:none}
.serachTableContent .card-body{padding:0 0}
.serachTableContent .calenderIcon i{top:11px}
.form-check-inline{display:flex;margin-right:1rem;align-items:center;flex-wrap:wrap}
.admin-table>:not(:last-child)>:last-child>*{border-bottom-color:#c7deef}
.btn.btn-warning.cancelBtn{margin:5px 0}
.isMaterialRow .owl-carousel .owl-nav.disabled{display:block}
.management-dashboard{margin-bottom:-100px}
.alert.alert-success.ques_appversion{top:14px}
.alert.alert-success.quesPermitRequest{top:6px}
.alert.alert-success.quescategory{top:150px}
.incident-buttons{display:flex;white-space:nowrap;justify-content:end}
.incident-buttons .btn-primary{margin-right:10px}
#accordion .accordion{border:1px solid #c7deef!important;background:#f4faff!important;color:#242629!important;margin-top:20px!important;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:10px 10px!important}
#accordion .accordion:after{content:"\002B";color:#0a5995!important;font-weight:500!important;float:right;margin-left:5px;font-size:24px!important}
.table-bordered thead th{vertical-align:middle}
.incident-content .textBlueAnotherDark{font-weight:600;color:#1d3050}
.incident-content{padding-bottom:20px}
::selection{color:#fff;background-color:#2083d2}
.btn-primary:hover{color:#fff;background-color:rgba(32,130,210,.9);border-color:rgba(32,130,210,.9)}
.form-control{appearance:auto;}
select option:hover{background-color:#2083d2!important}
.createOption .form-check-input{zoom:1.5}
.createOption .form-check{padding-left:2.5em}
.noteText{color:#6e7485;font-size:14px;font-weight:400}
.noteText span{color:#1d3050}
.pageTitle2{font-size:18px}
.admin-table>:not(:last-child)>:last-child>*{border-bottom-color:#c7deef}
.bigCheckbox .form-check-input[type=radio]{zoom:1.4;margin-left:-13px;margin-right:10px;margin-top:1px}
.form-check-input:checked{accent-color:#01437da1;border:1px solid #01437da1;background-color:rgb(1 67 125)}
.courseDetailSec .form-control:disabled{border:1px solid #fff;padding:.375rem .75rem;font-weight:400;line-height:1.5;font-size:16px}
.addUserForm.myProfile .profileDiv img{width:95%;border-radius:6px}
.profile-section{padding-top:20px}
.profile-section label{margin-bottom:5px!important}
.profile-section .btn-success{margin:0 3px;padding:8px 13px}
.pagination-sec{background:#fafafa;font-size:11px;overflow:hidden;padding:14px 10px;border-top:1px solid #ccc;-webkit-box-shadow:inset 0 1px #fff;-moz-box-shadow:inset 0 1px #fff;-ms-box-shadow:inset 0 1px #fff;box-shadow:inset 0 1px #fff;display:flex;align-items:center;margin:30px 0}
.pagination-sec nav{width:100%}
.pagination-sec .small.text-muted{padding-top:9px;font-size:13px;font-weight:700;font-style:italic;color:#000!important}
.pagination-sec .page-item.active .page-link{color:#fff;background-color:#2383cd;border-color:#2383cd;padding:10px 13px;font-size:13px;font-weight:500}
.pagination-sec .page-link{color:#333;padding:10px 13px;font-size:13px;font-weight:500}
.login-div{height:100vh}
.editCheckboxRow .form-check{padding-left:3em;margin-bottom:15px}
.editCheckboxRow .form-check-input{margin-top:-2px}
.MultipalSelectBox .selection ul{overflow-x:auto!important;display:flex!important;align-items:center!important}
.MultipalSelectBox .selection ul li input{width:100%!important}
.cancelButton{background:#d2e2ef;font-size:16px;font-weight:500;line-height:27px;padding:8px 2rem;margin:5px 0 5px 15px}
.btn-group,.btn-group-vertical{display:-webkit-inline-box!important}
@media (max-width:767px){
  .footer{position:static}
  .customHeight{padding:15px 15px 120px 15px!important} 
}
.lastChild li{background:#f2f2f2;padding:4px 8px;margin:4px;border-radius:4px;font-weight:600;font-size:14px}
.downloadfilecsv{margin-left:4rem!important}
#loading-bar-container{position:fixed;top:0;left:0;width:100%;height:4px;background-color:rgba(0,0,0,.1);z-index:9999}
#loading-bar{height:100%;background-color:#3490dc;width:0%;transition:width .2s ease-out}
#loading-bar-container.hide{opacity:0;transition:opacity .5s ease}
.content{visibility:hidden}
#scrollToTopBtn{display:none;position:fixed;bottom:30px;right:30px;z-index:1000;width:50px;height:50px;background-color:#3490dc;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity:0;transition:opacity .3s ease,transform .3s ease;justify-content:center;align-items:center;display:flex}
#scrollToTopBtn:hover{background-color:#1d72b8;transform:scale(1.1)}
#scrollToTopBtn i{font-size:20px}
#scrollToTopBtn.show{display:flex;opacity:1}
/* -------------------audit report css----------------------- */
.audit-box {
  border-radius: 10px;
  border: 1px solid #bcc9d3;
  min-height: 420px;
  margin-top: 15px;
  padding: 40px 40px;
  position: relative;
}

.audit-container {
  margin-top: 20px;
  margin-bottom: 25px;
}

.content-wrapper {
  padding: 0 30px;
  margin-left: 250px;
}

.graph-title {
  font-size: 18px;
  font-weight: 500;
  color: #1d3050;
}

.donut-box {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.left-text {
  position: absolute;
  left: 5px;
  top: 61%;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}

.bottom-text {
  position: absolute;
  left: 0px;
  bottom: 6px;
  right: 0;
  text-align: center;
}

.sub-title {
  font-size: 12px;
  font-weight: 600;
  color: #4f4f4f;
}

.donut-ul {
  padding: 0px 0px;
  margin-left: -22px;
}

.donut-list {
  font-size: 12px;
  font-weight: 500;
  color: #1d3050;
  padding-bottom: 10px;
}

.audit-box.donut {
  padding: 10px 10px;
}

.donut-box #donutchart,
#chart {
  width: 400px;
  height: 400px;
  position: initial;
  margin: initial;
}

#donutchart {
  position: relative;
}

.donut-box #labelOverlay {
  width: 90px;
  height: 45px;
  position: absolute;
  top: 190px;
  left: 164px;
  text-align: center;
  cursor: default;
}

.donut-box #labelOverlay p {
  line-height: 0.3;
  padding: 0;
  margin: 8px;
}

.donut-box #labelOverlay p.used-size {
  line-height: 0.5;
  font-size: 12px;
  color: #4f4f4f;
  font-weight: 500;
}

.donut-box #labelOverlay p.total-size {
  line-height: 0.5;
  font-size: 14px;
  color: #1d3050;
  font-weight: 600;
  padding-top: 3px;
}

.audit-img {
  padding-left: 10px;
}


@media screen and (max-width: 1400px) {
  .audit-box {
    min-height: auto;
  }

  .donut-box #donutchart,
  #chart {
    width: 380px;
    height: 380px;
    margin-left: -28px;
  }

  .donut-box {
    height: 267px;
  }

  .donut-box #labelOverlay {
    top: 132px;
    left: 100px;
  }

  .donut-ul {
    margin-left: -68px;
    position: relative;
  }
}

@media screen and (max-width: 1280px) {
  .donut-box #donutchart,
  #chart {
    width: 340px;
    height: 340px;
    margin-left: -28px;
  }

  .donut-box {
    height: 260px;
  }

  .donut-box #labelOverlay {
    left: 83px;
    top: 120px;
  }
}

@media screen and (max-width: 1024px) {
  .donut-box {
    height: 185px;
  }

  .donut-box #donutchart,
  #chart {
    width: 250px;
    height: 250px;
    margin-left: -25px;
  }

  .donut-ul {
    margin-left: -50px;
  }

  .donut-box #labelOverlay {
    top: 82px;
    left: 40px;
  }

  .donut-list {
    font-size: 11px;
  }
}

@media screen and (max-width: 991px) {
  .donut-box {
    flex-wrap: wrap;
    height: auto;
  }

  .donut-box #donutchart,
  #chart {
    width: 400px;
    height: 400px;
    margin-left: -25px;
  }

  .audit-box {
    min-height: 0px;
    padding: 10px 6px 35px 22px;
  }

  .donut-box #labelOverlay {
    left: 80px;
    top: 154px;
  }

  .sub-title {
    font-size: 11px;
  }

  .left-text {
    left: 1px;
    top: 70%;
  }

  .donut-ul {
    margin-left: -50px;
  }
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 580px) {
  .donut-box {
    justify-content: center;
  }

  .donut-box #donutchart,
  #chart {
    margin-left: 0px;
    margin-top: -22px;
  }

  .donut-box #labelOverlay {
    left: 151px; 
  }

  .donut-ul {
    margin-top: -60px;
    margin-left: 0;
  }

  .donut-box #labelOverlay {
    left: 50%;
    transform: translateX(-50%);
  }
  .right-search { 
    justify-content: flex-start; 
}
  .search-label{margin-top: 10px;}
}


@media screen and (max-width: 414px) {
  select { 
    font-size: 13px !important;
  }
  .right-search .ms-3 {
    margin-left: .4rem !important;
}
}



.custom-badge-warning, .custom-badge-success, .custom-badge-danger, .custom-badge-default {
  display: inline-block;
  padding: 0.5em 0.8em;
  font-size: 0.75em;
  font-weight: 600;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
} 

/* Badge warning style */
.custom-badge-warning {
  background: linear-gradient(135deg, #f5b048, #ffcc00);
}

/* Badge success style */
.custom-badge-success {
  background: #689C22;
}

/* Badge danger style */
.custom-badge-danger {
  background: #C8250C;
}

/* Default (inactive) badge style */
.custom-badge-default {
  background: linear-gradient(135deg, #6c757d, #adb5bd); 
}
 

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

.passwordReadOnly .form-control[readonly] {  
  border: 1px solid #ced4da !important;
  border-bottom: 1px solid #ced4da !important;
  padding: .375rem .75rem !important;
  font-weight: 400 !important;
}

/* innercss merges */
.textColorPurple{color: #5f5fa1;}
.bgLighGreyTwo{background: #E8F5FF;}
#loader {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.75) url("/ehs/img/loader.gif") no-repeat center center;z-index: 99999;} 
.dropdown-menu { z-index: 1050;}
.badge-success {background-color: #28a745;color: white;}
.badge-danger {background-color: #dc3545;color: white;}
.borderBottomGrey{border-bottom: 1px solid #C7DEEF;}
.height115{height: 115px;}
.marginTop20{margin-top: 20px;}
.marginTop50{margin-top: 50px;}
.bgLighGrey{background:#e6e6e6;} 
.loader-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);  display: none;z-index: 9999;  }
.loader {border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 120px;height: 120px;animation: spin 2s linear infinite;position: absolute;top: 50%;left: 50%;margin: -60px 0 0 -60px;}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
  100% {
      transform: rotate(360deg);
  }
} 

.loader-icon {width: 20px;height: 20px;margin-right: 10px;animation: spin 1s linear infinite;}
.path {stroke: #3498db;stroke-linecap: round;} 
.minwidth130{min-width: 130px;}
.minWidth140{min-width: 140px !important}
.minWidth120{min-width: 120px !important}
.minWidth180{min-width: 180px !important}
.appreanceNone{appearance: none;}
.outlineNone{outline: none;}
.error { color: #a94442; border-color: #ebccd1; font-size: small;}

.addUserForm .form-control { font-size: 16px; height: 50px; color: #00072b; margin-bottom: 10px !important; border-bottom: 1px solid #ede3e3;}
.auditerText{display:none;margin-right: 45%;}
.marginRight{margin-right: 10px;}
.marginTop15{margin-top: 15px;}
.marginBottom{margin-bottom: -7px;}
.marginBottom10{margin-bottom: 10px;}
.marginLeft{margin-left: 7px;}
.ui-datepicker {z-index: 9999;position: absolute !important;}
.audit-trails-scrollable {max-height: 200px;overflow-y: auto;}
.card {background-color: #f8f9fa;border: 1px solid #dee2e6;}
.select2-container {width: 100% !important;}
.loader-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);display: none;z-index: 9999; }
.loader {border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 120px;height: 120px;animation: spin 2s linear infinite;position: absolute;top: 50%;left: 50%;margin: -60px 0 0 -60px;}
.floatRight{float: right;} 
.cardBodyStyle{padding-bottom: 0rem !important;padding-top: 1rem !important;}
.fs10{font-size: 10px;}
.status-badge {display: inline-block;padding: 5px 10px;border-radius: 5px;font-size: 12px;}
.badge {padding: 5px 10px;border-radius: 5px;color: #fff; font-size: 14px; font-weight: 600;}
.yellow-bg {background-color: yellow;color: black;}
.green-bg {background-color: green;color: white;}
.red-bg {background-color: red;color: white;}
.canvasDiv{width: 100%; max-width: 600px}
.chartDiv{width: 100%; margin: auto}
.donut-list {padding: 10px;margin: 5px 0;color: white;border-radius: 5px;} 
.offcanvas-end {width: 95%; max-width: 400px}
.h50px{height: 50px}

.form-check {display: flex;align-items: center; padding-right: 1.5rem;}
.form-check label {display: inline-block;margin-left: 6px;}

.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {display: none;}
.ui-datepicker .ui-datepicker-buttonpane {border: none;}

.ui-autocomplete {max-height: 200px;overflow-y: auto;overflow-x: hidden;z-index: 9999;position: absolute;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.ui-menu-item {padding: 10px;cursor: pointer;transition: background-color 0.3s;}
.ui-menu-item:hover {background-color: #f5f5f5;}
.ui-state-focus {background-color: #007bff; color: #fff;}
.autocomplete {position: relative;}

.details-link {margin-left: 15px;font-weight: bold;color: #007bff;text-decoration: none;}
.details-link:hover {text-decoration: underline;}
.documentSizeImg{width: 60px; height: 60px; object-fit: cover;}
.borderRadius10{border-radius: 10px;}

.image-popup {z-index: 99999;}  
.photo-container {position: relative;max-width: 50px;margin-top: 10px;margin-bottom: 10px;}
.photo-container img {width: 100%;height: 50px; border-radius: 5px;border: 1px solid #ddd;}
.remark-container {border-top: 1px solid #ddd;padding-top: 10px;margin-top: 10px;}
.checklistSection {padding: 1rem;background-color: #f8f9fa;} 
.searchInput {width: 100%;padding: 10px;font-size: 16px;border: 1px solid #ccc;border-radius: 5px;}
.user-item:hover {background-color: #e9e9e9;} 
.w120{width: 120px;}


/* .injury-requests-container {background-color: #f8f9fa;padding: 20px;border-radius: 5px;}
.card-header {background-color: #007bff;color: white;cursor: pointer;padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;}
.card-header:hover {background-color: #0056b3;}
.card-body {background-color: #ffffff;padding: 20px;border-top: 1px solid #dee2e6;}
.btn-link {color: white;text-decoration: none;}
.btn-link:hover {text-decoration: underline;}
.card {border: none;margin-bottom: 10px;}
.card + .card {border-top: 1px solid #dee2e6;}
.accordion .card {border-radius: 0;}
.accordion .card:first-of-type {border-top-left-radius: 5px;border-top-right-radius: 5px;}
.accordion .card:last-of-type {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.card-header .indicator {font-size: 1.5em;}
.collapse.show .indicator {transform: rotate(180deg);}
.card-body .row + .row {margin-top: 10px;}
.card-body p {margin-bottom: 0.5rem;}
.card-body h5 {margin-top: 20px;color: #007bff;}
.card-body .employee-card {border: 1px solid #dee2e6;padding: 10px;border-radius: 5px;margin-bottom: 10px;background-color: #f8f9fa;}
.fa-chevron-down, .fa-chevron-up {transition: transform 0.2s;}
#accordion .accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;margin-top: 10px;margin-bottom: 10px;}
#accordion .accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;}
#accordion .active:after {content: "\2212";}
#accordion .panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.select2-container {width: 100% !important;z-index: 1051;  }
.select2-container--default .select2-selection--single {height: 45px;  line-height: 45px;  }
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 45px; }
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 45px;  }
.select2-container--default .select2-results__option {height: 40px;  line-height: 40px;  }
#IMSInvestigatorModal {z-index: 1050;  }
.form-check .form-check-input{margin-left: 0px;} */

.bgLightGrey{background-color: #f2f2f2;}
.bgLightMediumGrey{background-color: #EEF8FF;}
.investiTable{border-collapse:collapse;width:100%;margin-left:10px;}
.investiTdLeft{width: 50%; text-align: left;}
.investiTdRight{width: 50%; text-align: right;}
.investiHeading{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 15px; text-align: left; padding-left: 8pt;}
.investiColumnStyle{padding:10px;border-top:1px solid #ddd;}
.bgCustomGrey{background: #f9f9f9;}
.sNoTh{width: 10%; padding: 8px; text-align: left; border: 1px solid #CCCCCC;}
.investiTableColumn{width: 45%; padding: 8px; text-align: left; border: 1px solid #CCCCCC;}
.investiTableColumnTwo{padding: 8px; border: 1px solid #CCCCCC;}
.investiTableRow{height: 26pt; background-color: #f5f5f5;}
.investiTableHeadOne{width: 10%; padding: 8px; text-align: left; border: 1px solid #CCCCCC;}
.investiTableHeadTwo{width: 20%; padding: 8px; text-align: left; border: 1px solid #CCCCCC;}
.investiTableHeadThree{width: 25%; padding: 8px; text-align: left; border: 1px solid #CCCCCC;}
.investiTableColumnThree{padding: 8px; border: 1px solid #CCCCCC; text-align: center;}
.investiWitness{padding: 8px; text-align: center; border: 1px solid #CCCCCC;}
.height16{height: 16pt;}
.investiHeightBg{height: 16pt; background-color: #f5f5f5;}
.investiTableColumnFour{width: 30%; padding: 8px; font-weight: bold; border: 1px solid #CCCCCC;}
.investiTableColumnFive{width: 70%; padding: 8px; border: 1px solid #CCCCCC;}
.investiPadd8{border: 1px solid #CCCCCC; padding: 8px;}
.investiPadd10{padding: 10px; border: 1px solid #e0e0e0;}
.investiTableHeadFour{padding: 12px; border: 1px solid #e0e0e0; text-align: left;}
.investiTableRowTwo{background-color: #f4f4f4; color: #333;}
.incidentDocument{text-align: center; padding: 15px; border: 1px solid #ddd; transition: transform 0.3s; border-radius: 5px;}
.incidentDocumentImg{width: 100px; max-height: 100px; border-radius: 5px;}
.incidentImgName{font-size: 12px; color: #555; display: block; margin-top: 5px;}
.trRowBorderBottm{border-bottom: 1px solid #CCCCCC;}
.recordNotFound{border: 1px solid #CCCCCC; padding: 8px; text-align: center;}

.or-divider {flex-shrink: 0;padding: 0 10px;font-weight: bold;color: #0056b3;margin: 4px 0 -14px 0;}
#department_input {padding: 10px;font-size: 16px;border: 1px solid #ccc;border-radius: 5px;} 

.uploaded-files-section {display: flex;flex-wrap: wrap;gap: 10px;}
.upload-sec {display: flex;align-items: center;justify-content: center;flex-direction: column;border: 1px solid #ddd;padding: 10px;border-radius: 5px;max-width: 150px;position: relative;}
.uploadImg img {max-width: 100%;height: auto;}
.delete-document {position: absolute;top: 5px;right: 5px;padding: 2px 5px;background: #dc3545;border: none;color: white;border-radius: 50%;} 
.fileIconSize{max-width: 50px; max-height: 50px;}
.fileIconSize60{max-width: 60px; max-height: 60px;}
.height50{height: 50px} 

.trail-date-group {background-color: #f8f9fa;border: 1px solid #e9ecef;border-radius: 5px;padding: 15px;}
.trail-date-group h6 {margin-bottom: 20px;}
.trail-item {background-color: #ffffff;padding: 15px;border: 1px solid #e9ecef;border-radius: 5px;}
.trail-item + .trail-item {margin-top: 15px;}

.taxId{font-weight: bold; margin-bottom: 10px;}
.showBladeBox{gap: 15px; max-height: 200px; overflow-y: auto;}
.cardShowBox{width: 200px; border: 1px solid #ddd; padding: 10px; border-radius: 5px; text-align: center;}
.documentNameLink{text-decoration: none; color: #333;} 
.documentNameText{font-size: 14px; word-wrap: break-word;}
.fileNotFoundText{color: red; font-size: 14px;}
.noDocumentAvailableText{font-style: italic; color: #999;}

.selected-user {display: inline-block;padding: 5px 10px;margin: 5px;background-color: #237abf;border-radius: 5px;}
.remove-user {cursor: pointer;margin-left: 5px;color: #dc3545; }
.remove-user:hover {color: #c82333; }
.dmsDocumentBox{max-height: 100px; overflow-y: auto; white-space: normal;}
.fileExtensionBox{display: inline-block; margin-right: 10px; margin-bottom: 5px;}

.participantBox{max-height: 100px; overflow-y: auto; padding-left: 15px; margin: 0; list-style: none;}
.email-container {width: 100%;background-color: #ffffff;margin: 20px auto;padding: 30px;max-width: 700px;border-radius: 10px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.email-header {background-color: #0056b3;color: white;padding: 20px;border-radius: 10px 10px 0 0;text-align: center;}
.email-header h1 {margin: 0;font-size: 24px;}
.email-content {padding: 20px;font-size: 16px;color: #333;line-height: 1.6;}
.email-content p {margin-bottom: 20px;}
.email-content strong {font-weight: 600;color: #2c3e50;}
.email-content .highlight {background-color: #f0f8ff;padding: 10px;border-radius: 5px;font-style: italic;margin-top: 10px;}
.cta-button {display: inline-block;background-color: #28a745;color: white;padding: 12px 25px;text-align: center;border-radius: 5px;text-decoration: none;font-weight: bold;margin-top: 20px;font-size: 16px;transition: background-color 0.3s ease;}
.cta-button:hover {background-color: #218838;}
.email-footer {padding-top: 20px;text-align: center;font-size: 14px;color: #777;border-top: 1px solid #e0e0e0;margin-top: 30px;}
.email-footer a {color: #0056b3;text-decoration: none;}
.email-footer a:hover {text-decoration: underline;}
.section-title {font-size: 18px;font-weight: 600;color: #2c3e50;border-bottom: 2px solid #2c3e50;padding-bottom: 10px;margin-bottom: 20px;}
.title503 {font-size: 72px;margin-bottom: 40px;}

.full-height {height: 100vh;} 
.position-ref {position: relative;} 
.titleLayoutBlade {font-size: 36px;padding: 20px;}

#searchInput { padding: 10px;font-size: 16px;border: 1px solid #ccc;border-radius: 5px;}
.inquireContainer{font-family:Lato,sans-serif;font-size:15px;color:#666666}
.inquireBox{text-align:center;font-size:12px;padding:5px 15px;color:#999999}
.text-blue{color: blue;}
.CToWUd{vertical-align:top;max-width:220px}
.inquireLogo{padding:10px 35px 0 35px;color:#ffffff}

.sslSealSilteLink{font-family: arial; font-size: 10px; color: #212121; text-decoration: none;}
.sslSealSilteLinkTwo{font-family: arial;font-weight:bold;font-size:15px;color:#86BEE0;}
.sslSealPositivessl{color:#86BEE0; text-decoration: none;}

#selectedFilesContainer{color: #1a1ae8;padding-top: 10%;}
.thumbnailFileName{color: #1a1ae8;padding-top: 5%;}
.thumbnailImageContainer{padding-top: 10%;}
.w50{width: 50px}
.thumbUploadIcon{max-width: 250px;max-height: 250px;float: left;}

.fSize12{font-size: 12px;}
.dataNotDisplay{border:1px solid #ebe6e6; padding:5px;}
.dataNotDisplayText{color: #9fa5ab;margin-left: 44%;}

.locationTableBox{font-size:15px;font-weight:bold;color:black}
.clickToLocation{font-size:11px;color:#9E9E9E}

#map-canvas {position: relative;height: 400px;width: 100%;border: 1px solid #ccc; z-index: 1;}
#map-search {position: absolute;top: 127px;width: 23%;left: 67%;z-index: 5;background-color: #fff;padding: 0; text-align: center;font-family: 'Roboto', 'sans-serif';line-height: 30px;}
.mapSearchInput {padding: 6px 12px;outline: none;border-radius: 5px;border: 1px solid #ddd;width: 100%;}
.mapBtnInput {color: #fff;background-color: #198754;border-color: #198754;margin: 0px !important;border: 0px;padding: 6px 20px;border-radius: 5px;position: absolute;right: 0px;top: 0px;}

#accordion .accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;margin-top: 10px;margin-bottom: 10px;}
#accordion .accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;}
#accordion .active:after {content: "\2212";}
#accordion .panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.select2-container {width: 100% !important;z-index: 1051;  }
#IMSInvestigatorModal {z-index: 1050;  }

.verticleAlignMiddle{vertical-align: middle;}
.height78{height: 78px}
.newReportTablecolumn{border-top: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; border-left: 2px solid #3c3c3c; border-right: 2px solid #3c3c3c}
.newReportTablecolumnTwo{border-top: 2px solid #3c3c3c; border-left: 2px solid #3c3c3c; border-right: 2px solid #3c3c3c}
.newReportTablecolumnThree{border-top: 2px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 2px solid #3c3c3c; border-right: 1px solid #3c3c3c}
.newReportTablecolumnFour{border-top: 2px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c}
.newReportTablecolumnFive{border-top: 2px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 2px solid #3c3c3c}
.newReportTablecolumnSix{border-top: 2px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 2px solid #3c3c3c; border-right: 2px solid #3c3c3c}
.newReportTablecolumnSeven{border-top: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; border-left: 2px solid #3c3c3c; border-right: 1px solid #3c3c3c}
.newReportTablecolumnEight{border-top: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c}
.newReportTablecolumnNine{border-top: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; border-right: 2px solid #3c3c3c}
.newReportTablecolumnTen{border-top: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 2px solid #3c3c3c}
.newReportTablecolumnEleven{border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c}
.newReportTablecolumnTwele{border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c}

.bigsection {page-break-before: always;} 
.checkbox.checked:after {content: '';display: block;width: 4px;height: 7px;position:relative;top:4px;left:7px;border: solid #000;border-width: 0 2px 2px 0;transform: rotate(45deg);}

#searchInput { padding: 10px;font-size: 16px;border: 1px solid #ccc;border-radius: 5px;}
.ml25{margin-left: 25px;}
.mt20{margin-top: 20px;}

.photoUserProfile{max-height:100px; max-width:100px;}
.chartCanvas{display: block;width: 761px;height: 290px;}
.mb100{margin-bottom: 100px;}
.w45P{width: 45%;}
.w20P{width: 20%;}
.chartBoxsize{width: 600px; height: 300px;}
.barChartBox{display: block;width: 761px;height: 290px;}
.fileExtensionPath{width: 50px; height: 50px; margin-bottom: 10px;}

.homeFlexCenter {align-items: center;display: flex;justify-content: center;} 
.homeFlexCenter .content {text-align: center;}
.homeFlexCenter .title {font-size: 84px;}
.homeFlexCenter .links > a {color: #636b6f;padding: 0 25px;font-size: 20px;font-weight: 600;letter-spacing: .1rem;text-decoration: none;text-transform: uppercase;}
.homeFlexCenter .m-b-md {margin-bottom: 30px;}


.moduleAccordianBlk .accordion-button {font-size: 1.25rem;font-weight: bold;color: #fff;background-color: #17a2b8;border: none;padding: 15px;border-radius: 5px;transition: background-color 0.3s ease, transform 0.2s;}
.moduleAccordianBlk .accordion-button:not(.collapsed) {background-color: #138496;color: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}
.moduleAccordianBlk .accordion-button:hover {background-color: #138496;transform: translateY(-1px);}
.moduleAccordianBlk .accordion-header {border: none;}
.moduleAccordianBlk .accordion-item {border: none;margin-bottom: 20px;border-radius: 8px;background-color: #e9ecef;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);}
.moduleAccordianBlk .accordion-body {padding: 20px;background-color: #fff;border-radius: 5px;line-height: 1.6;color: #34495e;} 
.moduleAccordianBlk .table {border-collapse: separate;border-spacing: 0 12px;background-color: #ffffff;}
.moduleAccordianBlk .table-bordered th, .moduleAccordianBlk .table-bordered td {border: none;vertical-align: middle;}
.moduleAccordianBlk .table-hover tbody tr:hover {background-color: #f1f1f1;transition: 0.2s ease;}
.moduleAccordianBlk .table-light {background-color: #f8f9fa;}
.moduleAccordianBlk .table-light th {font-size: 0.9rem;font-weight: bold;color: #2c3e50;text-transform: uppercase;}
.moduleAccordianBlk .table td, .moduleAccordianBlk .table th {padding: 12px;vertical-align: middle;text-align: center;}
.moduleAccordianBlk .role-name {text-align: left;padding-left: 12px;font-weight: 600;color: #2c3e50;}
.moduleAccordianBlk .table td input[type="checkbox"] {width: 16px;height: 16px;cursor: pointer;} 
.moduleAccordianBlk .btn-primary:hover {background-color: #0056b3;border-color: #0056b3;transform: translateY(-3px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
.customHeight80 {min-height: 80vh;}
.customHeight80 .breadcrumb-item a {color: #007bff;text-decoration: none;}
.customHeight80 .breadcrumb-item a:hover {text-decoration: underline;} 
.customHeight80 .alert-success {background-color: #28a745;color: #ffffff;border-radius: 5px;padding: 15px 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.customHeight80 .alert-dismissible .btn-close {color: #ffffff;} 
.inlineBlock{display: inline-block;}

.textAlignJustify{text-align: justify;}



/* New updated css for Toyata desigh */

.blueTextcolor{color: #237ABF;}
.departmentAlert{border: 1px solid #C7DEEF; background: #F4FAFF !important; font-size: 14px; padding: .5rem;}

#hh_report{width: 100%; max-width: 800px; height: 400px;}
#headcountChart{width: 100%; max-width: 800px; height: 400px;}
#chartLine{width: 100%; max-width: 800px;; height: 400px;}
#participationTarget{width: 100%; height: 400px;}
#chartDiv{width: 100%; height: 400px;}
#chartSecondDiv{width: 100%; height: 400px;}
#severtyWiseDistribution{width: 100%; height: 400px;}
#ProbabilityWiseDistribution{width: 100%; height: 400px;}
#RankWiseStatus{width: 100%; height: 400px;} 

.btnRounded{border-radius: 50px;}
.btnRoundedBorder{background: transparent; color: #0056b3;}

.bestDeparment {background: #EDF4FA; padding: 8px 10px;}
.hattoReportBoxTitle{color: #525D6E; font-size: 16px; font-weight: 500; margin-bottom: 8px;}
.hattoReportBoxTitle span{font-weight: 400; font-size: 14px;}
.bestDeparment p{color: #237ABF; margin-bottom: 0px; font-weight: 600; font-size: 16px;}
.bestDeparment p span{color: #57A23E;}

.bestHHReporters{padding: 8px 10px;} 
.bestHHReporters ul{padding: 0px; margin: 0px; display: flex; justify-content: space-between;}
.bestHHReporters ul li{color: #237ABF; font-size: 12px; list-style: none; width: 33%; text-align: center; border-right: 1px solid #BCC9D3; padding: 0 5px; line-height: 1.3; font-weight: 500 ;}
.bestHHReporters ul li:last-child{border-right: 0px transparent;}
.bestHHReporters ul li span{color: #57A23E; margin-top: 2px;}

/*.actionGroup{display: flex;align-items: center;justify-content: center;}*/
.actionGroup{display: flex;align-items: center;}
a.view_Btn{ border: 1px solid #D9980D;border-radius: 4px;width: 37px;height: 37px;display: flex;align-items: center;justify-content: center; margin: 5px;}
.edit_Btn{ border: 1px solid #237ABF;border-radius: 4px;width: 37px;height: 37px;display: flex;align-items: center;justify-content: center; margin: 5px;}
.delete_Btn{ border: 1px solid #C8250C;border-radius: 4px;width: 37px;height: 37px;display: flex;align-items: center;justify-content: center; margin: 5px; background: transparent;}

.changeDepButton{border: 1px solid #237ABF !important; color: #237ABF !important; background: #fff !important;}
.changeDepButton:hover{color: #fff !important; background: #237ABF !important;}

/* Ensure dropdown items have visible text */
.navbar-nav .dropdown-menu .dropdown-item{color: #212529 !important;}
.navbar-nav .dropdown-menu .dropdown-item:hover{background-color:#0070bf;color:#fff !important;}

#departmentModal .modal-dialog{max-width: 530px;}
.toyataModal .modal-header { padding: 1.75rem 3rem; }
.toyataModal .modal-content{border-radius: 16px;}
.toyataModal .modal-body { padding: 1rem 3rem;}
.toyataModal .modal-footer { padding: 1.75rem 3rem; }
.toyataModal .modal-title {color: #1D3050;}
.toyataModal select{height: 48px;}

#giveFeedback .modal-dialog{max-width: 900px;}
.form-control-lg-desabled{background: #EFEFEF !important; border: 1px solid #DBDBDB !important;}
#giveFeedback .modal-footer { padding: .75rem 3rem 2rem; border-top: 0px !important;}

#yearlyBtn {border-radius: 25px;padding: 8px 35px;font-weight: 500;}
/* #yearlyBtn:hover {color: #237ABF !important;background: #fff !important;} */
#monthlyBtn {border-radius: 25px;padding: 8px 35px;margin-left: 15px;font-weight: 500;}
/* #monthlyBtn:hover {color: #fff !important;background: #237ABF !important;} */

.pt40 {padding-top: 36px;}

@media (max-width:1500px){
  .table-bordered thead th{vertical-align:middle}
}
@media (max-width:1400px){
  table.table .btn{padding:5px 5px;max-width:none;width:auto;font-size:11px;margin:0 2px}
  .customTable tr td,.customTable tr th{font-size:12px}
  .btn-add-course{border-radius:5px;border:1px solid #237abf!important;padding:6px 12px;background:#237abf!important;color:#fff!important;cursor:pointer;font-size:13px}
  .pwtextBox>p{font-size:14px;line-height:21px}
  .pwCircle{font-size:20px;width:55px;height:55px;line-height:55px}
  .isMetarialDetails{font-size:12px;line-height:17px}
  .isMetarialAction p{font-size:12px}
  .incidentReportBox h3{font-size:15px}
  .my-account{font-size:12px}
  .countTxt{font-size:26px}
  .incident-sec label{font-size:12px}
  .incident-sec .form-select{font-size:12px}
  .incident-sec .btn{font-size:12px}
  .incident-sec .form-control{font-size:12px}
  .addUserForm .select2-container--default .select2-selection--single{font-size:12px}
  .addUserForm .select2-results__option[aria-selected]{font-size:12px}
  .custom-table th,td{font-size:13px}
  .title-report{font-size:14px}
}
@media (min-width:768px) and (max-width:1199px){
  .loginLeft{padding:20px 0}
  .loginRight{padding:60px 0}
  .carousel-indicators{bottom:-70px}
  .form-control{margin:8px 0}
  .form-select{margin:8px 0}
  .ps-3.me-auto.m-text-center.lightGreyTxt{padding-left:0!important;font-size:13px}
}
@media (max-width:767px){
  .loginLeft{padding:20px 0}
  .pt-100{padding-top:0}
  .loginRight{padding:20px 0}
  .mTextCenter{text-align:center}
  .m-text-center{text-align:center;margin:0!important;width:100%}
  .navbar-dark .navbar-brand{box-shadow:none!important}
  .boxInner{width:50%}
  .customHeight{margin-left:0!important;width:calc(100% - 0px)!important}
  .form-control{margin:8px 0}
  .form-select{margin:8px 0}
  .offcanvas-body{padding:1rem 0}
  form br{display:none}
  .incident-buttons{margin-bottom:15px}
}
@media (max-width:575px){
  .lableMobile{min-width:160px!important}
  .form-select{min-width:150px}
  table tr td,table tr th{font-size:14px}
  .boxInner{width:100%;padding:7px 15px}
  .InvestBtn{margin:10px 0;max-width:100%;display:inline-block}
  .incidentReport .nav-link{padding:.5rem .4rem;font-size:14px}
  .myProfile{padding:15px}
  .changePasswordBtn{max-width:100%;margin:5px 0}
  .UpdateBtn{max-width:100%;margin:5px 0}
  .pt70{padding-top:20px}
  .rightCourseDetails p{text-align:justify}
  .fc .fc-toolbar-title{margin:0;font-size:18px!important}
  .fc-toolbar-chunk>div button{margin:0!important;padding:.3em!important}
  .fc .fc-button .fc-icon{font-size:1.2em}
  .questionOption .form-check{padding-left:0;margin-bottom:1.2rem}
  .checklistSection .accordion-body{padding:1rem .25rem}
  .cancelBtn{margin:5px 8px}
  .blueBtn{margin:5px 0 5px 8px}
  .auditDate{padding:8px 0}
  .auditNameBox{padding:12px}
  .course-upper-sec{flex-wrap:wrap}
  .ps-3.me-auto.m-text-center.lightGreyTxt{padding-left:0!important}
  .aboutAddCourse{padding:16px 0}
  .admin-table td:last-child{display:table-cell}
  .tab-content tr td,.tab-content tr th{min-width:160px}
  .btn{font-size:.8rem}
  div.dataTables_info{padding-top:0!important}
  .dt-toolbar-footer{position:absolute;width:100%;flex-wrap:wrap;justify-content:space-around}
  .aboutAddCourse{min-height:auto}
  .course-list-text{flex-wrap:wrap}
  div.dataTables_filter input{width:100%!important}

  .primary-title{font-size:18px}
  .sec-title{font-size:16px}

  .justify-content-evenly-mobile{justify-content: space-evenly !important;}
  .justify-content-evenly-mobile .dashboard{margin-bottom: 15px !important;}
}

@media (max-width:1440px){.title-report{font-size:14px}.chart-container{width:100%;top:0}.sevirity-box{min-height:321px}}

@media (max-width:767px){
  .footer{position:static}
  .customHeight{padding:15px 15px 120px 15px!important} 
}

@media screen and (max-width: 1400px) {
  .audit-box {
    min-height: auto;
  }

  .donut-box #donutchart,
  #chart {
    width: 380px;
    height: 380px;
    margin-left: -28px;
  }

  .donut-box {
    height: 267px;
  }

  .donut-box #labelOverlay {
    top: 132px;
    left: 100px;
  }

  .donut-ul {
    margin-left: -68px;
    position: relative;
  }
}

@media screen and (max-width: 1280px) {
  .donut-box #donutchart,
  #chart {
    width: 340px;
    height: 340px;
    margin-left: -28px;
  }

  .donut-box {
    height: 260px;
  }

  .donut-box #labelOverlay {
    left: 83px;
    top: 120px;
  }
}

@media screen and (max-width: 1024px) {
  .donut-box {
    height: 185px;
  }

  .donut-box #donutchart,
  #chart {
    width: 250px;
    height: 250px;
    margin-left: -25px;
  }

  .donut-ul {
    margin-left: -50px;
  }

  .donut-box #labelOverlay {
    top: 82px;
    left: 40px;
  }

  .donut-list {
    font-size: 11px;
  }
}

@media screen and (max-width: 991px) {
  .donut-box {
    flex-wrap: wrap;
    height: auto;
  }

  .donut-box #donutchart,
  #chart {
    width: 400px;
    height: 400px;
    margin-left: -25px;
  }

  .audit-box {
    min-height: 0px;
    padding: 10px 6px 35px 22px;
  }

  .donut-box #labelOverlay {
    left: 80px;
    top: 154px;
  }

  .sub-title {
    font-size: 11px;
  }

  .left-text {
    left: 1px;
    top: 70%;
  }

  .donut-ul {
    margin-left: -50px;
  }
}

@media screen and (max-width: 580px) {
  .donut-box {
    justify-content: center;
  }

  .donut-box #donutchart,
  #chart {
    margin-left: 0px;
    margin-top: -22px;
  }

  .donut-box #labelOverlay {
    left: 151px; 
  }

  .donut-ul {
    margin-top: -60px;
    margin-left: 0;
  }

  .donut-box #labelOverlay {
    left: 50%;
    transform: translateX(-50%);
  }
  .right-search { 
    justify-content: flex-start; 
  }
  .search-label{margin-top: 10px;}

  .toyataModal .modal-header { padding: .75rem 1rem; } 
  .toyataModal .modal-body { padding: .75rem 1rem;}
  .toyataModal .modal-footer { padding: .75rem 1rem; }    
  #giveFeedback .modal-footer { padding: .75rem 1rem 1rem;}

}


@media screen and (max-width: 414px) {
  select { 
    font-size: 13px !important;
  }
  .right-search .ms-3 {
    margin-left: .4rem !important;
}
}  
.new-pagination {
        text-align: right;
    }
    .new-pagination ul {
        list-style: none;
        display: flex;
        gap: 5px;
        float: right;
    }
    .new-pagination li {
        display: inline-block;
    }
    .new-pagination a {
        padding: 6px 12px;
        text-decoration: none;
        border: 1px solid #ddd;
        color: #333;
    }
    .new-pagination .active a {
        background-color: #007bff;
        color: #fff;
    }
    .new-pagination .disabled span {
        padding: 6px 12px;
        border: 1px solid #eee;
        color: #aaa;
    }

    .changeStatusButton{
      background: #fff;
      border: none;
    }
    .changeStatusButton:hover {
      color: #237abf;
  }
/* Password Toggle Eye Icon Styles */
.password-input-wrapper { position: relative; }
.password-input { padding-right: 40px; }
.password-toggle-btn { position: absolute; border: none; background: none; color: #6c757d; right: 10px; top: 50%; transform: translateY(-50%); z-index: 10; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.password-toggle-btn:hover { color: #237abf; }
.password-toggle-btn i { font-size: 16px; }

/* Password Toggle Eye Icon Styles */
.password-input-wrapper {
    position: relative;
}
.password-input {
    padding-right: 40px;
}
.password-toggle-btn {
    position: absolute;
    border: none;
    background: none;
    color: #6c757d;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.password-toggle-btn:hover {
    color: #237abf;
}
.password-toggle-btn i {
    font-size: 16px;
}