body{color:#000; font-family: "Quicksand", sans-serif; font-optical-sizing: auto; overflow-x:hidden; font-style: normal;}
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}
label{font-size: 13px; font-weight: 500;}
.cursorPointer{cursor:pointer}    
.btn-primary{color:#1d3050;border:1px solid #237abf;background:transparent}
.textheavyGreen{color:#17ac9a}
.text-black{color: #1d3050;}
.textGreen{color:#6ea91d}
.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:#1d3050}
.midiumTextColor{color:#cb9d14}
.textBlueDark{color:#1d3050}
.textBlueAnotherDark{color:#00072b}
.yellowBg{background:#d9980d}
.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}
.text-warning{font-size: 12px;}
.text-danger{font-size: 12px;}
.boxInner p{font-size: 13px;}
.WelcomeTxt{font-size:30px;font-weight:700;line-height:45px}
.loginLeft{padding:150px 150px 0 150px}
thead.tHead th {color: #fff;}
.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; line-height: 1;}
.loginBtn{background:#237abf;font-size:18px;font-weight:500;line-height:27px;padding:10px 20px; color: #fff;}
.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;border:1px solid #01437da1;margin-right:5px}
.navbar .navbar-toggler{top:1.25rem;right:1rem;background:#237abf}
.pageTitle{font-size:16px;font-weight:600;line-height:30px;margin:0;color:#1d3050;padding-top:10px;padding-bottom:10px}
.itemBox{color:#242629;font-size:12px;width:100%;text-align:left;padding:15px 15px;white-space:nowrap;display:flex;align-items:center;border-bottom:1px solid #eff2f5;margin:0 0;}
.itemBoxActive{border:1px solid #2083d2;background:#2083d2;color:#fff;font-size:12px;font-weight:600;padding:15px 15px;border-right:6px solid #8bc53f}
button#sidebarCollapseNew{width: 42px; height: 38px; display: flex; align-items: center;}
.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: 150px;margin-left: 48px;padding: 10px 0px 10px 15px !important;display: inline-block;}
.itemBoxInnerBg{border-radius:10px;border:1px solid #f2f2f2;background:#f4faff}
.itemBoxInner{padding:2px 0!important}
.nav-link.innerActive{color:#237abf}
.position-sticky { margin-top: 20px;}
.footer{position:relative;bottom:0;background:#f3f3f3;width:100%;z-index:1049; border-top: 1px solid #ddd;}
.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: 20px 0px}
.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:13px;font-weight:500;line-height:20px;padding-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-transform: capitalize;}
.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:14px;font-weight:500;line-height:27px; padding: 3px 2rem;
  margin: 5px 0 5px 15px; color: #fff;}
.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; margin-right:5px; min-width: 1rem;}
.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{background-color: rgb(83 102 124 / 67%);}
.thBack th{padding-top:10px;padding-bottom:10px; color: #fff !important;}
table tr th{color:#242629;font-weight:500; white-space: nowrap;}
.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}

.eyeBtn{color:#d9980d;border-radius:4px;width: 32px;height: 32px;min-width: 32px;display: flex;align-items: center;justify-content: center;border:1px solid #d9980d;padding:0;margin:3px}
.viewBtn{border-radius: 4px;border: .5px solid #9f4714;background: 0 0;color: #9f4714;font-weight: 500;max-width: 32px;margin: 3px;width: 32px;height: 32px;min-width: 32px;display: flex;align-items: center;justify-content: center;}
.editBtn{color:#237abf;border-radius:4px;width: 32px;height: 32px;min-width: 32px;display: flex;align-items: center;justify-content: center;border:1px solid #237abf;padding:0;margin:3px}
.deleteBtn{color:#c8250c;border-radius:4px;width: 32px;height: 32px;min-width: 32px;display: flex;align-items: center;justify-content: center;border:1px solid #c8250c;padding:0;margin:3px}
.deleteBtn:hover{background: #c8250c !important; border: 1px solid #c8250c !important;}
.downloadBtn {padding: 6px 10px;border: 1px solid #333; margin:3px}
.reAsBtn {padding: 7px !important;margin: 4px !important;}
.applyBtn {background: #237abf;color: #fff;}

.btn{font-size: 13px;}
.viewBtn i{font-size: 14px;}
.editBtn i{font-size: 14px;}
.deleteBtn i{font-size: 14px;}

.fSize16{font-size: 16px;}
.fSize14{font-size: 14px;}
.fSize13{font-size: 13px;}
.fSize12{font-size: 12px;}

/* status button new color */
.statClosedBtn{background: rgba(108, 117, 125, 0.1) !important; color: #6c757d; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statApprovedBtn{background: rgba(40, 167, 70, 0.1) !important; color: #28a745 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statPendingBtn{background: rgba(253, 125, 20, 0.1) !important; color: #fd7e14 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statRejectBtn{background: rgba(139, 0, 0, 0.1) !important; color: #8b0000 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;} 
.statRevokedBtn{background: rgba(220, 53, 70, 0.1) !important; color: #dc3545 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statRevokedClosedBtn{background: rgba(176, 42, 55, 0.1) !important; color: #b02a37 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statSuspendedBtn{background: rgba(110, 66, 193, 0.1) !important; color: #6f42c1 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statApprovedRevokedClosedBtn{background: rgba(30, 126, 52, 0.1) !important; color: #1e7e34 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statPendingRevokedClosedBtn{background: rgba(196, 92, 0, 0.1) !important; color: #c45c00 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statActivateBtn{background: rgba(40, 167, 70, 0.1) !important; color: #28a745 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statDeactivateBtn{background: rgba(102, 102, 1, 0.1) !important; color: #888 !important; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statOpenBtn{background: rgba(0, 123, 255, 0.1) !important; color: #007bff; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statViewBtn{background: rgba(159, 71, 20, 0.1) !important; color: #9f4714; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statActionRequiredBtn{background: rgba(253, 125, 20, 0.1) !important; color: #fd7e14; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statCapaInProgressBtn{background: rgba(23, 163, 184, 0.1) !important; color: #17a2b8; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statCapaClosedBtn{background: rgba(40, 167, 70, 0.1) !important; color: #28a745; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statUnderInvestigationBtn{background: rgba(110, 66, 193, 0.1) !important; color: #6f42c1; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statStartBtn{background: rgba(0, 123, 255, 0.1) !important; color: #007bff; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statFindingBtn{background: rgba(110, 66, 193, 0.1) !important; color: #6f42c1; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statNotStartedBtn{background: rgba(173, 181, 189, 0.1) !important; color: #adb5bd; font-weight: 500 !important; cursor:default !important; white-space: nowrap;} 
.statInReviewBtn{background: rgba(255, 193, 7, 0.1) !important; color: #FFC107; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statUnknownStatusBtn{background: rgba(128, 128, 128, 0.1) !important; color: #808080; font-weight: 500 !important; cursor:default !important; white-space: nowrap;}
.statRaisedBtn{background: rgba(25, 118, 210, 0.1) !important; color: #1976D2; font-weight: 500 !important; cursor:default !important; white-space: nowrap;} 
.statInactiveBtn{background: rgba(108, 117, 125, 0.1) !important; color: #6C757D; font-weight: 500 !important; cursor:default !important; white-space: nowrap;} 
/* status button new color */

.statClosedColor{ color: #6c757d; font-weight: 500 !important;}
.statApprovedColor{ color: #28a745 !important; font-weight: 500 !important;}
.statPendingColor{ color: #fd7e14 !important; font-weight: 500 !important;}
.statRejectColor{ color: #8b0000 !important; font-weight: 500 !important;} 
.statRevokedColor{ color: #dc3545 !important; font-weight: 500 !important;}
.statRevokedClosedColor{ color: #b02a37 !important; font-weight: 500 !important;}
.statSuspendedColor{ color: #6f42c1 !important; font-weight: 500 !important;}
.statApprovedRevokedClosedColor{ color: #1e7e34 !important; font-weight: 500 !important;}
.statPendingRevokedClosedColor{ color: #c45c00 !important; font-weight: 500 !important;}
.statActivateColor{ color: #28a745 !important; font-weight: 500 !important;}
.statDeactivateColor{ color: #888 !important; font-weight: 500 !important;}
.expireInTextColor{color: #FFA500 !important; font-weight: 500 !important;}

.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:40px;width:100%;margin:4px}
.assignRoleBtn{border-radius:4px;background:0 0; font-weight:500; margin:4px; display: flex; align-items: center;}
.assignRoleBtn:hover{color:#fff!important}
.InitiateCapaBtn:hover{background: #237abf !important;}
.updateMomBtn {border: 1px solid #149F14 !important;}
.updateMomBtn:hover {border: 1px solid #149F14 !important; background: #149F14 !important;}

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 #f2f2f2; background: #f9f5f5; padding: 7px 0px;}
.boxInner{width:25%;padding: 5px 15px;}
.boxInner p{margin-bottom:0}
.pageTitleSecond{color:#1d3050;font-size:15px;font-weight:600}
.boxInner25{margin:5px 0}
.boxInner25>p{margin-bottom:0; line-height:24px;}
.incidentReport .nav-link{color:#182538;font-weight:500}
.incidentReport .nav-tabs .nav-link.active{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:14px;font-weight:500;line-height:24px}
.tab-content tr td,.tab-content tr th{padding:8px 8px!important;vertical-align:middle;}
.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:0px 50px 0px 10px; height: 36px;}
.customTable tr td{vertical-align:middle;font-size:14px}
.customTable tr th{font-size:12px;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:10px;position:relative;min-height:170px}
.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%; margin-left:245px!important;padding:0 40px!important;width:calc(100% - 245px);padding-bottom:60px!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; font-weight: 500; text-transform: capitalize;}
.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}

.smTextStyle{color:rgba(28,47,79,.6);font-size:13px;margin:0;padding:10px 0 7px}
.smTextStyle span{color:rgba(28,47,79); font-weight: 500; font-size: 13px;}
.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:0px 16px 16px;min-height:320px;}
.aboutAddCourse h4{font-size:16px;color:#1d3050;font-weight:600;padding: 0px 10px 10px 0px; }
.aboutCourseList{padding:10px 0;margin:0}
.aboutCourseList li{list-style:none;padding:8px 0;font-size:13px}
.aboutCourseList li span{text-align:left;line-height:21px;padding-left:0;font-weight:600;color:#1d3050;padding-top:3px;}
.rightCourseDetails h3{color:#1d3050;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:600;width:100%;text-align:left;padding:15px 15px;box-shadow:none;border:none;border-bottom:1px solid #eff2f5}
.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}

#sidebarMenu .btn-secondary.active{background-color:#0070bf}
.sidebar .dropdown-menu{background-color:#fff!important;border:1px solid #eff2f5}
.sidebar .nav-link{border: 0px !important;}
.sidebar .nav-link.active{color:#0070bf;}
.sidebar .nav-item.mb-2.ps-4{padding-left:0!important}
.sidebar .btn{border-radius:0;}
ul.nav.flex-column img{ margin-right:10px!important; max-width: 18px; width: 18px;}
.addUserForm .form-label{margin-bottom:7px!important;font-weight:500;color:#00072b; font-size: 13px;}
.addUserForm .form-control{font-size:12px; color:#00072b; 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}
.modal-title{font-size: 16px;}
/* .dataTables_filter{width: auto !important;} */
.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:12px; border: 1px solid #ddd;}
.customTable .btn{ font-size: 11px;padding: 3px 5px; white-space: nowrap; margin: 3px;}

.customTable .btn-check:focus+.btn-warning, .customTable .btn-warning:focus{background: #9f4714; border: 1px solid #9f4714; color: #fff;}

.customTable tr td {vertical-align: middle;font-size: 12px;padding: 4px 8px !important;}
.right-incident-panel{display:flex}
.incident-sec label{font-size:12px}
.incident-sec .form-select{font-size:12px; box-shadow: 1px 1px 5px #d4d4d4; height: 36px;}
.incident-sec .form-control{font-size:12px}
.incident-sec .btn{font-size:12px;margin-right:-10px}
li.breadcrumb-item i{padding-right:4px}
.addUserForm .select2-container--default .select2-selection--single {height: 36px;font-size: 12px;padding: 0px 3px;}
/* .select2-container .select2-search--inline .select2-search__field{margin-top: 3px !important;} */
.addUserForm .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px}
.checkbox-custom .form-check-label{font-size:13px;display:flex;align-items:center}
.checkbox-custom .form-check-input{border-radius:3px;margin-right:3px!important;margin-top:-2px!important;border:1px solid #01437da1}
#ribbon{display:none}
.alert-danger p{font-size:12px}
.alert-danger li{font-size:12px}
.alert-danger ul {padding: 0px; margin-top: 15px;}
.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:13px;font-weight:500;line-height:27px; color:#237abf;border-radius:6px;border:1px solid #237abf; padding: 3px 2rem !important; margin: 5px 0 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 #f2f2f2;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:16px;top:12px}
.auditMember a{font-size:18px;color:#237abf;text-decoration:underline}
/* .offcanvas-end{width:894px} */
.tHead{background:rgb(83 102 124 / 67%);border-radius:6px;border:1px solid #f2f2f2}
.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:16px;font-weight:600}
.sacQuetionGrid{border-bottom:1px solid #d3d3d3;margin-bottom:18px}
.questionOption{padding:15px 0}
.questionName{font-size:14px;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; font-size: 12px;}
.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:rgb(83 102 124 / 67%);box-shadow:none!important;border:1px solid #ddd;margin-bottom:10px;border-radius:6px; color: #fff !important; line-height: 1.5em;}
.auditNameBox{border:1px solid #f2f2f2;background:#f9f5f5;padding:0 12px;border-radius:10px;}
.auditDate{color:#1d3050;font-weight:400;padding:8px 0px; font-size: 13px;}
.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 #f2f2f2}
.checklistSection .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:transparent;border-color:#fff #fff #237abf #fff;border-bottom:3px solid #237abf; color: #237abf !important;}
.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:14px;font-weight:600;margin:0 30px 0 0!important;color:#182538!important}
.auditDetailTab{overflow-x:auto;flex-wrap:nowrap}
.auditDetailTab li button{width:100%}
.courseDetailSec{overflow-x:auto} 
.dataTables_filter{width:100%}
.tableBorder{background: #f4faff; border: 1px solid #f2f2f2;}
.createNew{margin-left: 91%;}
.imgehs {width: 150px; border-radius: 8px;}
.greyDivBox{background: #F8F9FA; padding: 16px; border-radius: 8px; border: 1px solid #DEE2E6}
.boxInner.full {width: 100%;}
.boxInner.oneThird {width: 75%;}
.boxInner.half {width: 50%;}
.textGreyShade{color: #242629}

a.page-link {
  color: rgb(108, 117, 125) !important;
}
.page-item.active .page-link {
  background: #2083d2 !important;
}

.form-control{font-size: 13px;}
.form-select{font-size: 13px; box-shadow: 1px 1px 5px #d4d4d4;padding: 8px 10px;}

.sticky-top{z-index: 1050;}

.form-control-lg{min-height: 36px;}
.addUserForm .form-control{font-size: 13px !important;}

#ui-datepicker-div{z-index: 1051 !important;}

@media (max-width:1500px){
  .table-bordered thead th{vertical-align:middle}
}

@media (max-width:1400px){
  .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}  
  .ps-3.me-auto.m-text-center.lightGreyTxt{padding-left:0!important;font-size:13px}
}
@media (max-width:767px){
  .boxInner.half{width: 100%}
  .boxInner.oneThird{width: 100%}
  .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} 
h1,h2,h3,h4,h5,p,ul{margin:0 0}
.content-wrapper{padding:20px 30px}
.primary-title{font-size:18px;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:10px 0;margin-bottom:20px}
.precent-tag{font-size:16px;font-weight:600;color:#ed5650}
.title-report{font-size:16px;font-weight:500;color:#525d6e;padding-top:12px}
.title-report-new{font-size:12px;font-weight:600;color:#525d6e;padding-top:12px}
table th, table td {padding: 8px 12px;font-size: 14px;vertical-align: middle;}
.sevirity-box .scorebox {padding: 10px;}
.count{color:#525d6e;font-weight:500;font-size:13px}
.sec-title{font-size:16px;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 13px}
.month-sec:last-child{border-right:0px}
.sevirity-box{border-radius:10px;border:1px solid #bcc9d3; 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{padding-left: 10px !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}

.sidebar .itemDropdown.active:hover .iconActive {
  display: block;
}
.sidebar .itemDropdown.active:hover .iconNonActive {
  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{
} */

.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);
}

hr{height:1px;margin:0 11px 20px;width:98.5%}
.main-div{margin:0 0;align-items:center}
.section-top{margin-bottom:3px!important; align-items: center;}
.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%; margin:0 auto; }
.right-incident-panel.permit{align-items:flex-start}
.accordion-button{color: #182538 !important;font-weight: 600;font-size: 14px;padding: .4rem 1rem;}
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; background: #fff;}
.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; border-bottom:1px solid #eff2f5;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:14px}
.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}
.paginate_button a{color: rgb(108, 117, 125) !important;}
.paginate_button.active a{color: #fff !important;}

@media (max-width:1440px){
  .title-report{font-size:14px}
  .chart-container{width:100%;top:0}
  .sevirity-box{min-height:321px}
  .rootcause{width: 90% !important;}
}
.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:0px 0px 0px}
.permit-detail-text{font-weight:700; color:#1d3050;word-break:break-word; font-size: 13px;}
.permit-detail-box{margin-bottom:11px;padding:4px 0px;}
.img-thumbnail{border:none}
.permit-detail-label{font-size:13px;font-weight:500;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; border-bottom: 1px solid #eff2f5;}
ul.dropdown-menu.show .nav-link:last-child
#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; padding-right: 5px;}
.aboutCourseList span{color:#000; padding-right: 5px;}
.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:16px!important;font-weight:600;color:#1d3050;border-bottom:1px solid #f2f2f2;padding-bottom:8px}
.course-tag{font-size:13px;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; word-break: break-word;}
.permit-details .boxInner span{padding-left:5px}
.permit-details .boxInner .permit-detail-text{padding-left:5px; font-weight: 700;}
.permit-pdf-title{padding-top:20px;font-size:21px;padding-bottom:10px}
.permit-details .boxInner p{color:#030508; font-size: 13px; font-weight: 500;}
#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:13px;font-weight:500;color:#1d3050;opacity:1}
.boxInner25 span.textBlueDark.fWeight600.d-block{font-weight:600; 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:0px 4px}
.admin-table{border-collapse:collapse!important}
.admin-table .btn-success{margin:0 0;min-width:61px}
/* .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:10px;padding-right:25px!important; color: #fff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff!important}
.sidebar{scrollbar-width:none;scrollbar-color:#b2b2b9 #edecea}
/* .sidebar:hover{scrollbar-width:thin;} */
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-thumb{background:#2083d2;height:30px}
.btn-secondary:hover.dropdown-toggle::after{color:#fff!important;right:13px}
.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:8px}
.form-check-inline{display:flex;margin-right:1rem;align-items:center;}
.admin-table>:not(:last-child)>:last-child>*{border-bottom-color:#c7deef}
.btn.btn-warning.cancelBtn{padding: 3px 1rem;margin: 5px 0 5px 15px;}
.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; flex-wrap: wrap;}
.incident-buttons .btn-primary{margin-right:10px; line-height: 1.8;}
#accordion .accordion{border:1px solid #f2f2f2!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; font-size: 12px;}
/* .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; box-shadow: 1px 1px 5px #d4d4d4; height: 36px;}
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; -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; width: 100%;}
.pagination-sec nav{width:100%}
.pagination-sec .small.text-muted{font-size:14px; font-style:italic;}
.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}

.btn-group,.btn-group-vertical{display:-webkit-inline-box!important}
@media (max-width:767px){
  .footer{position:static}
  .customHeight{padding:15px 15px 120px 15px!important}
  .navbar-dark .navbar-brand{width:200px}
  .navbar-dark .navbar-brand img{height:auto}
}
.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;
}

/* .serachTableContent .btn {
  font-size: 12px;
} */

.dropdown-item{font-size: 13px;}

@media (min-width: 768px) {
  .breakdownbox{
      flex: 0 0 auto;
      width: 13.666667% !important;
  }
}
.btnViewGroup .btn { 
  display: flex;
  align-items: center;
}

.btnViewGroup .fa.fa-eye{margin-right: 3px;}
.details-link{margin: 4px 0px 0px 0px !important; display: inline-block;}

@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;
  }
  .boxInner {
    width: 33.33%; 
} 
}

@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) {
  .boxInner {
    width: 50%; 
}
  .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;
  }
.whyMediaQueyF{
margin-bottom: 10px;
}
    .whyMediaQueyF .arrow-box {
      border-radius: unset;
      padding: 10px 0px !important;
    }
}

@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.85em;
  font-weight: 600;
  color: #fff;
  border-radius: 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect */
.custom-badge-warning:hover, .custom-badge-success:hover, .custom-badge-danger:hover, .custom-badge-default:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Badge warning style */
.custom-badge-warning {
  background: linear-gradient(135deg, #f5b048, #ffcc00);
  box-shadow: 0 2px 6px rgba(255, 204, 0, 0.4);
}

/* Badge success style */
.custom-badge-success {
  background: linear-gradient(135deg, #28a745, #34d058);
  box-shadow: 0 2px 6px rgba(40, 167, 69, 0.4);
}

/* Badge danger style */
.custom-badge-danger {
  background: linear-gradient(135deg, #dc3545, #ff5f6d);
  box-shadow: 0 2px 6px rgba(220, 53, 69, 0.4);
}

/* Default (inactive) badge style */
.custom-badge-default {
  background: linear-gradient(135deg, #6c757d, #adb5bd);
  box-shadow: 0 2px 6px rgba(108, 117, 125, 0.4);
}

/* Optional: Add a small pulse effect to badges when hovered */
.custom-badge-warning:hover, .custom-badge-success:hover, .custom-badge-danger:hover, .custom-badge-default:hover {
  animation: pulse 0.5s infinite;
}

@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 { padding: 3px 5px; border-radius: 5px; color: #fff; font-size: 10px;border-radius: 12px; font-weight: 600;}
.badge-success {background-color: #28a745;color: white;}
.badge-danger {background-color: #dc3545;color: white;}
.borderBottomGrey{border-bottom: 1px solid #f2f2f2;}
.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: 36px; color: #00072b; border-bottom: 1px solid #ede3e3;     box-shadow: 1px 1px 5px #d4d4d4;}
.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: #f9f5f5;padding: 12px; margin: 10px 0px;}
.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: 3px 5px;border-radius: 5px;font-size: 10px; font-weight: 500; display: inline-block;}

.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 !important;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: 8px 10px;font-size: 12px;border: 1px solid #ccc;border-radius: 5px; box-shadow: 1px 1px 5px #d4d4d4;}
.user-item:hover {background-color: #e9e9e9;} 
.w120{width: 120px;} 

.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: 13px;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; width: 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{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: 10px;}
.noDocumentAvailableText{font-style: italic; color: #999; font-size: 12px;}

.selected-user {display: inline-block;padding: 5px 10px;margin: 5px;background-color: #237abf;border-radius: 5px; font-size: 11px;}
.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: 8px 10px;font-size: 12px;border: 1px solid #ccc;border-radius: 5px; box-shadow: 1px 1px 5px #d4d4d4;}
.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;}

.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%; 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;   }
#IMSInvestigatorModal {z-index: 1051 !important;  }

.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);}

.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;}
.report-box.boxFlex {display: flex;align-items: center; height: calc(100% - 25px);}
.lastChild li{background: #f2f2f2; padding: 4px 8px; margin: 4px; border-radius: 4px; font-weight: 600; font-size: 14px;}
.downloadfilecsv {margin-left: 4rem !important;}

/*new tile for sub menu */
.border-bottom{border-bottom: 1px solid #f2f2f2 !important;}
.tilesRow{display: flex; align-items: center; justify-content: flex-start; padding-top: 16px; flex-wrap: wrap;}
/* .tilesBox {background: #fff;text-align: center; min-width: 150px; max-width: 15%;width: 100%;height: 175px;min-height: 175px;border-radius: 8px; display: flex;align-items: stretch;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);margin-right: 1.6%; margin-bottom: 24px; justify-content: center;}  */
/* .tilesBox img {margin-bottom: 16px;} */
.tilesBox p {font-size: 14px;font-weight: 500;color: #242629;}
/* .tilesBox a {padding: 24px 16px;} */

.tilesBox {background: #f9f5f5; min-width: 150px;max-width: 23%;width: 100%;height: 78px;border-radius: 8px;display: flex;align-items: stretch;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);margin-right: 1.6%;margin-bottom: 24px;justify-content: flex-start; margin-bottom: 24px;}
.tilesBox img {margin-right: 15px;width: 48px;}
.tilesBox a {padding: 24px 16px;display: flex;align-items: center;width: 100%;}

.footerLogo {position: absolute;bottom: -10px;background: #fff;}
.fooLogoW{width: 90px;}
.profileEhs > img{width: 32px; cursor: pointer; outline: none;}
.profileEhs:after {margin-left: 0px;}
li.nav-item.mb-2.ps-4:last-child a {border-bottom: 0px;}
.subProfileName{font-size: 13px; display: block; top: -3px; position: relative; text-align: right;}
.modal-backdrop{z-index: 1049;}
.modal {z-index: 1051;}
/* Hide thumb by default */
.sidebar::-webkit-scrollbar {width: 0.5rem;}
.sidebar::-webkit-scrollbar-track {margin-left: 1rem;}
.sidebar::-webkit-scrollbar-thumb {background: var(--dimGrayColor);border-radius: 1rem;visibility: hidden;transition: visibility 0.3s linear, opacity 0.3s linear;opacity: 0;}
.sidebar:hover::-webkit-scrollbar-thumb {visibility: visible;opacity: 1;}
/* Hide thumb by default */

.table>tbody{border: 1px solid #f3f3f3;}
.btn-success {color: #333;background-color: transparent;border-color: #333;}
.btn-success i{color: #333;}
.btn-success:hover i{color: #fff;}
.breadcrumb-item{margin-bottom: 0px;}
.height32{height: 32px; display: flex; align-items: center;}
.notificationIcon i {font-size: 20px;color: #fff; background: #237abf;width: 32px;height: 32px;border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.offcanvas{z-index: 1054;}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.btn-group>:not(.btn-check)+.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px;margin: 3px;}

/* Tracker css */
.trackerBlk{padding: 10px 40px 80px 40px; overflow-x: auto;}    
.timelineText{position: absolute;top: calc(80% + 20px);left: 8%;transform: translate(-50%, 0); text-align: center;}
.trackerBlk ol, li {margin: 0;padding: 0;color: #333333; font-size: 14px;}  
.trackerBlk ol {display: flex;width: 100%;justify-content: start;position: relative;}  
.trackerBlk li {list-style-type: none;position: relative;cursor: pointer; font-size: 12px; width: 180px;}  
.trackerBlk li::after {content: '';display: block;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;border: 4px solid #B3B3B3;transition: background-color 0.2s ease;}  
.trackerBlk li:hover::after { background-color: #fff; }  
.trackerBlk li.active::after {background: #fff;border: 10px solid #8BC53F;}
.trackerBlk span {display: inline-block;text-align: center;}
.trackerBlk li.active h6 {text-align: center; font-weight: 500;color: #333; font-size: 12px; padding-top: 2px;}
li.active span {color: #242629;font-weight: 700;}
.trackerBlk li::before {content: '';display: block;width: 180px;height: 3px;background-color: #B3B3B3;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);z-index: -1;}
.trackerBlk li:last-child:before{display: none;}
.trackerBlk li.active::before {content: '';display: block;width: 180px;height: 3px;background-color: #8BC53F;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);z-index: -1;}
li.active:last-child:before {display: none;}

form#submitForm h5 {font-size: 14px;}
form#submitForm p {font-size: 12px;}
.auditMember {max-width: 200px; width: 100%; line-height: 1;}
.permit-detail-box p {font-size: 13px;}

/* Tracker css */

.participant-item {font-size: 13px; line-height: 1.4rem;}
.card-title{font-size: 14px;}
.select2-container { box-shadow: 1px 1px 5px #d4d4d4;}
.select2-search input{min-height: 34px;}
.offcanvas-title{font-size: 1rem;}
.select2-container .select2-search--inline .select2-search__field{margin-top: 0px !important;}
.permit-detail-box .btn {font-size: 11px;padding: 3px 5px;}
.sidebar .dropdown-menu svg {margin-right: 10px;}

.participant-label {width: 25px;height: 25px;min-width: 25px;background: #e2e2e2;display: inline-block;text-align: center;border-radius: 50%;color: #7c7979;margin: 5px 5px 5px 0px;}
.customBtnBig .btn {padding: 5px 12px;}

.maxWidth550{max-width: 550px;}
.sideCanvasScroll{height: 92vh; overflow-y: auto;}
.sideCanvasScroll .boxInner{ padding: 10px 10px 10px 0px !important; border-bottom: 1px solid #ddd;}
.input-group-text {background: #fff;box-shadow: none;text-shadow: none;border-left: 0px;}

.table-striped>tbody>tr:nth-of-type(odd){background: #fff !important;}
.input-group>.form-control:focus, .input-group>.form-select:focus {z-index: 0;}

/* responsive ccs start here */

@media (max-width: 1440px) {
  .trackerBlk li::before{width: 140px}
  .trackerBlk li{width: 140px; min-width: 140px;}
  .trackerBlk li.active::before{ width: 140px;}
}

@media (min-width: 768px) and (max-width: 1620px) {
  .loginRight {padding: 50px 0px 0px; }
  .loginRight h3{font-size: 20px; line-height: 26px;}
  .loginLeft {padding: 24px;} 
}

@media (min-width: 1025px) and (max-width: 1240px) {
  .tilesBox{max-width: 30%; margin: 1.5%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tilesBox{max-width: 46%; margin: 2%;}
}

@media (max-width: 767px) { 
  .tilesBox{max-width: 46%; margin: 2%;}
  .breadcrumbDiv.pt-4 {padding-top: 10px !important;}
  .sideCanvasScroll .boxInner{ padding: 10px !important}
}

@media (max-width: 575px) { 
  .tilesBox{max-width: 100%; margin: 2% 0%;}
  .boxInner {width: 100%;}
  /* .permit-detail-box {padding-left: 15px;}   */
  .loginRight h3 {font-size: 18px; line-height: 24px;}  
}

  .fishbone-container {
  display: inline-grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: auto 4px auto;
  padding-left: 2em;
  font-family: Arial, sans-serif;
  --bone-color: #85a0b2;
  --yellow: #fdbe22;
  --green: #69e982;
  --blue: #5cb2fb;
}

.cause {
  display: flex;
  flex-direction: column;
  transform: skew(20deg);
  transform-origin: bottom;
  margin-left: 0.8em;
}

.rootcause {
  text-align: center;
    position: relative;
    left: 100%;
    transform: translateX(-50%) skewX(-20deg);
    font-size: 0.8em;
    color: #000;
    padding: 0.2em 0.5em;
    border-radius: 0.2em;
    width: 55%;
    font-weight: 600;
}

.rootcause.yellow {
  background-color: var(--yellow);
}

.rootcause.green {
  background-color: var(--green);
}

.rootcause.blue {
  background-color: var(--blue);
}

.subcause {
  flex-grow: 1;
  border-right: 4px solid var(--bone-color);
  padding-top: 0.75em;
  padding-bottom: 0.65em;
}

.stat {
  text-align: right;
  padding-right: 1em;
  position: relative;
  transform: skewX(-20deg);
  line-height: 2em;
  font-size: 0.8em;
  white-space: nowrap;
}

.stat:before {
 content: "";
    display: block;
    background-color: var(--bone-color);
    position: absolute;
    width: 0.7em;
    height: 2px;
    right: 0;
    top: 50%;
    transform: translate(0.2em, -50%);
}

/* Central horizontal line (spine) */
.line {
   grid-column: 1 / span 3;
    background-color: var(--bone-color);
    height: 4px;
    margin: 0px 0px 0px 3%;
    width: 100%;
    position: relative;
}

/* Reverse skew for right side */
.line~.cause {
  transform: skewX(-20deg);
  transform-origin: top;
}

.line~.cause .rootcause {
  transform: translateX(-50%) skewX(20deg);
}

.line~.cause .stat {
  transform: skewX(20deg);
}

/* Defect/Problem */
.defect-spacer-top {
  grid-column: 4;
  grid-row: 1;
}

.defect {
  grid-column: 4;
  grid-row: 2;
  display: flex;
  align-items: center;
}

.defect-spacer-bottom {
  grid-column: 4;
  grid-row: 3;
}





          .why-container {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .why-row {
      width: 100%;
      display: flex;
      /* justify-content: space-between; */
      align-items: center;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 10px;
  }

  .whybox {
      display: flex;
      justify-content: space-between;
      width: 92%;
  }

  .arrow-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #0f735f;
      color: #ffff;
      border-radius: 6px;     
       height: 100%; 
      font-size: 16px;
      font-weight: bold;     
      border-radius: 0px 100px 100px 0px;
      padding: 20px 0px;
  }

  .qa {
      display: flex;
      flex-direction: column;
      color: #fff;
  }

  .qa p {
      margin: 0;

  }
.fa-question-circle {
  font-size: 20px;
  color: #fff;
}

.fa-check-circle {
  font-size: 20px;
  color: #fff;
}

  .qa p strong {
      color: #333;
      font-size: 16px;
      line-height: 25px;
  }

  .right {
      display: flex;
      gap: 10px;
      align-items: center;
  }

  .label-why {
      /* background-color: #fff; */
      color: #fff;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;  
  }

  /* Row background colors */
  /* .bg1 {
      background-color: #e0f7fa;
  }

  .bg2 {
      background-color: #b2ebf2;
  }

  .bg3 {
      background-color: #b3e5fc;
  }

  .bg4 {
      background-color: #90caf9;
  }

  .bg5 {
      background-color: #64b5f6;
  } */

  .bg1 {
    background-color: #24B99B;
}

.bg2 {
    background-color: #3E98D4;
}

.bg3 {
    background-color: #8A4B9C;
}

.bg4 {
    background-color: #3B5B98;
}

.bg5 {
    background-color: #253775;
}

  .main-headdingFirst {
      font-size: 20px;
      font-weight: 600;
      color: #1976d2;
      margin-top: 0px;
  }

  .main-headdingSec {
      font-size: 18px;
      font-weight: 500;
      color: #05010f;
      margin-top: 0px;
  }


  .colo2AB9CD {
      background-color: #206695;
  }

  .colo2C92D5 {
      background-color: #5e1e71 !important;
  }

  .colo206CCA {
      background-color: #1d386b !important;
  }

  .colo13538A {
      background-color: #0d183d !important;
  }

.ques-tag {
  font-size: 14px;
  font-weight: 600;
}

.bold-ans {
  font-weight: 500;
  font-size: 12px;
}

.category-name,
.sub-category {
  font-size: 13px;
}

.sub-category-bold500 {
  font-weight: 400;
}

.bold-category-bold {
  font-weight: 600;
}
  @media (max-width: 700px) {
      .why-row {
          flex-direction: column;
          align-items: flex-start;
          gap: 10px;
      }

      .right {
          justify-content: flex-start;
      }
  }

.fishbone-container {
  width: 70%;
  min-height: 175px;
}  
 

/* css by juhi 10 jul 2025 */
.newReport .month-sec {
  border-right: none;
  padding: 0 0;
}

.newReport .report-box.boxFlex {
  justify-content: space-between;
  padding: 10px 8px !important;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.05);
  border: none;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  height: calc(100% - 20px);
}

.newReport .cardBoxImg img.me-2 {
  margin-right: 0 !important;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.newReport .report-box {
  text-align: left;
}

.newReport .count {
  font-size: 20px !important;
  color: #222;
}

.newIncident .sevirity-box {
  /* height: 450px !important; */
  align-items: center;
  background-color: #fff;
  overflow: hidden;
  padding: 10px 10px;
}

.newAudit .audit-box {
  background-color: #fff;
}

.bar-box {
  max-width: 100% !important;
}

.custom-table th {
  background-color: #2083d2;
  color: #fff;
}

.custom-table td {
  border-bottom: 1px solid #f1e6e6;
}

.table-striped.custom-table > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: none !important;
}

.numeric-td {
  background-color: #0cc76326 !important;
  padding: 5px 5px;
  border-radius: 5px;
  color: #036530;
  font-size: 12px;
}

.newPanel {
  background-color: #eeeeee4d;
  /* padding-top: 15px !important; */
}

.newPanel .dash-top {
  border-bottom: 1px solid #d5dce3;
  /* justify-content: end !important; */
}

.sevirity-box.newBox {
  background-color: #fff;
  padding: 20px 10px;
  height: 400px;
  min-height: 0px;
  /* overflow: hidden; */
}

/* .newPanel .sevirity-box canvas {
  height: 100% !important;
} */

.newPanel .severity {
  margin-top: 28px;
}

.newPanel .sevirity-box {
  margin-top: 12px;
  background-color: #fff;
}

#inctypehraph {
  margin-top: -30px;
}

.newBox #highriskmap {
  height: calc(100% - 0px) !important;
}

.horizontalBox {
  height: 240px;
  min-height: 0px;
}

.newPanel .sevirity-box.newBox.heightSmall {
  height: 255px;
}

.newPanel .sevirity-box.newBox.heightBig {
  height: 450px;
}

.newPanel .report-section .sec-title {
  margin-top: -13px;
  font-size: 16px;
}

.newPanel .graph-title {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.newPanel .sec-title {
   text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

#highriskpermitchart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.newBox.donutBox {
  overflow: hidden;
}

#severityLineChart {
  margin-top: -80px;
}

.newPanel .newBox.departmentWise {
  height: 470px !important;
}

.newReport .breakdownbox {
  padding: 0 5px !important;
}

.newReport .report-box {
  margin-bottom: 10px;
}

.breakdownbox.audit {
  width: 14% !important;
}

#departmentgraph {
  height: 300px !important;
  object-fit: cover;
}

.newBg {
  background-color: #eeeeee4d;
}

.sevirity-box {
  background-color: #fff;
}

.audit-box.donut {
  background-color: #fff;
}

.sevirity-box.scorebox.newBox {
  overflow: hidden;
}

.homePage .sevirity-box.newBox {
  /* height: 410px; */
  overflow: hidden;
}

.viewDetail {
    border-radius: 4px;
    border: 1px solid #237abf;
    font-size: 13px;
    font-weight: 500;
    color: #237abf;
    background-color: transparent;
    padding: 8px 15px;
    height: 36px;
}

.submitBtn36{height: 36px;}

.ewPanel .border-bottom {
  border-bottom: 1px solid #dddbdb !important;
}

.ewPanel .severity {
  margin-top: 10px !important;
}

.sevirity-box.scorebox {
  padding: 0 0;
}

.ewPanel .learningMatarialBox {
  min-height: 300px;
}

.ewPanel .dash-top {
    border-bottom: 1px solid #e5e5e5;
}

.ewPanel .pageTitle {
  padding-bottom: 0;
}

.mt-20 {
  margin-top: 20px;
}

.ewPanel .report-section {
  margin-top: 8px;
}

.newPanel.homePage {
  background-color: transparent;
  padding: 0 0 !important;
}

.ewPanel .newReport {
  margin-top: 15px;
}

.newPanel.homePage .audit-container {
  margin-top: 10px;
  margin-bottom: 18px;
}

.ewPanel .isMaterialRow .owl-next {
  line-height: 12px !important;
}

.ewPanel .isMaterialRow .owl-prev {
  line-height: 12px !important;
}

.sevirity-box.scorebox tbody{
  max-height: 300px; /* adjust as needed */
  overflow-y: auto;
  display: block;
  width: 100%;
}

.sevirity-box.scorebox thead  {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.sevirity-box.scorebox tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.newReport.small .breakdownbox {
  width: 14% !important;
}

.viewDetail:hover {
    background: #237abf;
    transition: all ease 0.2s;
    color: #fff;
}

.title-section .view-all:hover {
  background: #237abf;
    transition: all ease 0.2s;
    color: #fff;
}

.ewPanel .sevirity-box.scorebox {
  margin-top: 13px ;
}

.newLink {
  word-wrap: nowrap;
  cursor: pointer;
}

.newBtn {
  width: 85px;
}

.incidentTag span {
    white-space: nowrap;
}

.customHeight.newPanel {
  padding-bottom: 180px !important;
}

.customHeight.ewPanel {
  padding-bottom: 180px !important;
}

.topBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topSpacing {
  margin-top: 5px;
}

.panel.incidentPanel {
  padding: 0 0;
}

.incidentAccordion .thBack {
  background-color: #2383cdf2;
}

.incidentAccordion .table>tbody {
      border: 1px solid #dbdbdb;
}

.customTable tr > td {
  font-size: 13px !important; 
}

.customTable tr th  {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.customHeight.ewPanel {
  padding-bottom: 180px !important;
}

.greyBox .boxInner span.textBlueDark.fWeight600 {
  font-weight: 700;
}

.status-container a.btn-outline-danger {
  background: rgba(102, 102, 1, 0.1) !important;
    color: #888 !important;
    font-weight: 500 !important;
    cursor: default !important;
    white-space: nowrap;
    border: 1px solid #ccc;
}

.incident-content .boxInner25 span.textBlueDark.fWeight600.d-block {
  font-weight: 700;
}

.auditDate span {
  font-weight: 700;
}

.audit_offcanvas {
  max-width: 750px;
}

.audit_offcanvas .offcanvas-header {
  display: block;
 padding: 10px 15px !important;
}

.newTitle {
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
}

.auditTable .thead {
  background-color: #53667cab;
}

.audit_offcanvas .offcanvas-body {
  overflow-y: initial;
}

.auditSearch {
  margin: 15px 15px 0;
}

.auditTable .tHead {
  background-color: #53667cab;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.auditTable .tHead th {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding-left: 7px !important;
}

.auditTable td {
  font-size: 13px;
  font-weight: 500;
}

.audit_offcanvas .inputGroupIcon {
  top: 9px;
}

#viewChecklistBtn.btn-success:disabled {
  background-color: #ccc !important;
  color: #666 !important;
  border: 1px solid #aaa !important;
}

#viewChecklistBtn.btn-success {
  border: 1px solid #237abf;
  color: #237abf;
}

#viewChecklistBtn.btn-success:hover {
    color: #fff;
    background-color: #237abf;
    border-color: #237abf;
}

.audit.calenderIcon i {
  top:37px;
}

#viewChecklistBtn.btn-outline-success {
   border: 1px solid #237abf;
   color: #237abf;
}

#viewChecklistBtn.btn-outline-success:hover {
    color: #fff;
    background-color: #237abf;
    border-color: #237abf;
}

#viewChecklistBtn.btn-outline-success:focus {
    box-shadow: none
}

#auditor_names {
  font-weight: 500;
  font-size: 13px !important;
  color: #222;
  display: block;
  padding-top: 7px;
  line-height: 18px;
}

 .modal-header {
  background-color: #2083d2 !important;
  color: #fff;
  padding: 9px 12px;
}

.modal-body {
  padding: 18px 18px 30px;
}

.modal-body .container-fluid.addUserForm {
  padding: 0 0;
}

.modal-body .d-grid.mt-4 {
  justify-content: end;
}

.modal-body .d-grid .btn-primary {
  width: 120px;
}

.form-text.text-muted {
  padding-top: 3px;
  display: block;
}

.modal-header .btn-close {
  background: url(../img/close-modal.png) no-repeat;
  background-size: 73%;
  opacity: 1;
  padding-top: 1px;
}

.modal-body 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
}

.addUserForm .select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 16px;
}

.whyTag {
  display: flex;
}

.bold-ans {
  padding: 0px 0px 10px 5px;
}

.customCanvas {
  max-width: 560px;
}

.offcanvas-header {
  background-color: #237abf;
  padding: 5px 10px;
  min-height: 40px;
}

.closeBtn i {
  padding-right: 0;
  color: #fff;
  font-size: 20px;
}

.closeBtn {
  border: none;
  background-color: transparent;
}

.customCanvas .questionOption .form-check {
  padding: 0 0;
}

.offsetMenu.audit .btn-outline-success:focus {
    box-shadow: none;
}

.offsetMenu.audit .btn-success:focus {
    background-color: transparent;
    box-shadow: none;
}

.offsetMenu.audit .btn-success:active {
    background-color: transparent;
    box-shadow: none;
}

.offsetMenu.audit .btn-success:active:focus {
    background-color: transparent;
    box-shadow: none;
} 

.commitee-detail-form {
  padding: 15px 15px;
}

.tagSub {
  font-size: 13px !important;
  font-weight: 600;
  padding-top: 3px;
}

.bottoms-btns {
  margin-right: 15px;
}

.memberTable #searchInput {
  width: 100%;
}

.commiteeInput input {
   width: 100% !important;
}

.offcanvas-body .memberTable {
  padding: 15px 15px;
}

.offcanvas .btn-close {
    background: url(../img/close-modal.png) no-repeat;
    background-size: 73%;
    opacity: 1;
    padding-top: 1px;
}


@media (max-width: 1530px) {
  .newPanel .sevirity-box.newBox {
    height: 340px;
  }

  #permittypewisegraph {
    padding-top: 30px;
  }

  .newPanel .newBox.departmentWise {
    height: 340px !important;
  }

  .newReport .breakdownbox {
    width: 16% !important;
    padding: 0 5px !important;
  }

  #departmentgraph {
    height: 240px !important;
    object-fit: cover;
  }

  .breakdownbox.audit {
    width: 14% !important;
  }

  .newPanel .sevirity-box.newBox.mid {
    height: 285px;
  }

  .newReport .cardBoxImg img.me-2 {
    width: 20px;
    height: 20px;
  }

  .newReport .report-box.boxFlex {
    padding: 10px 5px !important;
  }

  .newLink {
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  .newReport .breakdownbox {
    width: 33% !important;
    margin-bottom: -7px;
  }

   .newReport.small .breakdownbox {
    width: 33% !important;
    margin-bottom: -7px;
  }
}

@media (max-width: 1300px) {
  .newSlide .carousel-item img {
    max-width: 340px;
  }

  .newSlide .carousel-indicators {
    bottom: -90px;
  }
}
/* css by juhi 10 jul 2025 */


/* suraj css new */
#fishboneContainer {
  margin: 50px 0px 60px 0px;
  text-align: center;
  overflow: auto;
}

.defect-text {
  position: relative;
  padding: 0px 0em;
  background-color: var(--bone-color);
  border-radius: 0 50px 50px 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  z-index: 1;
  right: -2%;
  clip-path: path("M30,0 C0,60 0,90 30,150 Q100,150 165,75 Q100,0 30,0 Z");
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
  min-width: 165px;
  width: 100%;
  max-width: 165px;
}

.defect-text::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  top: 37px;
  z-index: 2;
  box-shadow: 0 0 2px #fff;
  right: 65px;
}

.defect-text::after
{
  content: "";
  position: absolute;
  width: 45px;
  height: 4px;
  border-bottom: 4px solid #fff;
  border-radius: 50%;
  top: 78px;
  right: -8px;
  z-index: 2;
  transform: rotate(336deg);
}

.line::before {
  width: 176px;
  height: 140px;
  background-color: #85a0b2;
  clip-path: path("M28 18 Q328 78 -8 142 Q35 128 96 71 Q32 20 -19 11 Z");
  margin-left: -10px;
  content: "";
  position: absolute;
  left: -155px;
  top: -75px;
}

.fishboneTabs{
  margin: 15px 0px;
}

.cancelButton {   
    background: 0 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 27px;
    color: #237abf;
    border-radius: 6px;
    border: 1px solid #237abf;
    padding: 3px 2rem !important;
    margin: 5px 0 5px 15px;
  }

.offcanvas-header .offcanvas-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

#createCommittee .memberTable {
  padding: 15px 15px;
}

.offcanvas-header .stmTitle {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.offcanvas-body .form-label {
  font-weight: 600;
  font-size: 13px;
}

.memberTable .dataTables_filter label {
  float: none;
}

/* suraj css new */
#whyContainer{margin-bottom: 20px;}
.select2-dropdown{z-index: 999999 !important;}
.customTable {margin-top: 10px;} 

span#auditor_names{font-size: 12px;}
.accordion-body{padding: 10px;}
.select2-container .select2-selection--single{height: 36px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{height: 36px !important;}
.InitiateCapaBtn {height: 32px; min-width: 32px; margin: 3px; width: 32px;}
.InitiateCapaBtn .activeIcon{max-width: 100%; width: 20px; display: block; margin: auto;}
.InitiateCapaBtn .unActiveIcon{max-width: 100%; width: 20px; display: none; margin: auto;}
.InitiateCapaBtn:hover .activeIcon{max-width: 100%; width: 20px; display: none; margin: auto;}
.InitiateCapaBtn:hover .unActiveIcon{max-width: 100%; width: 20px; display: block; margin: auto;}
ol.breadcrumb .breadcrumb-item:last-child:before {display: block; font-weight: 400;}
.alert { padding: 8px; font-size: 12px;}
.dataNoAvailable{color: #666;}
.border-none{border: 1px solid transparent;}

.customHeight.ewPanel {padding-bottom: 180px !important;}
.pdf-sec tr th {white-space: normal;}

.sidebar .btn svg {margin-right: 10px;}
.breadcrumb-item+.breadcrumb-item a {text-transform: capitalize;}
/* .customTable table.dataTable {overflow-x: auto;display: block;} */
.table-hover > tbody > tr{ --bs-table-striped-bg: rgba(0, 0, 0, 0.0);}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: white !important;
}
.tableCustomlight{background: rgb(83 102 124 / 67%);}
.tableCustomlight th {color: #fff;}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
  content: "\f107";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 30px;
  position: relative;
  top: -5px;
}

.accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg);
  top: 7px;
}