html { overflow-x: hidden }
* { margin: 0; padding: 0; box-sizing: border-box; }
/* *:not(.slick-track):not(.slick-list) { transition: all 0.3s ease-in-out; } */
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus ,.form-check-input:focus{ outline: none; box-shadow: none;border-color: var(--gray1);}
li { list-style: none; line-height: unset; }
img { width: 100%; height: auto; user-select: none; }
a{text-decoration: none;}
img:focus-visible, a:focus, .btn:focus, a:focus-visible, div:focus-visible { outline: none; box-shadow: none; }
:focus-visible { outline: none; box-shadow: none; }
body{min-height: 600px; /*height: 100vh;*/ font-size: 14px;line-height: 22px;font-family: var(--satoshi-reg);}
body:has(.login-container-wrap) { height: 100vh; }
h1,h2,h3,h4,h5,h6,p,span,ul {margin: 0;padding: 0;}
.form-control:focus{outline: 0;box-shadow: unset;border-color: var(--darkgray);}
.form-control.is-invalid, 
.was-validated .form-control:invalid { border-color: var(--gray1); background-image: none; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.reset-filter-btn { padding: 6px 10px; border: 1px solid var(--black); background: var(--black); color: var(--white); border-radius: 6px; transition: all 0.3s ease-in-out; font-family: var(--satoshi-med); }
.reset-filter-btn:hover { background: var(--green); color: var(--black); border-color: var(--green); }

@media print {
  body {
      visibility: hidden;
      -webkit-print-color-adjust: exact
  }

  html,
  body {
      height: 100vh;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden
  }

  #section-to-print, #audit-section-to-print {
      display: block;
      visibility: visible;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact
  }

  #section-to-print .form-main-wrap,
  #audit-section-to-print .form-main-wrap  {
    break-inside: avoid;
  }
   
  #section-to-print form, #audit-section-to-print form {
    max-width: 100%;
    width: 100%;
  }

  #audit-section-to-print { width: 280mm; }
  #audit-section-to-print .audit-form-panel .dashboard-form-wrap { flex-grow: 1; -webkit-flex-grow: 1 }


  #pdf-submit-btn {
    display: none;
  }

}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
body{background-color: var(--secondary);}
/* modal body */
body.modal-open{padding-right: 0 !important;height: 100%; }
html:has(body.modal-open) { overflow: hidden; }

/* fonts */
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
       url('../fonts/Satoshi-Regular.woff') format('woff'),
       url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
       url('../fonts/Satoshi-Medium.woff') format('woff'),
       url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
       url('../fonts/Satoshi-Bold.woff') format('woff'),
       url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

:root {
    --white: #ffffff;
    --black: #000000;
    --green: #d8f002;
    --green-color-200: #0B7F58;
    --yellow: #F5FBBF;
    --gray: #808080;
    --gray1: #E2E2E2;
    --darkgray:#2B2B2B;
    --primary:#555555;
    --secondary: #EFEFEF;
    --secondary1: #AAAAAA;
    --red :#C82E42;
    --red-opacity : rgba(211, 64, 83, 0.08);
    --f0 : transparent;
    --orange: #FB8C00;

    /* validation color */
    --g1: #36612F;
    --g2: #C0D7BC;
    --r1: #ff4500;
    --r2: #ffc8c8;
    
    --satoshi-bold : 'Satoshi-Bold';
    --satoshi-med : 'Satoshi-Medium';
    --satoshi-reg : 'Satoshi-Regular';
}


/********* Loader *********/
.loader-wrapper-inner { position: fixed;  top: 0px; right: 0; width: calc(100% - 300px); height: 100dvh; z-index: 999999; background: rgba(255, 255, 255, 0.7); display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.loader {
  border: 4px solid var(--black);
  border-radius: 50%;
  border-top: 4px solid var(--green);
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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


.field-valid .form-control {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.error-border, select.error-border ~ .select2 .select2-selection   { border-color: var(--red)  !important; }

/* typography */
.heading-style-1{font-size: 28px;line-height: 36px;font-family: var(--satoshi-bold);}
.heading-style-2{font-size: 24px;line-height: 32px; font-family: var(--satoshi-bold);}
.heading-style-3{font-size: 20px;line-height: 28px;font-family: var(--satoshi-bold);}
.heading-style-4{font-size: 18px;line-height: 24px;font-family: var(--satoshi-bold);}
.p-big{font-size: 16px;line-height: 24px;font-family: var(--satoshi-med);}
p{font-size: 14px;line-height: 22px;font-family: var(--satoshi-reg);}
b { font-family: var(--satoshi-med); }

/* ====== button ====== */
.comman-btn{ transition: all 0.3s ease-in-out; padding:8px 18px; font-size: 16px;line-height: 24px; font-family: var(--satoshi-med); text-align: center;border-radius: 40px;display: inline-flex;align-items: center;gap: 8px;justify-content: center;width: 100%;text-transform: uppercase;}
.comman-btn img{width: 18px;height: 18px;}
.btn-green-fill{color:var(--darkgray);background-color: var(--green);border: 2px solid transparent;}
.btn-green-fill:hover{background-color: var(--white);border-color: var(--green);}

.btn-red-fill{color:var(--white); background-color: var(--red); border: 2px solid transparent; }
.btn-red-fill:hover{background-color: var(--white); color: var(--red); border-color: var(--red); }

.btn-black-transperent{color: var(--darkgray);background-color: var(--f0);border: 2px solid var(--black);}
.btn-black-transperent:hover{background-color: var(--green);border-color: var(--f0);}

.btn-red-transperent{color: var(--red);background-color: var(--f0);border: 2px solid var(--red);}
.btn-red-transperent:hover{background-color: var(--red);border-color: var(--f0); color: var(--white);}

.btn-red-transperent:hover img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

.btn-white-transperent{color: var(--secondary);background-color: var(--f0);border: 2px solid var(--white);}
.btn-white-transperent:hover{background-color: var(--white);border-color: var(--f0);color: var(--black);}
.button-link{ transition: all 0.3s ease-in-out; font-size: 14px;line-height: 22px;font-family: var(--satoshi-med); color: var(--darkgray);text-align: center;display: inline-block;}
.button-link:hover{color: var(--black);}
.green-btn-transperent{padding: 3px 12px;font-size: 12px;line-height: 20px; font-family: var(--satoshi-med); background-color: var(--f0);color: #257f58;border: 1px solid #257f58;border-radius: 30px;text-align: center;}
/* .green-btn-transperent:hover{background-color: #257f58;color: var(--white);} */
.transparent-btn { background: transparent; padding: 0px; border: none; }

.btn-outline-green { background-color: transparent; border: 2px solid #e6f200; /* match filled color */ color: #000; }
.btn-outline-red { background-color: transparent; border: 2px solid #bd2b39; color: #bd2b39; }
button:disabled { cursor: not-allowed; opacity: 0.6; }

/* ========== header ========== */
header {padding: 17px 35px; position: fixed;top: 0;left: 0; width: 100%; background-color: var(--white);box-shadow: 0px 8px 13px -3px #00000012; z-index: 10;}

/* ================================================ authantication page ================================================ */
/* ======================== login banner ======================== */
.login-banner{height: 100%;display: flex; flex-direction: column; justify-content: end;}
.login-banner header{box-shadow: none;}
.login-banner header .logo{width: 190px;height: auto;}
.login-banner header .logo img{height: 100%;}
.login-container-wrap{background-color: var(--secondary);height: calc(100% - 81px);display: flex;flex-direction: column; justify-content: center;}
.login-banner .row{max-width: 1102px; width: 100%;  margin: 0 auto;}
.login-banner .row img{height: 100%;object-fit: cover;object-position: center center;}
/* form */
.login-banner .heading-style-1{margin-bottom: 35px;}
.login-banner .form{padding: 76px; background-color: var(--white);height: 100%;display: flex; flex-direction: column; justify-content: center;}
.login-banner .form .form-btn{gap: 20px;}

/* ============== registartion form style ============== */
.registration-from {height: 100%;}
.registration-from .form-btn a, .registration-from .form-btn button{width: auto;}
.registration-from .login-banner .row .login-image img{height: 35vw;}
.registration-from .login-container-wrap{padding: 100px 0 20px;}
.registration-from .row .row{padding: 0;}

/* ============== comman form style ============== */
.input-wrap{margin-bottom: 16px;width: 100%;}
label{font-size: 14px;line-height: 22px;font-family: var(--satoshi-med); margin-bottom: 12px;color: var(--black);}
form .input-inner{margin-bottom: 12px;position: relative;}
form .input-inner a{position: absolute; right: 19px; top: 50%; transform: translateY(-50%); }

form.needs-validation.was-validated .input-inner:has(input:invalid) a,
form.needs-validation .input-wrap.was-validated .input-inner:has(input:invalid) a,
form.needs-validation .input-wrap .input-inner:has(.error) a  { transform: translateY(-117%); }
form.needs-validation.was-validated .input-inner .dynamic-action-btn-position,
form.needs-validation .input-wrap.was-validated .input-inner .dynamic-action-btn-position { right: 30px; }
form.needs-validation.was-validated .input-inner:has(.dynamic-action-btn-position) input,
form.needs-validation .input-wrap.was-validated .input-inner:has(.dynamic-action-btn-position) input { padding-right: 50px; }


form .input-inner:has(.dynamic-action-btn-position) input { padding-right: 40px; }
.field-valid .input-inner:has(.dynamic-action-btn-position) input { padding-right: 50px; }
.field-valid .input-inner .dynamic-action-btn-position { right: 30px; }

.form-text { font-size: 14px; line-height: 22px; font-family: var(--satoshi-med); color: var(--gray); }
.tooltip-icon { width: 16px; display: inline-block; margin: -2px 0px 0px 4px; vertical-align: middle; }
.custom-tooltip { --bs-tooltip-padding-y: 7px; --bs-tooltip-padding-x: 18px;   --bs-tooltip-bg: var(--black); } 
.field-txt-value { margin-bottom: 0px; }
.asterisk-symbol { color: var(--red); }

form .input-inner a img{width: 18px;height: 18px;}
input[type="text"], 
input[type="number"],
input[type="tel"],
input[type="email"], 
input[type="password"],
textarea{ width: 100%;font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); color: var(--primary);padding: 13px 22px; border: 1px solid var(--gray1); border-radius: 4px;}

textarea{height: 164px;resize: none;}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder, 
input[type="email"]::placeholder, 
textarea::placeholder,
input[type="password"]::placeholder{ font-size: 16px; line-height: 24px; font-family: var(--satoshi-reg); color: var(--gray); }

input[type="text"]:focus, 
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus, 
textarea:focus,
input[type="password"]:focus{border-color: var(--darkgray);}


.file-info-item { margin-bottom: 12px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; gap: 12px; background: var(--secondary); padding: 12px; border: 1px solid var(--gray1); }
.file-info-item p { position: relative; padding-left: 26px; }
.modal .file-info-item p {margin-bottom: 0px !important;}
.file-info-item p::after { content: ''; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; background: url('../images/file-document.svg') no-repeat center center / 18px; }
.file-info-item button { background: transparent; border: none; position: relative; }
.file-info-item button::after{ content: ''; background: url('../images/transparent-close-icon.svg') no-repeat center center / 16px; width: 16px; height: 16px; display: block; }



.pre-attached .file-info-item  { background: transparent; border-radius: 6px; margin: 12px 0px; justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; overflow-x: auto; gap: 10px; }
.pre-attached .file-info-item .img-holder { flex-shrink: 0; -webkit-flex-shrink: 0; width: 120px; height: 120px; border-radius: 4px; position: relative; }
.pre-attached .file-info-item .img-holder > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.pre-attached .file-info-item .img-holder .close-btn { cursor: pointer; position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background: var(--white); border-radius: 50%; box-shadow: 0px 0px 5px rgba(255, 255, 255, 1); }
.pre-attached .file-info-item .img-holder .close-btn img { width: 16px; height: 16px; }
.pre-attached .file-info-item .img-holder .close-btn::after { display: none; }


/* error message */
.error{margin: 10px 0 0px;}
.error p{color: var(--red);font-size: 12px;margin-top: 4px;}

/* form button */
form .form-btn{text-align: center;}
form .comman-btn{margin-top: 19px;}
form .button-link{margin-top: 16px;}

/* ============ check list ===============*/   
.form-check{display: flex;gap: 12px;align-items: center;} 
.form-check label{margin:4px 0 0;}
.form-check-input[type=checkbox]{ cursor: pointer; width: 16px;height: 16px; border: 1px solid var(--primary); background-color: var(--white);appearance: none; -webkit-appearance: none;overflow: hidden;}
.form-check-input[type=checkbox]:checked{accent-color: var(--black);appearance: auto; border-radius: 4px; -webkit-appearance: auto; outline: none;}
.form-check-input[type=checkbox]:indeterminate { background-color: var(--black); border-color: var(--black); }

/* ==================== select css ============== */
/* .single-select-dropdown-main:has(>.custom-error-message) { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
.single-select-dropdown-main:has(>.custom-error-message) .custom-error-message { order: 3; } */
.select2-dropdown { z-index: 9; }
.single-select-dropdown-main .select2 { width:100% !important; }
.single-select-dropdown-main .select2-container--default .select2-selection--single ,.single-select-dropdown-main .select2-container--default .select2-selection--multiple { padding: 13px 22px; font-size: 16px; line-height: 24px;font-family: var(--satoshi-med); color: var(--gray);  height: 100%; background-color: var(--f0); border: 1px solid var(--gray1); border-radius: 4px; }
.single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 16px; line-height: 24px; font-family: var(--satoshi-reg); color: var(--opacity-60); padding-inline: 0; } 
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:18px; height:18px; position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: url(../images/select-arrow.svg) no-repeat center center / cover; }
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow b{ display:none;}
.single-select-dropdown-main .select2-container--default.select2-container--open .select2-selection__arrow{ transform-origin: center; transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg); }
.single-select-dropdown-open-main.select2-dropdown { background-color: var(--white);border-radius: 4px;border: 1px solid var(--gray1); } 
.single-select-dropdown-open-main .select2-results__options .select2-results__option { padding:10px 14px; font-size: 14px; line-height: 22px; font-family: var(--satoshi-med); color:var(--gray);} 
.single-select-dropdown-open-main .select2-results__options .select2-results__option.select2-results__option--disabled { background: var(--gray1); opacity: 0.3;  }
.single-select-dropdown-open-main .select2-results__options .select2-results__option.select2-results__option--highlighted { background:var(--secondary);} 
.select2-container--default .select2-search--inline .select2-search__field{margin: 0;vertical-align: text-top;}
.select2-checkbox-wrapper:has(.select-option-checkbox),
.select2-checkbox-wrapper { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; gap: 10px; }
.select2-checkbox-label { margin-bottom: 0px; }
.select2-checkbox-wrapper .form-check-input  { margin: 0px; }
.select2-results__option:has(.select-option-container) { padding: 0px; }
.select-option-container { padding: 6px; }
.select2-checkbox ~ .select2-container .select2-selection__rendered { width: calc(100% - 20px); display: flex; display: -webkit-flex; gap: 10px; align-items: center; -webkit-align-items: center; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; overflow-x: auto; }
.select2-checkbox ~ .select2-container .select2-selection__rendered .select2-selection__choice { flex-shrink: 0; -webkit-flex-shrink: 0; }
.select2-dropdown.workers-dropdown .select2-checkbox-wrapper { width: 100%; } 
.select2-dropdown.workers-dropdown .checkbox-wrapper { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; gap: 8px; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; order: 3; width: fit-content; margin-left: auto; }
.select2-dropdown.workers-dropdown .checkbox-wrapper label { margin: 0px; color: var(--secondary1); }
.paid-status-select ~ .select2-container { min-width: 113px; margin-right: 10px; }
.paid-status-select ~ .select2-container .payroll-status-select2-selection { background: transparent; border: none; }
.select2-container--open .select2-dropdown--below.payroll-status-select2-dropdown { border-top: 1px solid var(--gray1); border-radius: 4px; overflow: hidden; }
.select2-container--open .select2-dropdown--below.payroll-status-select2-dropdown .select2-results__options { padding: 0px; }
/* message */
/* .success-msg{color: var(--g1);} */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--primary) !important;    
}

/********Signature Css************/
.signature-container { border: 1px solid var(--gray1); border-radius: 4px; margin-bottom: 16px; overflow: hidden; }
.signature-actions .btn-clear { width: fit-content; margin: 0px; } 
.signature-preview-box { border: 2px dashed var(--gray1); min-height: 80px; padding: 20px; background-color: #f9f9f9; display: flex; align-items: center; justify-content: center; margin-top: 10px; border-radius: 5px; }
.typed-signature { font-family: 'Monsieur La Doulaise', cursive; font-size: 36px; color: var(--primary); text-align: center; line-height: 1.2; word-break: break-word; }        
.signature-preview-box.empty { color: var(--gray); font-style: italic; font-size: 14px; }
.signature-preview { position: relative; }
.worker-electronic-signature-wrapper-inner  .worker-signature .signature-preview .signature-actions { transform: translateY(0); -webkit-transform: translateY(0); }
.preview-text { display: inline-block; }
/* radio button */
.form-check-input{ cursor: pointer; width: 20px; height: 20px; border-color: black;}
.form-check-input[type=radio]:checked{ background-color: var(--black); border-color: var(--black); }

#performance-score .input-inner{padding: 0;gap: 12px;}
#performance-score .form-check{padding: 0;gap: 3px;margin: 0;}
#performance-score .input-inner label{color: var(--gray);font-size: 12px;}
#performance-score .form-check-input[type=radio]{margin: 0;}
#performance-score .input-inner p{margin: 0 !important;}


/* increment and decrement button style */
.quantity-wrap button{width: 48px;height: 48px;flex-shrink: 0; background-color: var(--white); border: 1px solid var(--black);border-radius: 2px;display: flex;justify-content: center;align-items: center;}
.quantity-wrap button img{width: 20px;height: 20px;}

/* profit */
.profit-wrap{color:#c82e42;font-size: 22px;line-height: 30px;font-family: var(--satoshi-med);}
.margin-wrap{color:var(--g1);font-size: 22px;line-height: 30px;font-family: var(--satoshi-med);}

/* ============= date picker ============= */

.date-calander{background: url(../images/calendar-icon.svg) no-repeat 12px center / 18px auto;}
.date-range { background-image: url(../images/calendar-icon.svg); background-repeat: no-repeat; background-position: 12px center; background-size: 18px; padding-left: 40px !important; }
.form-date-inner .date-calander,
.form-date-inner .readonly-date-calander {background: url(../images/calendar-icon.svg) no-repeat 98.2% center / 16px auto;}

.daterangepicker { z-index: 9 !important; }
/* .dashboard-body.modal-open .daterangepicker { z-index: 3001 !important; } */
.daterangepicker .calendar-table th.month { font-size: 20px; line-height: 1; font-family: var(--satoshi-bold); }
.daterangepicker .calendar-table th,
.daterangepicker .drp-buttons .btn,
.drp-selected { font-family: var(--satoshi-bold); }
.daterangepicker .calendar-table td { font-size: 14px; line-height: 22px; font-family: var(--satoshi-med); }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-width: 0 1px 1px 0; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { width: 35px; height: 35px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: var(--darkgray); }
.daterangepicker td.start-date { border-radius: 20px 0px 0px 20px; }
.daterangepicker td.end-date { border-radius: 0px 20px 20px 0px; }
.daterangepicker td.in-range:not(.active) { background: var(--secondary); }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect { border-radius: 4px; padding: 4px; }
.daterangepicker .drp-buttons .btn.applyBtn  { background: var(--darkgray); border-color: var(--darkgray); }

/* ====================================================== dashboard page ====================================================== */
.dashboard-map { height: 300px; }
.dashboard-map-wrapper { position: relative; }
.dashboard-map-wrapper .loader-wrapper-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dashboard-map-wrapper .loader-wrapper-inner .loader { width: 50px; height: 50px; }
.gm-style-iw-ch { display: none; }
.gm-style-iw-chr { position: absolute; top: -10px; right: -10px; background: var(--black); border-radius: 50%; border: 3px solid #D8F000; }
.gm-style-iw-chr .gm-ui-hover-effect { width: 18px !important; height: 18px !important; opacity: 1;  }
.gm-style-iw-chr .gm-ui-hover-effect span { filter: brightness(0) invert(1); width: 12px !important; height: 12px !important; margin: 0px auto !important; }
.map-modal { min-width: 346px; padding-top: 10px;}
.map-modal-desc { gap: 12px; justify-content: space-between; -webkit-justify-content: space-between; }
.map-modal-desc .client-logo img { width: 42px; height: auto; }
.map-modal-desc .address-title { font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); color: var(--black); margin-bottom: 2px; }
.map-modal-desc address { font-size: 14px; line-height: 22px; font-family: var(--satoshi-med); color: var(--primary); margin-bottom: 0px; margin: 0px; }

.gm-style .gm-style-iw-c { overflow: visible; }
/* custom bg */
.custom-backdrop{position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; background-color: black; z-index: -1; opacity: 0; transition: 0.4s;}
.custom-backdrop.show{z-index: 10; opacity: 0.4;}
.dashboard-body.full{height: 100vh;overflow: hidden;}

/* ================ sidebar-clients ================== */
.sidebar-clients a{border: 1px solid var(--darkgray);padding: 15px;border-radius: 4px;}
.sidebar-clients a span{color: var(--gray);font-size: 16px;line-height: 24px;display: block;font-family: var(--satoshi-med); transition: all 0.5s; -webkit-transition: all 0.5s; }

.sidebar-clients a.open-dropdown > span { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.sidebar-clients .client-navigation-wrapper { border: 1px solid var(--darkgray); margin-top: 4px; border-radius: 4px; display: none; } 
.sidebar-clients .client-navigation-wrapper input,
.sidebar-nav .health-listing-wrapper input { background-color: transparent; background-image: url('../images/search-icon.svg'); background-repeat: no-repeat; background-position: 14px center; padding: 12px 22px 12px 45px; border: none; border-bottom: 1px solid var(--darkgray); color: var(--gray); font-size: 14px; line-height: 20px; }
.sidebar-clients .client-listing-wrapper { padding: 15px 8px; }
.sidebar-clients .client-listing-wrapper .accordion-header .client-name-wrapper { gap: 10px; width: calc(100% - 34px); }
.sidebar-clients .client-listing-wrapper .accordion-header .client-name { gap: 10px; }
.sidebar-clients .client-listing-wrapper .accordion-header .client-name img { width: 24px; height: 24px; border-radius: 1px; }
.sidebar-clients .client-listing-wrapper .accordion-header .client-name p,
.sidebar-clients .client-listing-wrapper .accordion-header .client-name a { font-size: 16px; line-height: 24px;  font-family: var(--satoshi-med);  color: var(--white); margin: 0px; padding: 0px; border: none;  }
.sidebar-clients .client-listing-wrapper .accordion-header .client-name a:hover { color: var(--green); }
.sidebar-clients .client-listing-wrapper .accordion-header .client-name .client-tasks.active { color: var(--green); }
.sidebar-clients .client-listing-wrapper .accordion-header .client-action .action { padding: 2px; border: none; }
.sidebar-clients .client-listing-wrapper .accordion-header .client-action .action div { background: var(--gray); width: 2px; height: 2px; }
.sidebar-clients .client-listing-wrapper .accordion-header .client-action .dropdown-menu  { transform: translate(12px, 21px) !important; -webkit-transform: translate(12px, 21px) !important; top: 100% !important; right: 0 !important; }
.sidebar .sidebar-clients .dropdown-menu li a { border: none; font-size: 16px; color: var(--primary); }
.sidebar-clients .client-listing-wrapper .accordion-header .client-action > .dropdown-menu  li:last-child a { color: var(--red);  }
.sidebar-clients .client-listing-wrapper .accordion-header .client-action > .dropdown-menu  li:last-child a:hover { color: var(--white); }

.sidebar-clients .client-listing-wrapper .accordion-button { width: 18px; height: 18px; }
.sidebar-clients .client-listing-wrapper .accordion-button::after { background: url('../images/sidebar-dropdown-arrow.svg') no-repeat center center / 18px; width: 18px; height: 18px; transform: rotate(0); -webkit-transform: rotate(0); }
.sidebar-clients .client-listing-wrapper .accordion-button[aria-expanded="true"]::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }


.sidebar-clients .client-listing-wrapper .accordion-body { padding: 15px 6px 0px 33px; }
.sidebar-clients .client-listing-wrapper .accordion-body  .project-btn { border: none; color: var(--white); width: 100%; padding: 4px 0px; gap: 8px; font-family: var(--satoshi-med); }
.sidebar-clients .client-listing-wrapper .accordion-body  .project-btn img { flex-shrink: 0; -webkit-flex-shrink: 0; width: 20px; height: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.sidebar-clients .client-listing-wrapper .accordion-body  .project-btn.open-dropdown img { transform: rotate(45deg); -webkit-transform: rotate(45deg); }


.sidebar-clients .client-listing-wrapper .accordion-body .project-listing { margin-top: 10px; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li { color: var(--gray); margin-bottom: 10px; display: flex; display: -webkit-flex; justify-content: space-between; justify-content: space-between; gap: 6px; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-name { transition: all 0.5s; -webkit-transition: all 0.5s; padding: 0px; border: none; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-name:hover { color: var(--green); background: none; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-name.active { color: var(--green); }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li:last-child { margin-bottom: 0px; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .action { padding: 2px; border: none; gap: 3px; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .action div { background: var(--gray); width: 2px; height: 2px; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .dropdown-menu { padding: 0px; margin: 0px; transform: translate(12px, 2px) !important; -webkit-transform: translate(12px, 2px) !important; top: 100% !important; right: 0 !important; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .dropdown-menu li { margin: 0px; }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .dropdown-menu li a { border: none; font-size: 14px; color: var(--primary); }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .dropdown-menu li a:hover { background: var(--secondary); }
.sidebar-clients .client-listing-wrapper .accordion-body .project-listing li .project-action .dropdown-menu li a img { filter: none; -webkit-filter: none; }

.sidebar .main-nav li ul:has(li .health-listing-wrapper) { padding: 0px; margin: 0px; }
.sidebar-nav .health-listing-wrapper { padding: 0px 8px 15px; border: 1px solid var(--darkgray); margin-top: 10px; }
.sidebar-nav .health-listing-wrapper .searchbar { margin-bottom: 12px; }
.sidebar-nav .health-listing-wrapper .accordion-header .client-name-wrapper { gap: 10px; width: calc(100% - 34px); }
.sidebar-nav .health-listing-wrapper .accordion-header .client-name { gap: 10px; }
.sidebar-nav .health-listing-wrapper .accordion-header .client-name img { width: 24px; height: 24px; border-radius: 1px; }
.sidebar-nav .health-listing-wrapper .accordion-header .client-name p,
.sidebar-nav .health-listing-wrapper .accordion-header .client-name a { font-size: 16px; line-height: 24px;  font-family: var(--satoshi-med);  color: var(--white); margin: 0px; padding: 0px; border: none;  }
.sidebar-nav .health-listing-wrapper .accordion-header .client-name a:hover { color: var(--green); }
.sidebar-nav .health-listing-wrapper .accordion-header .client-name .client-tasks.active { color: var(--green); }


.sidebar-nav .health-listing-wrapper .accordion-button { width: 18px; height: 18px; }
.sidebar-nav .health-listing-wrapper .accordion-button::after { background: url('../images/sidebar-dropdown-arrow.svg') no-repeat center center / 18px; width: 18px; height: 18px; transform: rotate(0); -webkit-transform: rotate(0); }
.sidebar-nav .health-listing-wrapper .accordion-button[aria-expanded="true"]::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }


.sidebar-nav .health-listing-wrapper .accordion-body { padding: 15px 6px 0px 33px; }
.sidebar-nav .health-listing-wrapper .accordion-body  .project-btn { border: none; color: var(--white); width: 100%; padding: 4px 0px; gap: 8px; font-family: var(--satoshi-med); }
.sidebar-nav .health-listing-wrapper .accordion-body  .project-btn img { flex-shrink: 0; -webkit-flex-shrink: 0; width: 20px; height: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.sidebar-nav .health-listing-wrapper .accordion-body  .project-btn.open-dropdown img { transform: rotate(45deg); -webkit-transform: rotate(45deg); }


.sidebar-nav .health-listing-wrapper .accordion-body .project-listing { margin-top: 10px; display: block; padding: 0px; }
.sidebar-nav .health-listing-wrapper .accordion-body .project-listing li { color: var(--gray); margin-bottom: 10px; display: flex; display: -webkit-flex; justify-content: space-between; justify-content: space-between; gap: 6px; }
.sidebar-nav .health-listing-wrapper .accordion-body .project-listing li .project-name { transition: all 0.5s; -webkit-transition: all 0.5s; padding: 0px; border: none; }
.sidebar-nav .health-listing-wrapper .accordion-body .project-listing li .project-name:hover { color: var(--green); background: none; }
.sidebar-nav .health-listing-wrapper .accordion-body .project-listing li .project-name.active { color: var(--green); }
.sidebar-nav .health-listing-wrapper .accordion-body .project-listing li:last-child { margin-bottom: 0px; }




/* ============== sidebar ============== */
.sidebar{transition: 0.4s; -webkit-transition: 0.4s; padding: 40px 25px; gap: 40px; width:300px; height: 100%; background: var(--black); display: flex; flex-direction: column; justify-content: space-between; position: fixed; top: 0px; left: 0; z-index: 11; overflow-y: auto; }
.sidebar .main-nav{display: flex;flex-direction: column;gap: 40px;}
.sidebar .logo{width: 190px;height: 100%;}
.sidebar .logo img{filter: brightness(100);}
.sidebar p{color: var(--gray);margin-bottom: 15px;font-family: var(--satoshi-med);}
.sidebar .main-nav li{margin-bottom: 6px;}
.sidebar .main-nav li:last-child{margin-bottom: 0px !important;}
.sidebar .main-nav li a{padding: 8px 15px;font-size: 14px;line-height: 22px;font-family: var(--satoshi-med); cursor: pointer; width: 100%;display: flex;gap: 10px;background-color: var(--f0);color: var(--secondary1);align-items: center;border-radius: 3px;}
.sidebar .main-nav li a img{width: 18px;height: 18px;}
.sidebar .main-nav li a:hover,.sidebar .main-nav li.active > a{background-color: var(--darkgray);color: var(--secondary);}
.sidebar .main-nav li a:hover img{filter: brightness(100);}
.sidebar .main-nav li span{margin: 0 0 0 auto;}
.sidebar .main-nav li a:hover span img,.sidebar .main-nav li.active a > img{filter: brightness(100);}

/* sub menu */
.sidebar .main-nav li.submenu-on span{transform: rotate(180deg);transform-origin: center center;}
.sidebar .main-nav li ul{padding-left: 30px;margin-bottom: 28px; display: none;transition: none !important;}
.sidebar .main-nav li ul li a {font-size: 16px;line-height: 24px; color: var(--gray); font-family: var(--satoshi-med);}
.sidebar .main-nav li ul li a:hover,.sidebar .main-nav li ul li a.active{background-color: var(--f0);color: var(--white);}

/* side nav button */
.sidebar .sidenav-btn li{margin-bottom: 16px;}
.sidebar .sidenav-btn li:last-child{margin-bottom: 0 !important;}
.sidebar .sidenav-btn li:last-child img{filter: brightness(100);}
.sidebar .sidenav-btn li:last-child a:hover img{filter: brightness(0);}

/* ================ header ================ */
header .header-wraper .custom-navbar-nav{display: flex;justify-content: end;align-items: center;gap: 13px;}
/* toggle button */
header .header-wraper .navbar-toggler{ margin-right: auto; padding-left: 0; display: none; background: transparent; right: auto;position: absolute;top: 50%;transform: translateY(-50%);}

/* notification-icon */
.notification-icon{position: relative; }
.notfication-alert{cursor: pointer;}

.notification{display: none;border: 1px solid var(--gray1); position: absolute; right: 0; top: 115%; min-width: 320px; max-width: 320px;  max-height: 500px; overflow-y: auto; background: var(--white); filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2));transition: none !important; }
.notification > div{padding: 16px;border-bottom: 1px solid var(--gray1);}
.notification .notification-title p { font-family: var(--satoshi-med); }
.notification > div:last-child{border-bottom: 0;}
.notification p span{font-weight: 600;color: var(--darkgray); font-family: var(--satoshi-bold); }
.notification p{color: var(--primary);margin-bottom: 10px;}
.notification p:last-child{margin-bottom: 0 !important;}
.notification .notification-title p{font-weight: 500;color: var(--black);}
.notification .date{color: var(--gray);}
.task-overview {margin-bottom: 10px;font-weight: 600; gap: 4px;padding: 6px 8px;border-radius: 20px;/*background-color: var(--red-opacity);color: var(--red);*/ font-family: var(--satoshi-bold);}
.task-overview img{width: 18px;height: 18px;}
.task-overview.in_progress { background: rgba(251, 140, 0, 0.1); color: var(--orange); }
.task-overview.overdue { background-color: rgba(200, 46, 66, 0.1); color: #c82f42; }
.task-overview.completed { background-color: rgba(11, 127, 88, 0.1); color: #257f58; }
.task-overview.not_started { background-color: rgba(255, 167, 11, 0.1); color: #A16700;}


.notification .comman-btn{width: auto;}
.notification .btn-link{color: var(--darkgray); text-transform: uppercase; }
.notification-icon-wrapper { position: relative; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: var(--white); border: 1px solid var(--secondary1); border-radius: 50%; }
.notification-icon-wrapper img { width: 18px; height: auto; }
.notification-icon-wrapper span { border-radius: 50%; position: absolute; top: 0; right: 0px; width: 10px; height: 10px; background: #DC3545; border: 2px solid var(--white); }
.notification #view-more-notifications {  display: block; width: fit-content; color: var(--black); text-decoration: underline; }
.notification #view-more-notifications:hover { text-decoration: none; }

/* profile */
.custom-navbar-nav .profile-btn{position: relative; display: flex; align-items: center; border: 0; background: transparent;gap: 12px;}
.profile-icon img{width: 46px;height: 46px;border-radius: 50%;border: 1px solid var(--secondary1); object-fit: cover;}
.profile-nav-content{text-align: end;}
.profile-nav-content p{font-family: var(--satoshi-med);}
.profile-nav-content p:last-child{color: var(--primary);font-size: 12px;line-height: 20px;font-family: var(--satoshi-reg);}

/* logout */
.custom-navbar-nav .dropdown-menu{background-color: var(--f0); padding: 0; transform: translate(0, 72px) !important; border: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02); inset: 0 0 0 auto !important; position: absolute !important; }
.custom-navbar-nav .dropdown-toggle::after{ border: 0; content: url(../images/select-arrow.svg); vertical-align: unset; width: 16px; height: 16px; transition: 0.4s; }
.custom-navbar-nav .dropdown-toggle.show::after{ transform: rotate(180deg); }
.dropdown-menu.show{display: block;}
.custom-navbar-nav .dropdown-menu li img{width: 18px;height: 18px;}
.custom-navbar-nav .dropdown-menu li a {font-family: var(--satoshi-med); position: absolute;right: 0; display: flex; align-items: center; gap: 12px; color: var(--primary); transition: 0.4s;padding: 16px 8px 12px; background: var(--white); border-radius: 4px; }
.custom-navbar-nav .dropdown-menu li a::after{ position: absolute; top: -6px; right: 10px; transform: rotate(180deg); display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0.4em solid var(--white); border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; }
.custom-navbar-nav .dropdown-menu li a:hover{background-color: var(--green);}
.custom-navbar-nav .dropdown-menu li a:hover::after{border-top-color: var(--green);}


header .custom-navbar-nav .dropdown-menu li a { position: static; }

/* ================ dashboard-panel ================ */
/* .dashboard-body{height: 100%;} */
.main-right{width: calc(100% - 300px);margin-left: auto;overflow-y: auto;overflow-x: hidden;}
.dashboard-panel{padding: 20px 45px; margin-top: 80px; background-color: var(--secondary);height: 100%;display: flex;flex-direction: column;gap: 22px;}
.dashboard-panel .dashboard-title-wrap > .status { width: fit-content; }

/* cards */
.information-cards-wrap .row{--bs-gutter-x:14px;}
.information-cards-wrap .information-card-inner{ height: 100%; background-color: var(--white);padding: 23px 40px;border: 1px solid var(--gray1);filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2));}
.information-cards-wrap .card-image{margin-bottom: 18px; border-radius: 8px;height: 58px;width: 58px;display: flex;justify-content: center;align-items: center;}
.information-cards-wrap .cards-nth-child:first-child .card-image{background-color: rgba(33, 150, 83, 0.3);}
.information-cards-wrap .cards-nth-child:nth-child(2) .card-image{background-color: rgba(255, 167, 11, 0.3);}
.information-cards-wrap .cards-nth-child:nth-child(3) .card-image{background-color: rgba(200, 46, 66, 0.3);}
.information-cards-wrap .cards-nth-child:nth-child(4) .card-image{background-color: rgba(43, 123, 185, 0.3);}
.information-cards-wrap .cards-nth-child:nth-child(5) .card-image{background-color: rgba(200, 130, 255, 0.5);}

.information-cards-wrap img{width: 24px;height: 24px;}
.information-cards-wrap p{color: var(--primary);}

.dashboard-info-cards.information-cards-wrap { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 14px; }
.dashboard-info-cards.information-cards-wrap .cards-nth-child { width: calc((100% / 5) - 11.2px); }


/* dashboard table */
.dashboard-table { box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07); }
.dashboard-table table{background: var(--white);border: 1px solid var(--gray1);margin-bottom: 0;}
.dashboard-table th,.dashboard-table td{ padding: 25px 10px; font-size: 14px; line-height: 22px;vertical-align: top; color: var(--primary); }
.dashboard-table th:first-child,.dashboard-table td:first-child{padding-left: 30px;}
.dashboard-table th:last-child,.dashboard-table td:last-child{padding-right: 30px;}
.dashboard-table th a{margin-left: 8px;}
.dashboard-table th .order-arrow-button { margin-left: 8px; vertical-align: middle; }
.dashboard-table th .order-arrow-button button { line-height: 0; width: 0px; height: 0px;  }
.dashboard-table th .order-arrow-button button.up-arrow-button { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: none; border-bottom: 5px solid var(--primary); }
.dashboard-table th .order-arrow-button button.up-arrow-button.active { border-bottom: 5px solid var(--green); }
.dashboard-table th .order-arrow-button button.down-arrow-button { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: none; border-top: 5px solid var(--primary); }
.dashboard-table th .order-arrow-button button.down-arrow-button.active { border-top: 5px solid var(--green); }

.dashboard-table th .order-arrow-button >  div { gap: 4px; }
.dashboard-table th a img{width: 10px;height: auto;}
.search-box{margin-top: 10px;}
.search-bar,.dashboard-table .single-select-dropdown-main .select2-container--default .select2-selection--single{position: relative;}
.search-bar input,.dashboard-table .single-select-dropdown-main .select2-container--default .select2-selection--single{padding: 4px 12px !important; border: 1px solid var(--gray1); border-radius: 4px;}
.search-bar input{padding:4px 12px 4px 40px !important;}
.search-bar img{position: absolute;top: 50%;transform: translateY(-50%);left: 12px;}
.search-bar img,.priority img,.attech-file-name img{width: 18px;height: 18px;vertical-align: sub;}


/* dashboard datatable table */
table.dataTable > thead > tr > th { border-bottom: none; }
table.dataTable thead tr:last-child th { border-bottom: 1px solid var(--gray1); }
table.dataTable > thead > tr > th { padding: 25px 10px; }
table.dataTable thead tr:has( ~ tr.search-filters) th { padding-bottom: 10px; }
table.dataTable thead tr.search-filters th { padding-top: 0px;  } 
table.dataTable thead tr.search-filters .column-search,
table.dataTable thead tr.search-filters .column-date { position: relative;  padding: 8px 12px 8px 34px; font-size: 14px; line-height: 1; }
table.dataTable thead tr.search-filters .column-search::placeholder,
table.dataTable thead tr.search-filters .column-date::placeholder { font-size: 14px; line-height: 1;  }
table.dataTable thead tr.search-filters .column-search { background-image: url('../images/search-icon.svg'); background-repeat: no-repeat; background-position: 12px center; background-size: 18px; }
table.dataTable thead tr.search-filters .column-date { background-image: url('../images/calendar-icon.svg'); background-repeat: no-repeat; background-position: 12px center; background-size: 18px; padding-right: 22px; }
table.dataTable thead tr .column-date ~ .clear-date-btn,
table.dataTable thead tr .clear-filter-btn  { position: relative; z-index: 1; width: 16px; height: 16px; border-radius: 50%; background: var(--black); color: var(--white); border: none; line-height: 16px; margin: 0px 0px 0px -22px;  }
table.dataTable thead .select2-container .select2-selection--single,
table.dataTable thead .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
table.dataTable thead .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; font-size: 14px; }

table.dataTable thead .select2-container .select2-selection--multiple { min-height: 36px; padding-left: 5px; }

table.dataTable thead .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field { height: 27px; }
table.dataTable thead .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder { font-size: 14px; line-height: 27px; }
table.dataTable thead .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 1px 5px; }


.table.dataTable tr.disabled td:not(:last-child) { opacity: 0.5; }
.table.dataTable tr.disabled td > .form-check { pointer-events: none; }


table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date { text-align: left; }

/* table.dataTable thead .sorting { background-image: url('../images/table-order-icon.svg'); background-repeat: no-repeat; background-position: calc(100% - 10px) 30px; }
table.dataTable thead .sorting:last-child { background-image: none !important; }
table.dataTable thead .sorting.sorting_asc { background-image: url('../images/table-dropup-arrow.svg') !important; background-repeat: no-repeat; background-position: calc(100% - 10px) 30px; }
table.dataTable thead .sorting.sorting_desc { background-image: url('../images/table-dropdown-arrow.svg') !important; background-repeat: no-repeat; background-position: calc(100% - 10px) 39px; }
table.dataTable thead .sorting_disabled { background-image: none !important; } */

table.dataTable thead > tr > th  span.dt-column-order { position: relative !important; right: -8px !important; }
table.dataTable thead > tr > th  span.dt-column-order:before,
table.dataTable thead > tr > th span.dt-column-order:after { font-size: 9px !important; line-height: 9px !important; opacity: 1 !important; color: var(--primary); }
table.dataTable thead tr th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order::before,
table.dataTable thead tr th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order::after { color: var(--green); }
.table.dataTable thead tr th.dt-orderable-none .dt-column-order::before { display: none; }

table.dataTable thead > tr > th.dt-orderable-asc:hover, 
table.dataTable thead > tr > th.dt-orderable-desc:hover, 
table.dataTable thead > tr > td.dt-orderable-asc:hover, 
table.dataTable thead > tr > td.dt-orderable-desc:hover { outline: none; outline-offset: none; }


.checkbox-functionality-table table.dataTable thead th:first-child { min-width: 16px; width: 16px !important; }
.checkbox-functionality-table table.dataTable .form-check { margin: 0px; padding: 0px; }
.checkbox-functionality-table table.dataTable .form-check .form-check-input { margin: 0px; }

table.dataTable thead th:not(:last-child) { min-width: 168px;}
.custom-width-table table.dataTable thead th.custom-width-cell { min-width: auto; }

table.dataTable > tbody > tr > td { padding: 20px 10px; }

table.dataTable > tfoot > tr > th, table.dataTable > tfoot > tr > td { padding: 20px 30px; border: none; border-top: 1px solid var(--gray1); }
#datatable-pagination-wrapper,#received-docs-pagination-wrapper,
[id^="datatable-pagination-wrapper-"] { gap: 40px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
table.dataTable .dt-info{ padding: 0px; font-size: 12px; line-height: 20px; font-family: var(--satoshi-med); color: var(--primary); }
table.dataTable .dt-paging { flex-grow: 1; display: flex; display: -webkit-flex;  padding: 0px; justify-content: center; -webkit-justify-content: center; }

table.dataTable .dt-paging .dt-paging-button  { transition: all 0.5s; -webkit-transition: all 0.5s; width: 33px; height: 33px; color: var(--primary); font-size: 14px; line-height: 1;  padding: 0px; margin: 0px; border: none; border-radius: 3px; background: transparent; }
table.dataTable .dt-paging .dt-paging-button.current,
table.dataTable .dt-paging .dt-paging-button.current:hover,
table.dataTable .dt-paging .dt-paging-button:hover { background: var(--black); color: var(--white) !important; }
table.dataTable .dt-paging .dt-paging-button.disabled { font-size: 18px; }
table.dataTable .dt-paging .dt-paging-button.first,
table.dataTable .dt-paging .dt-paging-button.previous,
table.dataTable .dt-paging .dt-paging-button.next,
table.dataTable .dt-paging .dt-paging-button.last { font-size: 18px; }

table.dataTable .profile-img-rounded { width: 44px; height: 44px; border-radius: 50%; }
table.dataTable td .check-icon { width: 16px; height: 16px; }
table.dataTable td .cross-icon { width: 16px; height: 16px; }

/* table.dataTable tbody tr:last-child:not(:first-child) td .table-dropdown-menu,
table.dataTable tbody tr:nth-last-child(2):not(:nth-child(2)) td .table-dropdown-menu { top: auto !important; bottom: calc(100% + 16px) !important; }
table.dataTable tbody tr:last-child:not(:first-child) td .table-dropdown-menu::after,
table.dataTable tbody tr:nth-last-child(2):not(:nth-child(2)) td .table-dropdown-menu::after { top: auto; bottom: -6px; transform: rotate(0deg); -webkit-transform: rotate(0deg); } */
.large-options-table table.dataTable tbody tr:first-child td .table-dropdown-menu { top: calc(100% + 16px) !important; }
.large-options-table table.dataTable tbody tr:first-child td .table-dropdown-menu::after { top: -6px; bottom: auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
/* table.dataTable { min-height: 400px; } */
table.dataTable td.dt-empty { vertical-align: middle; }
.table-doc-name { color: var(--primary); text-decoration: none; }
.table-doc-name:hover { text-decoration: underline; }

/* .table-responsive:has(.select2-container--open) { overflow: hidden; } */

/* .dataTables_paginate,
.dataTables_paginate > span { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.dataTables_wrapper .dataTables_paginate .paginate_button { transition: all 0.5s; -webkit-transition: all 0.5s; border: none !important; min-width: unset; padding: 0px; margin: 0px; font-size: 14px; line-height: 33px; width: 33px; height: 33px; color: var(--primary) !important; font-family: var(--satoshi-med);  }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--black); border-radius: 3px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--black); color: var(--white) !important; border-radius: 3px; border: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next { font-size: 0px; position: relative; width: 33px; height: 33px; padding: 0px;  }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/pagination-arrow.svg') no-repeat center center / 16px; width: 16px; height: 16px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); background: url('../images/pagination-arrow.svg') no-repeat center center / 16px; width: 16px; height: 16px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { background-color: var(--black); }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover::before,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover::before { filter: brightness(0) invert(1); }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled { pointer-events: none; opacity: 0.5; } */


/* select */
.dashboard-table .single-select-dropdown-main .select2-selection--single .select2-selection__rendered{margin-right: 28px;font-size: 14px;line-height: 22px;}
.dashboard-table .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow{background: url(../images/table-dropdown-arrow.svg)no-repeat center center / auto;}
.dashboard-table input{font-size: 14px;line-height: 22px;}

/* .dashboard-table.multiple-select2-table table th:nth-child(odd):not(:first-child) { min-width: 138px; }
.dashboard-table.multiple-select2-table table th:nth-child(even) { min-width: 235px; }
.dashboard-table.multiple-select2-table.labour-request table th:nth-child(odd):not(:first-child) { min-width: unset; }
.dashboard-table.multiple-select2-table.labour-request table th:nth-child(even) { min-width: unset; }
.dashboard-table.multiple-select2-table.labour-request table th { vertical-align: top; }

.dashboard-table.multiple-select2-table table th:last-child { text-align: center; }
.dashboard-table.multiple-select2-table input:not(.form-check-input) { padding-block: 13px !important; }
.dashboard-table.multiple-select2-table .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0px; }
.dashboard-table.multiple-select2-table .single-select-dropdown-main .select2-container--default .select2-selection--single, 
.dashboard-table.multiple-select2-table .single-select-dropdown-main .select2-container--default .select2-selection--multiple { padding-block: 8px; min-height: unset; height: 50px; } */

/* date */
/* .dashboard-table .date-calander{padding-left: 28px;} */

/* table body */
tr{border-color: var(--gray1);}
tbody tr:hover td{background-color: #fafafa;}
tbody tr.disabled:hover td { background-color: #fafafa; }
/* tbody tr:last-child:hover td{background-color: var(--f0);} */
.dashboard-table td{vertical-align: middle;position: relative;}
.assignee-profile{gap: 15px;position: relative;}
.assignee-profile .headshots{min-width: 44px;}
.assignee-profile img{position: relative;z-index: 1; width: 44px;height: 44px;margin-right: -24px;border: 1px solid var(--white); border-radius: 50%;object-fit: cover;object-position: center center;}
.assignee-profile img:last-child{margin-right: 0 !important;z-index:0;}
.assignee-profile img:first-child{z-index: 5;}
.assignee-profile .headshots:has(.more-headshots) img:nth-last-child(2) { z-index: 0; }
.assignee-profile .more-headshots { margin-left: 30px; display: inline-block; }
.priority{gap: 8px;}
.attech-file-name, .attech-file-name a {color: var(--primary);}
.attech-file-name:hover{text-decoration: underline;}
.status{border-radius: 30px;padding: 4px 27px;text-align: center;display: inline-block;border:1px solid var(--f0);width: 100%;}
.status.pending{background-color: rgba(255,167,11,0.1);color: #A16700;border-color: rgba(255,167,11,0.1);}
.status.completed{background-color: rgba(11,127,88,0.1);color: #257f58;border-color:rgba(11,127,88,0.1) ;}
.status.overdue{background-color: rgba(200,46,66,0.1);color: #c82f42;border-color: rgba(200,46,66,0.1);}
.status.archived{background-color: var(--secondary);color: #2b2b2b;border-color: var(--gray1);}
.status.nill{background-color: var(--f0);color: var(--darkgray);border-color:rgba(11,127,88,0.1);}
.status.in_progress { background: rgba(251, 140, 0, 0.1); border-color: rgba(251, 140, 0, 0.1); color: var(--orange);  }
.priority-badge  { position: relative; padding-left: 26px; }
.priority-badge::before { content: ''; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 16px; height: 16px; }
.priority-badge.high::before  { background: url('../images/high-priority-flag.svg') no-repeat center center / 16px; }
.priority-badge.medium::before  { background: url('../images/medium-priority-flag.svg') no-repeat center center / 16px; }
.priority-badge.low::before  { background: url('../images/low-priority-flag.svg') no-repeat center center / 16px; }
.priority-badge.no.priority::before  { background: url('../images/no-priority.svg') no-repeat center center / 16px; }

.sentToPayroll-badge { position: relative; padding-left: 20px; }
.sentToPayroll-badge::before { content: ''; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 16px; height: 16px; }
.sentToPayroll-badge.yes::before  { background: url('../images/circle-check.svg') no-repeat center center / 16px; }
.sentToPayroll-badge.no::before  { background: url('../images/close-circle.svg') no-repeat center center / 16px; }



.action{display: flex;flex-direction: column;gap: 2px;}
.action div{width: 4px;height: 4px;border-radius: 50%;background-color: #64748B;margin: 0 auto;}
/* action menu */
.table-dropdown-menu{ border-radius: 4px; background-color: var(--white); padding: 0; transform: translate(0, 72px) !important; border: 0; filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2)); inset: 0 34px 0 auto !important; position: absolute !important; height: fit-content; transition: none !important; }
.table-dropdown-menu li{margin-bottom: 7px;}
.table-dropdown-menu li:last-child{margin-bottom: 0px !important;}
.table-dropdown-menu li a{ font-family: var(--satoshi-med); display: flex; align-items: center; gap: 12px; color: var(--primary); transition: 0.4s; padding: 8px 12px; background: var(--white); }
.table-dropdown-menu li .btn { border-radius: 0px; width: 100%; color: var(--primary); display: block; background: var(--white); padding: 8px 12px; text-align: left; font-family: var(--satoshi-med); }
.table-dropdown-menu li .btn:hover{background-color: var(--secondary);}  
.table-dropdown-menu li .reset-filter-btn { width: 100%; padding: 8px 12px; background: transparent; border-radius: 0px; color: var(--primary); border: none; }
.table-dropdown-menu li .reset-filter-btn:hover { background-color: var(--secondary); }

.table-dropdown-menu li:last-child:not(.no-red-txt) a{color: #c82f42;}
.table-dropdown-menu li a:hover{background-color: var(--secondary);}
.table-dropdown-menu li img{ width: 18px; height: 18px; }
.table-dropdown-menu::after{ position: absolute; top: -6px; right: 10px; transform: rotate(180deg); display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0.4em solid var(--white); border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; }

.dropdown-menu-wrapper { width: fit-content; margin: 0px auto; }
.dropdown-menu-wrapper .table-dropdown-menu { top: calc(100% + 16px) !important; right: -14px !important; transform: translate(0px, 0px) !important; }
.dropdown-menu-wrapper .action { padding: 2px 4px; }


.change-status-dropdown { display: none; position: absolute; top: 100%;transform: translate(0, 2px); -webkit-transform: translate(0px, 2px); z-index: 1; right: 0px; background: var(--white); min-width: 200px; width: fit-content; filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2)); border-radius: 4px; }
.change-status-dropdown.show { display: block; }
.change-status-dropdown .title { padding: 10px 14px; display: block; border-bottom: 1px solid var(--gray1); }
.change-status-dropdown .status-btn-list { padding: 12px 34px 12px 12px; list-style: none; }
.change-status-dropdown .status-btn-list li { margin-bottom: 16px; }
.change-status-dropdown .status-btn-list li:last-child { margin-bottom: 0px; }
.change-status-dropdown button.status { position: relative; }
.change-status-dropdown button.status.active::before { content: ''; position: absolute; top: 50%; left: 105%; transform: translateY(-50%); background: url('../images/black-check-icon.svg') no-repeat center center / 16px; width: 16px; height: 16px; }




/* pagination */
.page-link{ border: none; color: var(--primary); border-radius: 3px; padding: 6px 12px; }
.active>.page-link, .page-link.active,
.active>.page-link:focus, .page-link.active:focus,
.active>.page-link:hover, .page-link.active:hover{background-color: var(--black);color: var(--white);}
.page-link img{width: 18px;height: 18px;}
.page-link.page-previous{transform: rotate(90deg);}
.page-link.page-next{transform: rotate(-90deg);}
.page-link:hover{background-color: var(--gray1);color: var(--black);}
.page-link:focus{color: var(--primary);background-color: var(--f0);box-shadow: none;}
.page-item:first-child .page-link,.page-item:last-child .page-link{border-radius: 3px;}

.pagination button { width: 33px; transition: all 0.5s; -webkit-transition: all 0.5s; border: none; color: var(--primary); border-radius: 3px; padding: 6px 2px; background: transparent;  }
.pagination > span { padding: 6px 12px; }
.pagination button.active:not(:disabled),
.pagination button:hover:not(:disabled) { background: var(--black); color: var(--white); }
.pagination button:disabled { background: transparent; cursor:not-allowed; }

/* text message style */
.text-msg-wrap{padding: 12px 30px;gap: 24px;background-color: var(--gray1);}
.text-msg-wrap a{width: auto;}

/* ============= pop up ============= */
.modal{padding-right: 0 !important;}
/* .modal button{background: none;} */
.modal .p-big{margin-bottom: 16px;}
.modal .heading-style-2{text-align: center;position: relative;padding-bottom: 19px;margin-bottom: 52px;}
.modal .heading-style-2::after{content: "";position: absolute; bottom: 0;left: 50%;transform: translateX(-50%); width: 90px;height: 3px;background-color: var(--green);border-radius: 2px;}
.modal p,.modal .heading-style-4,.modal .increment{margin-bottom: 24px !important;}
.modal .field-txt-value { margin-bottom: 0px !important;  }
.modal-header { padding: 16px 20px; }
.modal-header .modal-title { margin-bottom: 0px !important; }
.modal-content{border-color: var(--gray1);border-radius: 2px;}
.modal-body{padding: 0;padding: 30px;}
.modal-btn{gap: 20px;}
.modal-content .p-big ~ .modal-body { padding-top: 18px; }
.modal-header .dropdown-wrapper .table-dropdown-menu {  transform: translate(12px, 25px) !important; top: 0px !important; right: 0px !important; }
.modal-header .dropdown-wrapper .table-dropdown-menu li { margin: 0px; padding: 0px; }
.modal#remove-project .modal-dialog,
.modal#remove-certificate .modal-dialog,
.modal#remove-request .modal-dialog { max-width: 650px;  }
.modal#remove-project .modal-body,
.modal#remove-certificate .modal-body,
.modal#remove-request .modal-body { padding-block: 60px; }
.modal .success-msg-content .p-big,
.modal .error-msg-content .p-big { padding: 0px !important; border: none !important; }
.modal .success-msg-content .p-big:first-child ,
.modal .error-msg-content .p-big:first-child { margin-bottom: 6px !important; }

/* modal select dropdown */
.modal-backdrop{pointer-events: none;}
.modal-backdrop ~ .select2-container{z-index: 1060;}

/* multi select option */
.select2-container--default .select2-selection--multiple .select2-selection__choice{ padding: 5px 10px;  background-color: #d5d5d5;border-color: #aaaaaa;}
.select2-container--default .select2-selection--multiple .select2-selection__choice span{color: var(--primary);font-size: 14px;line-height: 20px;margin-right: 10px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border-right: none;color: var(--black);right: 0; left: auto; top: 50%; transform: translateY(-50%);}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{margin: 0;}
.single-select-dropdown-main .select2-container--default .select2-selection--multiple::after{background: url(../images/select-arrow.svg) no-repeat right center / cover;content: ""; position: absolute; right: 2%; top: 50%; transform: translateY(-50%); height: 18px; width: 18px;transition: 0.3s ease-in-out;}
.single-select-dropdown-main .select2-container--default .select2-selection--multiple[aria-expanded="true"]:after{transform: translateY(-50%) rotate(180deg);transform-origin: center;}
/* .select2-container--default .select2-selection--multiple .select2-selection__choice{margin: 0;} */
.select2-container--default .select2-selection--multiple .select2-selection__clear{height: auto;right: 6%; top: 50%; transform: translateY(-50%); margin: 0;}

/* modal form button */
.modal a,.modal button{margin-bottom: 8px;}
.modal a.comman-btn:last-child,.modal button:last-child{margin-bottom: 0 !important;margin-top: 0px !important;}
.modal form{padding: 0;}
.modal .form-check{margin-bottom: 24px;}
.modal-btn button ,.modal-btn a{margin: 0;}

/* modal upload file */
#upload-document.modal .wpcf7-form-control-wrap{flex-direction: column;gap: 12px;padding-block: 47px;border-style: solid;border-radius: 4px;}
#upload-document.modal .wpcf7-form-control-wrap div.file-first{width: 34px; height: 34px; background-color: var(--white); border: 1px solid var(--gray1); border-radius: 50%; display: flex ; justify-content: center; align-items: center;}
#upload-document.modal .wpcf7-form-control-wrap div.file-first img{width: 18px;height: 18px;}

.modal .modal-title-detail-wrap {background-color: var(--white);}
.modal .modal-title-detail-wrap .p-big{padding: 16px 20px;margin-bottom: 0 !important;border-bottom: 1px solid var(--gray1);}

/* modal custom drop down */
.modal ul li{padding: 4px;}
.modal ul li ul li:hover{background-color: var(--secondary);}
.modal ul li div{margin-bottom: 12px;gap: 12px;justify-content: space-between;font-size: 14px;line-height: 22px;color: var(--black);font-family: var(--satoshi-med);}
.modal ul li span{gap: 12px;}
.modal ul li span .form-check,.modal ul li ul li .form-check{margin-bottom: 7px;}
.modal ul li img{width: 18px;height: 18px;}
.modal ul li ul{display: none;padding:0 25px 0 28px;transition:none !important;}
.modal ul li ul li{ display: flex;align-items: center;gap: 12px;justify-content: space-between;font-size: 14px;line-height: 22px;color: var(--black);font-family: var(--satoshi-med);}
/* .modal ul li.checkbox-submenu-on ul{display: block;} */
#part-admin .checkbox-submenu-on span a { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
#part-admin span a { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 

.modal .rights-error-msg,.modal .rights-msg{gap: 12px;}
.modal .rights-error-msg img,.modal .rights-msg img{width: 18px;height: 18px;}
.modal .rights-error-msg p{color: #cf4859;margin-bottom: 0;font-family: var(--satoshi-med);}
.modal .rights-msg img{filter: brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(1841%) hue-rotate(139deg) brightness(96%) contrast(84%);}
#delete-client .rights-msg img { filter: none; -webkit-filter: none; }
.modal .rights-msg p{color: var(--primary);margin-bottom: 0;font-family: var(--satoshi-med);}

#all-rights .input-group, .rights-error-msg , .rights-msg  { display: none; }


/* Rate approval modal*/
#rate-approval-modal .data-badge { padding: 6px 8px; background: rgba(225, 223, 0, 0.5); margin-bottom: 12px !important; }
#rate-approval-modal .comman-btn { width: fit-content; margin: 0px; }
#rate-approval-modal .comman-btn.btn-red-fill:hover img { filter: opacity(0.5) drop-shadow(0 0 0 #C82E42) drop-shadow(0 0 0 #C82E42) drop-shadow(0 0 0 #C82E42); }
#rate-approval-modal .form-control { padding-inline: 13px; }
#rate-approval-modal .view-only-field { margin-bottom: 24px; }
#rate-approval-modal .view-only-field > p:not(.text-muted) { font-family: var(--satoshi-med); margin-bottom: 7px !important; }
#rate-approval-modal .view-only-field .text-muted { margin-bottom: 0px !important; }
#rate-approval-modal .view-only-field img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }


/*assign worker modal*/
.assign-worker-modal .modal-dialog { max-width: 1056px; margin-inline: auto; }
.assign-worker-modal .modal-body { padding: 18px 30px; }
.assign-worker-modal .input-wrap { margin-bottom: 24px; }
.assign-worker-modal .labour-rate-txt { padding: 0px; border: none; margin-bottom: 16px !important; }
.assign-worker-modal .data-badge { padding: 6px 8px; background: rgba(225, 223, 0, 0.5); margin-bottom: 12px !important; }
.assign-worker-modal .form-label { margin-bottom: 12px; }
.assign-worker-modal .modal-body .form-group.input-wrap .single-select-dropdown-main { max-width: 538px; }
.assign-worker-modal .pop-up-btn { max-width: 500px; margin: 0px auto; } 
.assign-worker-modal .pop-up-btn button { min-width: 180px; width: auto; }
.assign-worker-modal .assign-worker-container:not(:first-child) { margin-top: 15px; }
.assign-worker-modal .assign-worker-container:not(:first-child) > .p-big { padding-bottom: 10px; border-bottom: 1px solid var(--gray1); }
.assign-worker-modal .form-control:read-only { background: var(--gray1); border-color: var(--gray1); }
.assign-worker-modal .single-select-dropdown-main .select2-container--disabled  .select2-selection--single .select2-selection__arrow { display: none; }

/*assign worker override modal*/
.assign-worker-modal.assign-worker-override-modal .modal-dialog { max-width: 598px; }
.assign-worker-modal.assign-worker-override-modal .modal-body .form-group.input-wrap .single-select-dropdown-main { max-width: unset; }
.assign-worker-modal.assign-worker-override-modal .addition-people-inner p { margin-bottom: 0px !important;}
.assign-worker-modal.assign-worker-override-modal .addition-people-content,
.assign-worker-modal.assign-worker-override-modal .additional-people-content-inner { width: 100%; }
.assign-worker-modal.assign-worker-override-modal .addition-people-inner .addition-title p { font-family: var(--satoshi-med); }
.assign-worker-modal.assign-worker-override-modal .addition-people-inner .dropdown-menu li { margin: 0px; padding: 0px; }
.assign-worker-modal.assign-worker-override-modal .btn-green-fill { width: 100%; }
.assign-worker-modal.assign-worker-override-modal .new-rate { margin-top: 16px; }
.assign-worker-modal.assign-worker-override-modal .new-rate .input-wrap { margin-bottom: 0px; }
.assign-worker-modal.assign-worker-override-modal .new-rate .input-inner { margin-bottom: 0px; gap: 16px; }
.assign-worker-modal.assign-worker-override-modal .new-rate .input-inner input { max-width: 196px; }
.assign-worker-modal.assign-worker-override-modal .new-rate .input-inner .btn { margin: 0px; gap: 4px; }
.assign-worker-modal.assign-worker-override-modal .new-rate .input-inner .btn.save-btn { color: var(--red); }


/*assign-worker-notification-modal*/
.assign-worker-modal.assign-worker-notification-modal .modal-dialog { max-width: 320px; }
.assign-worker-modal.assign-worker-notification-modal .modal-header { padding: 16px; }
.assign-worker-modal.assign-worker-notification-modal .modal-body { padding: 0px; }
.assign-worker-modal.assign-worker-notification-modal .modal-body .notification-content { padding: 16px; border-bottom: 1px solid var(--gray1); }
.assign-worker-modal.assign-worker-notification-modal .notification-content .alert { padding: 6px 8px; width: fit-content; color: var(--red); font-family: var(--satoshi-bold); background: rgba(211, 64, 83, 0.08); border-radius: 50px; margin-bottom: 10px; }
.assign-worker-modal.assign-worker-notification-modal .notification-content .alert img { width: 18px; height: auto; margin-right: 4px; }
.assign-worker-modal.assign-worker-notification-modal .notification-content .desc { margin-bottom: 10px !important; font-family: var(--satoshi-med); }
.assign-worker-modal.assign-worker-notification-modal .notification-content .desc strong { font-family: var(--satoshi-bold); }
.assign-worker-modal.assign-worker-notification-modal .notification-content .date { font-size: 12px; line-height: 20px; font-family: var(--satoshi-med); color: var(--gray); display: block; margin-bottom: 10px; }
.assign-worker-modal.assign-worker-notification-modal .btns-wrapper { gap: 10px; }
.assign-worker-modal.assign-worker-notification-modal .btns-wrapper button { margin: 0px; }
.assign-worker-modal.assign-worker-notification-modal .btn-green-fill { min-width: auto; }
.assign-worker-modal.assign-worker-notification-modal .notification-content .transparent-btn { margin: 0px; text-transform: uppercase; color: var(--darkgray); text-decoration: underline; font-size: 16px; line-height: 24px; }


/*upload certificate modal*/
#upload-document-certificate .certificate-wrap > .p-big { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; gap: 10px; }
#upload-document-certificate .certificate-wrap > .p-big a { flex-shrink: 0; -webkit-flex-shrink: 0; color: var(--darkgray); display: inline-flex; align-items: center; gap: 8px; margin: 0px; }
#upload-document-certificate .certificate-wrap > .p-big a img { width: 18px; height: 18px; }

/*Edit Task Modal*/
#edit-task-details .add-new-task > .p-big { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; gap: 10px;
  padding: 0 0 10px 0;
  margin: 40px 0 25px !important;
  border-bottom: 1px solid var(--gray1);
}
#edit-task-details .add-new-task > .p-big a { flex-shrink: 0; -webkit-flex-shrink: 0; color: var(--darkgray); display: inline-flex; align-items: center; gap: 8px; margin: 0px; }
#edit-task-details .add-new-task > .p-big a img { width: 18px; height: 18px; }

/*Assign Project modal*/
#assign-project .another-project-wrapper > .p-big { padding: 0 0 10px 0; margin: 40px 0px 20px !important; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; gap: 10px; }
#assign-project .another-project-wrapper > .p-big a { flex-shrink: 0; -webkit-flex-shrink: 0; color: var(--darkgray); display: inline-flex; align-items: center; gap: 8px; margin: 0px; }
#assign-project .another-project-wrapper > .p-big a img { width: 18px; height: 18px; }

/*Add New User modal*/
#add-new-user .form-check-label,
#edit-user-info .form-check-label { color: var(--primary); }
#add-new-user  .form-check-input,
#edit-user-info .form-check-input { border-color: var(--gray1); }

/*Preview image modal*/
.image-preview-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.image-preview-modal .modal-header p { margin: 0px !important; }
.image-preview-modal .modal-body .client-img { width: 100px; height: 100px; border-radius: 50%; margin: 0px auto 20px; display: block; }
.image-preview-modal .modal-body .btn-wrapper { gap: 16px; }
.image-preview-modal .modal-body .btn-wrapper button { width: calc((100% / 2) - 8px); }

/***** Recevied Document Modal *****/
#received-document .modal-dialog { max-width: 589px; }
#received-document .modal-title { font-family: var(--satoshi-med); font-size: 16px; line-height: 24px; }
#received-document .modal-body { padding: 18px 30px; }
#received-document .modal-body thead tr:first-child th { padding: 0px; }
#received-document .modal-body thead tr:last-child th { padding: 0px 20px 8px 0px; }
#received-document .modal-body thead tr th { border: none; }
#received-document .modal-body table { border-spacing: 0px 10px; border-collapse: separate; width: 100%; }
#received-document .modal-body table tbody tr td { border: 1px solid var(--gray1); }
#received-document .modal-body table tbody tr td:first-child { border-right: none; border-radius: 4px 0px 0px 4px; }
#received-document .modal-body table tbody tr td:last-child { border-left: none; border-radius: 0px 4px 4px 0px; }
#received-document .modal-body table tbody tr td:first-child { font-family: var(--satoshi-med); }
#received-document .modal-body table tbody .received-docs-date-text { color: var(--gray); font-family: var(--satoshi-med); display: block; text-align: right; }
#received-document .modal-body table tbody .received-docs-action-btn { margin-top: 20px; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; gap: 20px; }
#received-document .modal-body table tbody .received-docs-action-btn .received-docs-action { display: inline-block; margin: 0px; color: var(--darkgray); text-transform: uppercase; }
#received-document .modal-body table tbody .received-docs-action-btn .received-docs-action:hover { text-decoration: underline; }
#received-document .modal-body table tbody .received-docs-action-btn .received-docs-action img { width: 18px; height: 18px; margin: -2px 6px 0px 0px; display: inline-block; vertical-align: middle; }



#received-document table.dataTable thead tr.received-docs-search-filters .received-docs-column-search,
#received-document table.dataTable thead tr.received-docs-search-filters .received-docs-column-date { position: relative;  padding: 8px 12px 8px 34px; font-size: 14px; line-height: 1; }
#received-document table.dataTable thead tr.received-docs-search-filters .received-docs-column-search::placeholder,
#received-document table.dataTable thead tr.received-docs-search-filters .received-docs-column-date::placeholder { font-size: 14px; line-height: 1;  }
#received-document table.dataTable thead tr.received-docs-search-filters .received-docs-column-search { background-image: url('../images/search-icon.svg'); background-repeat: no-repeat; background-position: 12px center; background-size: 18px; }
#received-document table.dataTable thead tr.received-docs-search-filters .received-docs-column-date { background-image: url('../images/calendar-icon.svg'); background-repeat: no-repeat; background-position: 12px center; background-size: 18px; padding-right: 22px; }

#received-document table.dataTable thead tr .received-docs-clear-date-btn  { position: relative; z-index: 1; width: 16px; height: 16px; border-radius: 50%; background: var(--black); color: var(--white); border: none; line-height: 16px; margin: 0px 0px 0px -22px;  }

#received-document table.dataTable > tfoot td { padding: 18px 0px 0px 0px; border: none; }
#received-document table.dataTable .dt-paging { justify-content: flex-end; -webkit-justify-content: flex-end; }

/******edit-auditor-details modal******/
.edit-auditor-details .profile-pic-container { position: relative; overflow: hidden; width: 144px; height: 144px; margin: 0px auto 20px; border-radius: 50%; }
.edit-auditor-details .profile-pic-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/*modal dynamic field added */
.modal .modal-body .dynamic-fields-wrapper { gap: 20px; }
.modal .modal-body .dynamic-fields-wrapper > .p-big { padding: 0 0 10px 0; margin: 40px 0px 20px !important; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; gap: 10px; }
.modal .modal-body .dynamic-fields-wrapper > .p-big a { flex-shrink: 0; -webkit-flex-shrink: 0; color: var(--darkgray); display: inline-flex; align-items: center; gap: 8px; margin: 0px; }
.modal .modal-body .dynamic-fields-wrapper > .p-big a img { width: 18px; height: 18px; }

/* send text msg */
#send-text-msg form .input-inner a {color: var(--primary);transform: none;text-decoration: underline;position: static;}

/* ================================================ health and safety page ================================================ */
/* sidebar */
.health-safety-sidebar{background-color: var(--white);height: 100%;border: 1px solid var(--gray1);border-right:none;}
.health-safety-sidebar ul li{border-left: 4px solid var(--f0);background-color: var(--white);}
.health-safety-sidebar ul li:hover,.health-safety-sidebar ul li.active{border-color: var(--green);background-color: var(--black);}
.health-safety-sidebar ul li a{color: var(--primary);padding: 10px 10px 10px 22px;display: inline-block;width: 100%;}
.health-safety-sidebar ul li:hover a,.health-safety-sidebar ul li.active a{color: var(--secondary);}

/* table */
.health-safety-body{position: relative;overflow-x: hidden;}
.health-safety-table button:not(.select2-selection__choice__remove):not(.table-dropdown-menu li .btn):not(.pagination button):not(.dt-paging button):not(.clear-filter-btn):not(.clear-date-btn){margin-left: 18px; display: none;border: none;background-color: transparent;line-height: normal;}
/* .health-safety-table .table-navbar-toggler { display: block !important; } */
.health-safety-table{border: 1px solid var(--gray1);}
.health-safety-table table{border: none;}
.health-safety-table .search-filter-wrap{padding-right: 30px; border-bottom: 1px solid var(--gray1);}
.health-safety-table .search-filter-wrap .search-bar  img{left: 30px;}
.health-safety-table .search-filter-wrap .search-bar input{padding: 25px 20px 25px 70px !important; border: none;}
.health-safety-table .search-bar{width: 100%;}
.health-safety-table .filter-icon{width: 18px;height: auto;}
.health-safety-table{background-color: var(--white);height: 100%;}
.health-safety-table .table-dropdown-menu{ transform: translate(0%, 0%) !important; right: -14px !important; top: calc(100% + 10px) !important;  }
.health-safety-table .dropdown-menu-wrapper { width: fit-content; margin: 0px auto; }
.health-safety-table table .form-check { gap: 0px; padding: 0px; width: fit-content; }
.health-safety-table table .form-check .form-check-input[type=checkbox] { margin: 0px; }
.health-safety-table th:first-child ,
.health-safety-table td:first-child { width: 56px; }
/* filter dropdown */
.health-safety-table .filter-icon-detail .table-dropdown-menu{padding: 16px;min-width: 213px;transform: translate(0 , 30px) !important;inset: 0 0 0 auto !important;}
.health-safety-table .filter-icon-detail .table-dropdown-menu li{margin-bottom: 16px;}
.health-safety-table .filter-icon-detail .table-dropdown-menu li:last-child{margin-bottom: 0 !important;}
.health-safety-table .filter-icon-detail .table-dropdown-menu p{color: var(--black);margin-bottom: 12px;}
.health-safety-table .filter-icon-detail .table-dropdown-menu .form-check{margin-bottom:2px;}
.health-safety-table .filter-icon-detail .table-dropdown-menu .form-check label{color: var(--darkgray);}

/* head */
.health-safety-table th,.health-safety-table td{vertical-align: middle;}
.health-safety-table th{font-family: var(--satoshi-reg);font-size: 16px;line-height: 24px;}
.health-safety-table tbody tr:hover td{background-color: var(--secondary);}
.health-safety-table tbody tr:last-child:hover td{background-color: var(--f0);}

/* ================================================ Labour Request  page ================================================ */
/* Labour Request Search */
.labour-request .search-bar{padding: 20px 20px 20px 30px;max-width: 396px;}
.labour-request .search-filter-wrap .search-bar img{left: 40px;}
.labour-request .search-filter-wrap .search-bar input{padding: 7px 20px 7px 40px !important;border: 1px solid var(--gray1); }
.dashboard-table.labour-request thead th { background: var(--secondary); }
/* .labour-request thead tr th{background-color: #eeefee;color: #1c2534;} */



/* ================================================ Labour Request Detail page ================================================ */
.details-wrap.labour-request-detail { gap: 0px; }
.labour-request-detail .labour-request-project-title { padding-bottom: 16px; border-bottom: 1px solid var(--gray1); margin-bottom: 32px; }
.labour-request-detail .labour-request-project-title .project-name { margin-bottom: 7px; }
.labour-request-detail .labour-request-project-title .right-desc p:first-child { margin-bottom: 7px; display: block; }
.labour-request-detail .labour-request-project-title .right-desc p { text-align: right; }


.labour-request-project-content-inner { padding-bottom: 16px; border-bottom: 1px solid var(--gray1); margin-bottom: 32px; justify-content: space-between; -webkit-justify-content: space-between; gap: 30px; }
.labour-request-project-content-inner:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
.labour-request-project-content-inner .left-desc { width: 40.62%; }
.labour-request-project-content-inner .left-desc .left-desc-inner:not(:last-child) { margin-bottom: 16px; }
.labour-request-project-content-inner .left-desc .pricing{ width: 74%; gap: 8px; align-items: center; -webkit-align-items: center; }
.labour-request-project-content-inner .left-desc .pricing .pricing-inner { width: calc((100% / 3) - 5.4px); }
.labour-request-project-content-inner .left-desc .pricing .pricing-inner  p { font-family: var(--satoshi-med); color: var(--primary); }
.labour-request-project-content-inner .left-desc .pricing .pricing-inner.profit { padding: 12px; background: rgb(33, 150, 83, 0.08); }
.labour-request-project-content-inner .left-desc .pricing .pricing-inner.profit p { color: var(--green-color-200);  }
.labour-request-project-content-inner .left-desc .pricing .pricing-inner.loss { padding: 12px; background: rgba(211, 64, 83, 0.08); }
.labour-request-project-content-inner .left-desc .pricing .pricing-inner.loss p { color: var(--red);  }
.labour-request-project-content-inner .left-desc .desc { color: var(--primary); font-family: var(--satoshi-med); }
.labour-request-project-content-inner .left-desc .title { color: var(--black); }
.labour-request-project-content-inner .left-desc .specific-requirements .requirements-list { padding-left: 20px;  }
.labour-request-project-content-inner .left-desc .specific-requirements .requirements-list li { list-style:disc; color: var(--primary); margin-bottom: 2px; }
.labour-request-project-content-inner .left-desc .specific-requirements .requirements-list li { color: var(--primary); }
.labour-request-project-content-inner .left-desc .certificates-required li:not(:last-child) { margin-bottom: 2px; }

.labour-request-project-content-inner .right-desc { width: 40.62%; }
.labour-request-project-content-inner .right-desc .title { color: var(--black); }
.labour-request-project-content-inner .right-desc .workers-assigned-list li { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 15px; padding: 8px 0px; margin-bottom: 7px; }
.labour-request-project-content-inner .right-desc .workers-assigned-list li:last-child { margin-bottom: 0px; }
.labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.labour-request-project-content-inner .right-desc .workers-assigned-list .worker-desc { width: calc(100% - 59px); }
.labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-name,
.labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-designation{ font-family: var(--satoshi-med); }
.labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-name { color: var(--primary); }
.labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-designation { color: var(--gray);  }



/* ================================================ TimeSheet Page ================================================ */
.timesheet-panel .dashboard-title  { margin-bottom: 20px; }
.timesheet-panel .dashboard-title-wrap-inner .input-wrap { max-width: 240px; margin: 0px; }
.timesheet-panel .dashboard-title-wrap-inner .input-wrap input { background-image: url('../images/calendar-icon.svg'); background-repeat: no-repeat; background-position: 16px center; background-size: 20px; background-color: var(--white); background-position: 15px center; padding: 9px 15px 9px 41px; font-size: 14px; line-height: 22px; font-family: var(--satoshi-med); color: var(--primary);  }

.timesheet-panel .dashboard-table { z-index: 0; }
.timesheet-panel table .table-dropdown-menu li a img { width: auto; }
.timesheet-panel table,
.timesheet-panel table .inner-table-wrapper table thead tr,
.timesheet-panel table .inner-table-wrapper table tbody tr:last-child { border-color: transparent; }

.timesheet-panel table th:not(.inner-table-wrapper table th):last-child { vertical-align: middle; }
.timesheet-panel table th:not(.inner-table-wrapper table th) .title { font-size: 16px; line-height: 24px; display: block; color: var(--gray); font-family: var(--satoshi-med); }
.timesheet-panel table th:not(.inner-table-wrapper table th) .title-txt { font-size: 16px; line-height: 24px; display: block; margin-top: 7px; color: var(--black); font-family: var(--satoshi-med); }

.timesheet-panel .inner-table-wrapper table th { background: var(--secondary); color: var(--black); font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); }
.timesheet-panel .inner-table-wrapper table td .assignee-profile .profile-desc span { display: block; font-family: var(--satoshi-med); }
.timesheet-panel .inner-table-wrapper table td .assignee-profile .profile-desc .name { color: var(--primary);  }
.timesheet-panel .inner-table-wrapper table td .assignee-profile .profile-desc .designation { color: var(--gray); margin-top: 2px; }
.timesheet-panel .inner-table-wrapper table td .time-shift,
.timesheet-panel .inner-table-wrapper table td .time-shift-hours { display: block; }
.timesheet-panel .inner-table-wrapper table td { font-family: var(--satoshi-med); color: var(--primary); }


.timesheet-panel table:not(.inner-table-wrapper table):not(.new-timesheet-table table) tr:last-child > td { background: transparent; }
.timesheet-panel .inner-table-wrapper table tbody tr td { background: var(--white); }
.timesheet-panel .inner-table-wrapper table tbody tr:hover td { background: #fafafa; }


.timesheet-panel .dashboard-form-wrap form { max-width: 100%; }
.timesheet-panel .dashboard-form-wrap form .form-content-inner { gap: 0px; }
.timesheet-panel .timesheet-detail-inner { padding: 20px 30px; }
.timesheet-panel .timesheet-detail-inner .input-wrap,
.timesheet-panel .timesheet-detail-inner .input-inner { margin-bottom: 0px; }

.timesheet-panel .new-timesheet-table { margin-top: 50px; }
.timesheet-panel .new-timesheet-table table,
.timesheet-panel .new-timesheet-table table thead tr,
.timesheet-panel .new-timesheet-table table tbody tr:last-child { border-color: transparent; }
.timesheet-panel .new-timesheet-table table th { background: var(--secondary); color: var(--black); font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); }
.timesheet-panel .new-timesheet-table table td .assignee-profile .profile-desc span { display: block; font-family: var(--satoshi-med); }
.timesheet-panel .new-timesheet-table table td .assignee-profile .profile-desc .name { color: var(--primary);  }
.timesheet-panel .new-timesheet-table table td .assignee-profile .profile-desc .designation { color: var(--gray); margin-top: 2px; }
.timesheet-panel .new-timesheet-table table td { min-width: 228px; }

.timesheet-panel .confirm-timesheet { max-width: 608px; background: var(--white); margin-top: 25px; }
.timesheet-panel .confirm-timesheet .confirm-timesheet-inner { padding: 20px 30px; }
.timesheet-panel .confirm-timesheet .confirm-timesheet-inner .confirm-txt { padding: 0px; margin-bottom: 16px; border: none; }
.timesheet-panel .worker-timesheet-table table th:last-child { text-align: center; }



.timesheet-filter-options-wrapper .input-wrap { margin: 0px; width: 300px; }
.timesheet-filter-options-wrapper .input-wrap .select2 { background: var(--white); }

.custom-table { background: var(--white); overflow-x: auto; }
.inner-scroll-handler { display: inline-flex; flex-direction: column; min-width: 100%;}
.custom-table-header { padding: 20px 30px; border-bottom: 1px solid var(--gray1); }
.custom-table-header-row { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; gap: 20px; }
.custom-table-body { padding: 30px; }
.custom-table-header-cell { white-space: nowrap; }
.custom-table-header-cell .title { font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); color: var(--gray); display: block; margin-bottom: 7px; }
.custom-table-header-cell .title-txt { font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); display: block; color: var(--black); }




/* Add this to your existing CSS */
.time-converted {
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
    transition: all 0.3s ease;
}

.time-warning {
    background-color: #fff3cd !important;
    border-color: #ffeaa7 !important;
    transition: all 0.3s ease;
}

.time-feedback {
    font-size: 0.75rem;
    margin-top: 2px;
    display: block;
}

/* Optional: Add icons to inputs to show AM/PM */
/* input[name$="_start_time"] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v6"/><path d="M12 17v6"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
}

input[name$="_finish_time"] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
} */
.timesheet-panel .new-timesheet-table table td:not(:first-child){ min-width: 350px; }
.timesheet-panel .new-timesheet-table table td .time-input-group { position: relative; }
.timesheet-panel .new-timesheet-table table td .ampm-select { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 78px; border: none; height: 90%; border-radius: 0px; cursor: pointer; }
.timesheet-panel .new-timesheet-table table td .ampm-select:focus { outline: none; box-shadow: none; }

/* ================================================ Worker authentication Page ================================================ */
.authentication-wrapper { min-height: calc(100dvh - 81px); margin-top: 81px; padding: 16px; }
.authentication-wrapper .authentication-inner { width: 100%; }
.authentication-wrapper .authentication-inner .btn-wrapper { gap: 12px; }
.authentication-wrapper .authentication-inner .btn-wrapper .comman-btn { min-width: 283px; }

.authentication-wrapper .authentication-inner .form-content-inner { width: 690px; margin: 0px auto; padding: 76px; background: var(--white);  }
.authentication-wrapper .authentication-inner .form-content-inner.form-back-content-inner { width: 551px; }
.authentication-wrapper .authentication-inner .form-content-inner .timer { color: var(--primary); margin-bottom: 24px; }
.authentication-wrapper .authentication-inner .form-content-inner .title { margin-bottom: 35px; }
.authentication-wrapper .authentication-inner .form-content-inner .search-results { max-height: 300px; overflow-y: auto; border: 1px solid var(--gray1); border-radius: 4px; padding: 8px; margin: 0px; list-style: none; }
.authentication-wrapper .authentication-inner .form-content-inner .search-results li { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 15px; padding: 8px 0px; margin-bottom: 4px; }
.authentication-wrapper .authentication-inner .form-content-inner .search-results li:last-child { margin-bottom: 0px; }
.authentication-wrapper .authentication-inner .form-content-inner .search-results li img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.authentication-wrapper .authentication-inner .form-content-inner .search-results li .worker-desc { width: calc(100% - 59px); }
.authentication-wrapper .authentication-inner .form-content-inner .search-results li .worker-desc .worker-name { color: var(--primary); display: block; }
.authentication-wrapper .authentication-inner .form-content-inner .search-results li .worker-desc .worker-designation { color: var(--gray); margin-top: 2px; display: block;  }


/* ================================================ Audit Page ================================================ */
.audit-panel .dashboard-title-wrap { gap: 20px; }
.audit-panel .dashboard-title-wrap-inner { width: 100%; max-width: 249px; margin-left: auto; }
.audit-panel .dashboard-title-wrap-inner .date-range { font-size: 14px; }
.audit-panel .information-cards-wrap .card-image { background: var(--yellow); }
.dashboard-body:has(.audit-panel) .daterangepicker.opensright:before { left: auto; right: 50px; }
.dashboard-body:has(.audit-panel) .daterangepicker.opensright::after { left: auto; right: 51px; }
.audits-table > .table-title { padding: 16px 20px; background: var(--white); border: 1px solid var(--gray1); border-bottom: none; }
.audits-table .table.dataTable .table-dropdown-menu li:last-child a { color: var(--primary); }

/* ================================================ Audit Notice Page ================================================ */
.audit-panel .form-inner .input-inner { margin-bottom: 0px; }
.audit-panel .form-inner .btn-wrapper  { gap: 32px; margin-top: 40px; }
.audit-panel .form-inner .btn-wrapper .btn:hover { text-decoration: underline; }
.audit-panel .form-inner .btn-wrapper .btn img { width: 18px; height: auto; }
.audit-panel .dynamic-fields-parent .dynamic-fields-wrapper { margin-top: 20px; }
.audit-panel .dashboard-form-wrap .form-content-inner { gap: 20px; }

/* ================================================ Audit Approved Page ================================================ */
.audit-panel .audit-improvement-card-wrapper .audit-improvement-info { gap: 18px; background: var(--white); border: 1px solid var(--gray1); padding: 26px 20px; }
.audit-panel .audit-improvement-card-wrapper .audit-improvement-info .card-icon { background: var(--yellow); width: 58px; height: 58px; border-radius: 8px; }
.audit-panel .audit-improvement-card-wrapper .audit-improvement-info .card-icon img { width: 24px; height: auto; }
.audit-panel .audit-improvement-view-content { background: var(--white); margin-top: 30px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-header { padding: 16px 20px; border-bottom: 1px solid var(--gray1); }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-header .p-big { color: var(--black); }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-header .complaint-icon  { width: 20px; height: 20px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-header .complaint-icon img { width: 100%; height: auto; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-header .complaint-text { font-family: var(--satoshi-med); color: var(--primary); font-size: 16px; line-height: 24px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner { padding: 18px 30px;  }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner * { font-family: var(--satoshi-med); font-size: 16px; line-height: 24px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner-desc:not(:last-child) { margin-bottom: 40px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner ol,
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner ul { padding-left: 20px; margin-bottom: 0px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner ol li { list-style: decimal; margin-bottom: 4px; color: var(--darkgray); }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner ul li { list-style: disc; margin-bottom: 4px; color: var(--darkgray);  }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner h4 { margin-bottom: 8px; color: var(--black); }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner p { color: var(--primary); }
/* .audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner img { width: 100%; height: auto; } */
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner .two-col-img-wrapper { display: flex; display: -webkit-flex; flex-wrap: wrap; flex-wrap: wrap; gap: 16px; }
.audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner .two-col-img-wrapper img { flex-shrink: 0; -webkit-flex-shrink: 0; width: calc((100% / 2) - 8px); height: fit-content; }

.audit-panel .approve-audit-box { padding: 24px; border: 1px solid var(--gray1); background: var(--white); }
.audit-panel .approve-audit-box .approve-audit-data { margin-bottom: 20px; }
.audit-panel .approve-audit-box .btn-completed-style {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  border-radius: 999px;
  background: rgba(54, 97, 47, 0.12);
  color: var(--g1);
  font-size: 12px;
  line-height: 20px;
  font-family: var(--satoshi-med);
  text-transform: uppercase;
}

/* ================================================ Audit Form Page ================================================ */
.dashboard-panel.audit-form-panel { flex-direction: row; justify-content: space-between; padding-bottom: 232px; }
.audit-form-panel .dashboard-form-wrap { width: calc(100% - 460px); }
.audit-form-panel .audit-sidebar { max-width: 440px; height: fit-content; padding: 30px 0px 30px 45px; border-left: 1px solid var(--gray1); }
.audit-form-panel .audit-sidebar ul { counter-reset: section; padding-left: 20px; }
.audit-form-panel .audit-sidebar ul li { list-style: none; position: relative; margin-bottom: 14px; counter-increment: section; font-size: 14px; line-height: 22px; font-weight: 500; color: #808080; }
.audit-form-panel .audit-sidebar ul li:last-child { margin-bottom: 0px; }
.audit-form-panel .audit-sidebar ul li::before { content: counter(section);  position: absolute; left: -30px; top: 0; width: 24px; height: 24px; background: #D5D5D5; border-radius: 50%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; font-family: var(--satoshi-med); font-size: 12px; line-height: 22px; color: var(--gray); }
.audit-form-panel .audit-sidebar ul li.active { color: var(--black); font-weight: 500; }
.audit-form-panel .audit-sidebar ul li.active::before { background: var(--black); color: var(--white); }
.audit-form-panel .audit-sidebar ul li.checked::before { font-size: 0px; }
.audit-form-panel .audit-sidebar ul li.checked::after { content: ''; position: absolute; left: -28px; top: 2px; background: url('../images/green-check.svg') no-repeat center center / 20px; width: 20px; height: 20px; }

.audit-form-panel-steps { position: fixed; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 80px; justify-content: space-between; -webkit-justify-content: space-between; bottom: 0px; left: 0px; background: var(--white); padding: 40px 40px 40px 340px; width: 100%; }
.audit-form-panel-steps .btns-wrapper { display: flex; display: -webkit-flex;  gap: 20px;  }
.audit-form-panel-steps .comman-btn { text-transform: capitalize; min-width: 125px; }
.audit-form-panel-steps .step-progress-wrapper { width: calc(100% - 396px); }
.audit-form-panel-steps .step-progress-wrapper .step-txt { margin-bottom: 8px; display: block; font-size: 14px; line-height: 22px; font-weight: 500; color: #83898C; }
.audit-form-panel-steps .step-progress-wrapper .step-txt b { color: var(--black); font-weight: 700; }
.audit-form-panel-steps .step-progress-wrapper .step-progress { width: 100%; background: #E2E6F9; height: 2px; border-radius: 50px; position: relative; }
.audit-form-panel-steps .step-progress-wrapper .step-progress .step-progress-bar { position: absolute; height: 4px; border-radius: 50px; left: 0px; top: 50%; transform: translateY(-50%); background: var(--black); transition: width 0.3s ease-in-out; }

.dashboard-panel.audit-form-panel .dynamic-fields-parent { background: transparent; border: none; }
.dashboard-panel.audit-form-panel .dynamic-fields-parent > .p-big { border-bottom: 1px solid var(--gray1); margin-bottom: 19px; padding: 0px 0px 16px 0px; }
.dashboard-panel.audit-form-panel .dynamic-fields-parent .form-inner { background: var(--white); border: 1px solid var(--gray1); }

/* ================================================ Waste Management Page ================================================ */
.waste-management-panel .chartContainer-wrapper .fields-wrapper { max-width: 454px; }
.waste-management-panel .chartContainer-wrapper .fields-wrapper .input-wrap:first-child { max-width: calc(36% - 8px); }
.waste-management-panel .chartContainer-wrapper .fields-wrapper .input-wrap:last-child { max-width: calc(64% - 8px); }
.waste-management-panel .chartContainer-wrapper .fields-wrapper .select2 .select2-selection{ background: var(--white); }
.waste-management-panel .chartContainer-wrapper .fields-wrapper .single-select-dropdown-main .select2-selection--single .select2-selection__rendered,
.waste-management-panel .chartContainer-wrapper .fields-wrapper .single-select-dropdown-open-main .select2-results__options .select2-results__option,
.waste-management-panel .chartContainer-wrapper .fields-wrapper .date-range { font-size: 14px; }
.waste-management-panel .chartContainer-wrapper .fields-wrapper .single-select-dropdown-main .select2-container--default .select2-selection--single,
.waste-management-panel .chartContainer-wrapper .fields-wrapper .date-range { padding: 8px 15px; }

.waste-management-panel .chartContainer-wrapper .fields-wrapper .single-select-dropdown-main .select2-container--default .select2-selection--single { padding-right: 24px; }
.waste-management-panel .fields-wrapper .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width: 15px; height: 15px; }


.waste-management-panel .chartContainer-wrapper { max-width: 539px; }
.waste-management-panel .chartContainer-wrapper .chart-container { background: var(--white); margin-top: 15px; }
.waste-management-panel .chartContainer-wrapper .chart-container .chart-title { padding: 16px 20px; border-bottom: 1px solid var(--gray1); }
.waste-management-panel .chartContainer-wrapper .chart-container-inner { padding: 18px 30px 30px;}
.waste-management-panel .chartContainer-wrapper .chart-container-inner  canvas { max-width: 329px; margin: 0px auto; }
.waste-management-panel .chartContainer-wrapper .chart-container-inner .legend-container { margin-top: 63px; column-count: 2; column-gap: 40px; }
.waste-management-panel .chartContainer-wrapper .chart-container-inner .legend-container li { display: block; font-family: var(--satoshi-med); color: var(--darkgray); font-size: 14px; line-height: 22px; }
.waste-management-panel .chartContainer-wrapper .chart-container-inner .legend-container li .color { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 8px; }
.waste-management-panel .canvas-wrapper { position: relative; }
.waste-management-panel .empty-chart-message { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-family: var(--satoshi-med); font-size: 16px; line-height: 24px; color: var(--primary); opacity: 0.6; pointer-events: none; text-align: center; }
.waste-management-panel .form-inner input:read-only { background: var(--gray1); border-color: var(--gray1);  }

.waste-management-panel #weight-container ~ .add-another-weight { margin-bottom: 30px; }

/* ================================================ Purchase Order Page ================================================ */
.purchase-order-module .dashboard-table { box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07); }
.purchase-order-module .dashboard-table .searchbar-wrapper { background: var(--white); padding: 16px 30px; border: 1px solid transparent; border-bottom: 1px solid var(--gray1);  }
.purchase-order-module .dashboard-table .searchbar-wrapper .search-icon { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 12px; width: 18px;  } 
.purchase-order-module .dashboard-table .searchbar-wrapper input { padding-block: 7px; padding-left: 45px; max-width: 396px; }
.purchase-order-module .dashboard-table table { border: 1px solid transparent; border: none; }
.purchase-order-module .dashboard-table table th { background-color: var(--secondary); }
.purchase-order-module .input-inner .p-big { color: var(--primary); }

/* ================================================ Purchase Order Detail Page ================================================ */
.purchase-order-detail-left-desc, .purchase-order-detail-right-desc  { background: var(--white); }
.purchase-order-detail-left-desc-header { padding: 16px 20px; border-bottom: 1px solid var(--gray1); }
.purchase-order-detail-left-desc-header .table-dropdown-menu { top: 100% !important; right: 0px !important; transform: translate(14px, 8px) !important; }
.purchase-order-detail-left-desc-content { padding: 30px; }
.purchase-order-detail-left-desc-content .po-number .status { font-family: var(--satoshi-med); }
.purchase-order-detail-left-desc-content .content-wrapper:not(:last-child) { margin-bottom: 32px; }
.purchase-order-detail-left-desc-content .content-wrapper .title { margin-bottom: 5px; color: var(--black); font-family: var(--satoshi-med); }
.purchase-order-detail-left-desc-content .content-wrapper p { color: var(--primary); font-family: var(--satoshi-med); }
.purchase-order-detail-left-desc-content table { margin: 0px; max-width: 100%; }
.purchase-order-detail-left-desc-content table th { font-family: var(--satoshi-med); padding-block: 2px; font-size: 16px; line-height: 24px; color: var(--black); font-family: var(--satoshi-med); padding: 0px; border: none; }
.purchase-order-detail-left-desc-content table td { font-family: var(--satoshi-med); padding-block: 2px; font-size: 16px; line-height: 24px; color: var(--primary); padding: 0px; border: none; }
.purchase-order-detail-left-desc-content .attachment-list li img {  width: 18px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.purchase-order-detail-left-desc-content .attachment-list li a { color: var(--black); }
.purchase-order-detail-left-desc-content .attachment-list li a:hover { text-decoration: underline; }

.purchase-order-detail-right-desc { padding: 24px; }
.purchase-order-detail-right-desc .content-wrapper:not(:last-child) { margin-bottom: 20px; }
.purchase-order-detail-right-desc .content-wrapper .label { color: var(--primary); font-family: var(--satoshi-med); }
.purchase-order-detail-right-desc .content-wrapper p:not(.label) { color: var(--black); font-family: var(--satoshi-bold);  }
.purchase-order-detail-right-desc .content-wrapper .signature-img-wrapper { margin-top: 12px; border: 1px solid var(--gray1); border-radius: 4px; padding: 14px; }
.purchase-order-detail-right-desc .content-wrapper .signature-img-wrapper img { display: block; margin: 0px auto; height: 100%; width: auto; object-fit: cover; }


/* ================================================ Purchase Order Supply Detail Page ================================================ */

.purchase-order-supplier-detail-box { background: var(--white); margin-bottom: 30px; }
.purchase-order-supplier-detail-box:last-child { margin-bottom: 0px; }
.purchase-order-supplier-detail-box-header  { padding: 16px 20px; border-bottom: 1px solid var(--gray1); }
.purchase-order-supplier-detail-box-header  .table-dropdown-menu { top: 100% !important; right: 0px !important; transform: translate(14px, 8px) !important; }
.purchase-order-supplier-detail-box-content { padding: 30px; }
.purchase-order-supplier-detail-box-content.email-address-box-content .comman-btn { padding: 5px 16px; font-size: 12px; line-height: 18px; }
.purchase-order-supplier-detail-box-content.email-address-box-content .content-wrapper >  div:not(:last-child) { margin-bottom: 12px;  }
.purchase-order-supplier-detail-box-content.email-address-box-content .content-wrapper h4 { word-break: break-all; }
.purchase-order-supplier-detail-box-content.email-address-box-content .content-wrapper .comman-btn { border-radius: 4px; padding: 0px; width: 26px; height: 26px; }
.purchase-order-supplier-detail-box-content.email-address-box-content .content-wrapper .comman-btn img { width: 14px; height: auto; }
.purchase-order-supplier-detail-box-content.email-address-box-content .content-wrapper .comman-btn.btn-red-transperent:hover img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

.purchase-order-supplier-detail-box-content .content-wrapper:not(:last-child) { margin-bottom: 32px; }
.purchase-order-supplier-detail-box-content .content-wrapper .title { margin-bottom: 5px; color: var(--black); font-family: var(--satoshi-med); }
.purchase-order-supplier-detail-box.credit-control-box .content-wrapper .title,
.purchase-order-supplier-detail-box.email-address-box .content-wrapper .title { margin-bottom: 15px; }
.purchase-order-supplier-detail-box.credit-control-box .content-wrapper .title:last-child,
.purchase-order-supplier-detail-box.email-address-box .content-wrapper .title:last-child { margin-bottom: 0px; }
.purchase-order-supplier-detail-box.credit-control-box .content-wrapper .title span,
.purchase-order-supplier-detail-box.email-address-box .content-wrapper .title span { display: inline-block; }

.purchase-order-supplier-detail-box-content .content-wrapper p { color: var(--primary); font-family: var(--satoshi-med); }
.purchase-order-supplier-detail-box-content .flex-wrapper { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 32px; }
.purchase-order-supplier-detail-box-content .flex-wrapper:last-child { margin-bottom: 0px; }
.purchase-order-supplier-detail-box-content .flex-wrapper .flex-wrapper-inner { width: 50%; padding-right: 32px; }
.purchase-order-supplier-detail-box-content .flex-wrapper .flex-wrapper-inner:last-child { border-left: 1px solid var(--gray1); padding-right: 0px; padding-left: 32px; } 

.purchase-order-supplier-detail-box-content .attachment-list li img {  width: 18px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.purchase-order-supplier-detail-box-content .attachment-list li a { color: var(--black); }
.purchase-order-supplier-detail-box-content .attachment-list li a:hover { text-decoration: underline; }
.purchase-order-supplier-detail-box.contact-detail-box .content-wrapper { margin-bottom: 32px;  }
.purchase-order-supplier-detail-box.contact-detail-box .col-md-6:last-child .content-wrapper { margin-bottom: 0px; }

.purchase-order-supplier-detail-box-content .social-links { display: flex; display: -webkit-flex; gap: 9px; }
.purchase-order-supplier-detail-box-content .social-links img { width: 22px; height: auto; }


/* ================================================ User Management 2 Page ================================================ */
.user-management-module .form-content-inner { max-width: 598px; }
.user-management-module .accordion-main-box:not(:last-child) { margin-bottom: 65px; }
.user-management-module .accordion-main-box .accordion-title { margin-bottom: 10px; }

.accordion-header .accordion-button { color: var(--black); font-family: var(--satoshi-med); background: transparent; border: none; padding: 4px 0px; box-shadow: none; }
.accordion-header .accordion-button::after { content: ''; background: url('../images/custom-pop-drop-down-arrow-icon.svg') no-repeat center right / 18px; width: 18px; height: 18px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.accordion-header .accordion-button[aria-expanded="true"]::after { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.accordion-item { background: transparent; border: none; border-radius: 0px; margin-bottom: 16px; }
.accordion-item:last-child { margin-bottom: 0px; }
.accordion-body { padding: 24px 0px 24px 24px; }
.accordion-body-inner .flex-wrapper:not(:last-child) { margin-bottom: 12px; }
.accordion-body-inner .form-control { padding: 8px; box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07 ); }
.accordion-body-inner .form-control:focus { box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07 ); }
.accordion-body-inner .flex-wrapper { gap: 19px; }
.accordion-body-inner .flex-wrapper .drag-icon { width: 12px; cursor: grab; }
.accordion-body-inner .flex-wrapper[draggable="true"] .drag-icon { cursor: grabbing; }
.accordion-body-inner .btn { padding: 0px; width: 18px; height: 18px;  border: none; background: transparent; outline: none; }
.user-management-module .accordion-body-inner .btn.save-button {  width: 30px; height: 30px; border: 1px solid transparent; background: var(--green); border-radius: 4px;  }
.user-management-module .accordion-body-inner .btn.save-button img { width: 20px; margin: 0px auto; height: auto; }
/* .user-management-module .accordion-body-inner .input-wrap:has(.form-control.has-value) ~ .btn.save-button { display: block; }
.user-management-module .accordion-body-inner .input-wrap:has(.form-control.has-value:disabled) ~ .btn.save-button { display: none; } */
.user-management-module .accordion-body-inner .btn.save-button:hover { background: #cee404; }

.user-management-module .accordion-body-inner .btn.save-button-main { /* display: none; */ min-width: auto; width: auto; height: 30px; border: 1px solid transparent; background: var(--green); border-radius: 15px; padding: 5px 12px; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; color: #232323; font-size: 14px; text-transform: uppercase; }
.user-management-module .accordion-body-inner .btn.save-button-main span { line-height: 1; }
.user-management-module .accordion-body-inner .btn.save-button-main img { width: 20px; margin: 0px auto; height: auto; }
/* .user-management-module .accordion-body-inner .input-wrap:has(.form-control.has-value) ~ .btn.save-button-main { display: block; }
.user-management-module .accordion-body-inner .input-wrap:has(.form-control.has-value:disabled) ~ .btn.save-button-main { display: none; } */
.user-management-module .accordion-body-inner .btn.save-button-main:hover { background: #cee404; }

.accordion-body-inner .btn img { width: 100%; height: auto; display: block; }

.accordion-body .add-field { margin: 24px 0px 0px 31px; }
.user-management-module .accordion-body-inner .dropdown-menu-wrapper .action div { width: 3px; height: 3px; }
.user-management-module .accordion-body-inner .searchbar  { margin-bottom: 20px; }
.user-management-module .accordion-body-inner .searchbar .form-control { width: calc(100% - 126px); margin-left: 30px; background-image: url('../images/search-icon.svg'); background-repeat: no-repeat; background-position: 10px center; background-size: 16px; padding-left: 34px; }
.user-management-module .accordion-body-inner .input-wrap:has(.input-inner input[disabled]) ~ .edit-button  { visibility: hidden; pointer-events: none; }
.user-management-module .accordion-body-inner .input-wrap { max-width: calc(100% - 128px); }

.user-management-module #auditManagementAccordion .accordion-body-inner .searchbar .form-control { margin-left: 0px; }
.user-management-module #auditManagementAccordion .accordion-body-inner .flex-wrapper { justify-content: space-between; -webkit-justify-content: space-between; }
.user-management-module #auditManagementAccordion #clientAudit .accordion > #sortable .accordion-item,
.user-management-module #auditManagementAccordion #directorAudit .accordion > #sortable .accordion-item { background: var(--white); padding: 12px; border-radius: 8px; }

.user-management-module #healthAndSafetyAccordion .health-safety-category-accordion .accordion-item,
.user-management-module #healthAndSafetyAccordion .assessment-register-monitoring-accordion .accordion-item { padding: 16px; border-radius: 4px; background: var(--white); }  
.user-management-module #healthAndSafetyAccordion .health-safety-category-accordion .accordion-item .accordion-header,
.user-management-module #healthAndSafetyAccordion .assessment-register-monitoring-accordion .accordion-item .accordion-header { display: flex; display: -webkit-flex; gap: 10px; align-items: center; -webkit-align-items: center; }
.user-management-module #healthAndSafetyAccordion .health-safety-category-accordion .accordion-item .accordion-header .accordion-button,
.user-management-module #healthAndSafetyAccordion .assessment-register-monitoring-accordion .accordion-item .accordion-header .accordion-button { background: var(--black); border-radius: 4px; width: 25px; height: 25px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.user-management-module #healthAndSafetyAccordion .health-safety-category-accordion .accordion-item .accordion-header .accordion-button::after,
.user-management-module #healthAndSafetyAccordion .assessment-register-monitoring-accordion .accordion-item .accordion-header .accordion-button::after { filter: invert(1) brightness(100); margin: 0px auto; }
.user-management-module #healthAndSafetyAccordion .health-safety-category-accordion .accordion-body,
.user-management-module #healthAndSafetyAccordion .assessment-register-monitoring-accordion .accordion-body { margin-top: 12px; padding: 10px; border: 1px solid var(--gray1); border-radius: 4px; }

.user-management-module #healthAndSafetyAccordion .input-inner .subcategory-wrapper { padding-top: 10px; margin-top: 10px; }
.user-management-module #healthAndSafetyAccordion .input-inner .subcategory-wrapper > .form-label { display: block; text-align: right; }
.user-management-module #healthAndSafetyAccordion .subcategory-input-holder .input-wrap { max-width: 100%;}
.no-input-holder, .yes-input-holder { display: none; padding-top: 16px; border-top: 1px solid var(--gray1);  }


.user-management-module #healthAndSafetyAccordion .add-subcategory-btn { position: static; margin: 14px 0px 0px 0px; transform: translate(0); -webkit-transform: translate(0); }
.user-management-module #healthAndSafetyAccordion .remove-subcategory-link { font-size: 15px; color: var(--primary); position: static; transform: translate(0); -webkit-transform: translate(0); }
.user-management-module #healthAndSafetyAccordion .remove-subcategory-link img  { width: 18px; height: 18px; vertical-align: middle;  }
.user-management-module #healthAndSafetyAccordion .subcategory-item { position: relative; margin-bottom: 18px; border: 1px solid var(--gray1); padding: 10px; border-radius: 4px; }

.user-management-module #healthAndSafetyAccordion .remove-subcategory-link { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; background: var(--black); border-radius: 50%; }
.user-management-module #healthAndSafetyAccordion .remove-subcategory-link img { width: 12px; height: 12px; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

/* .user-management-module #healthAndSafetyAccordion .sortable .flex-wrapper   { align-items: flex-start !important; -webkit-align-items: flex-start !important; } */
/* ================================================ Assign Role Permission Page ================================================ */
/* .checkbox-select-option-dropdown .select2-results__option:before{content: ""; display: inline-block; position: relative; height: 16px; width: 16px; border: 1px solid var(--black); border-radius: 3px; background-color: #fff; margin-right: 16px; vertical-align: middle;}
.checkbox-select-option-dropdown .select2-results__option--selected:before{ background: url(../images/check-icon-white.svg) no-repeat center center / 18px auto , var(--black); border: 0; display: inline-block; padding-left: 3px;} */

#add-new-user .select2-results__option:before { display: none; }
#add-new-user .select2-results__option--selected:before { display: none; }
/* ================================================ Account Module ================================================ */
.account-module form { width: 100%; max-width: 100%; }
.account-module .profile-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.account-module .profile-img-wrapper .btn-items .btn { background: var(--gray1); padding: 4px; }
.account-module .profile-img-wrapper .btn-items .btn img { width: 18px; height: 18px; display: block; }


.audit-completed-box { max-width: min(750px, 90%); margin: 40px auto 0px; background: var(--white); padding: 30px 20px 20px; border-top: 10px solid var(--black); border-radius: 12px; }
.audit-completed-box .title { font-family: var(--satoshi-med); margin-bottom: 14px; }



/************ Electroniic Form Module ************/
.electronic-form-main { background: #F0F1E9; padding: 20px 16px 194px; }
.electronic-form-main-inner { max-width: 610px; margin: 0px auto; }
.electronic-form-main-inner .logo-wrapper { background: var(--black); padding: 20px 32px; border-radius: 2px; margin-bottom: 30px; }
.electronic-form-main-inner .logo-wrapper img { width: 119px; height: auto; display: inline-block; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.electronic-form-content { margin-bottom: 40px; }
.electronic-form-content .title { margin-bottom: 4px; }
.electronic-form-content .theme-txt { color: var(--black); text-decoration: underline; }
.electronic-form-box:not(:last-child) { margin-bottom: 40px; }
.electronic-form-box .title, .electronic-form-box .title-desc { margin-bottom: 20px; }
.electronic-form-box a.title-desc { display: inline-block; color: var(--gray); text-decoration: underline; font-style: italic; }
.electronic-form-box .form-inner { background: var(--white); border: 1px solid var(--gray1); padding: 30px; }
.electronic-form-box .task-images ,
.electronic-form-detail-box .task-images { width: 150px; display: inline-block; height: auto; }
.electronic-form-box .form-inner:not(:last-child) { margin-bottom: 20px; }
.electronic-form-box .input-wrap:last-child { margin-bottom: 0px; }
.electronic-form-box .form-inner.checklist .form-check { margin-bottom: 24px; justify-content: space-between; -webkit-justify-content: space-between; gap: 12px; padding: 0px; }
.electronic-form-box .form-inner.checklist .form-check:last-child { margin-bottom: 0px; }
.electronic-form-box .form-inner.checklist .form-check .form-check-input { margin: 0px; width: 24px; height: 24px; }
.electronic-form-box .form-inner.checklist .form-check-label { margin: 0px; font-size: 16px; line-height: 24px; font-family: var(--satoshi-med); color: #7E7E7E; }
.electronic-form-box .select-all-btn-wrapper { margin-bottom: 16px; }
.electronic-form-box .select-all-btn-wrapper .select-all-txt { font-family: var(--satoshi-bold); }
.electronic-form-box .select-all-btn-wrapper .select-all-btn { color: #7E7E7E; border: none; outline: none;  }
.electronic-form-box .select-all-btn-wrapper .select-all-btn:hover { text-decoration: underline; }
.electronic-form-box .group-checklist-wrapper:not(:last-child) { margin-bottom: 24px; }


.steps-section { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; position: fixed; bottom: 0px; left: 0px; width: 100%; background: var(--white); padding: 40px 12px; gap: 30px 104px }
.steps-section .btn-wrapper { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; gap: 20px; }
.steps-section .comman-btn { margin: 0px; }
.steps-section .steps-wrapper {  width: 300px; }
.steps-section .step-progress { position: relative; width: 100%; background: #E2E6F9; border-radius: 50px; height: 2px; margin-top: 9px; }
.steps-section .step-progress .step-progress-bar { position: absolute; top: 50%; left: 0; height: 180%; border-radius: 100px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: var(--black); }
.steps-section .btn-wrapper .btn { font-family: var(--satoshi-med); text-transform: capitalize; }


#guidelines-modal .modal-dialog { margin: 12px auto; max-width: 807px; }
#guidelines-modal.guidelines-secondary-modal .modal-dialog { max-width: 356px; }
#guidelines-modal .modal-dialog ul { padding-left: 20px; }
#guidelines-modal .modal-dialog ul li { list-style-type: disc; color: var(--primary); padding: 0px; }
#guidelines-modal .modal-dialog .modal-body b { font-family: var(--satoshi-bold); }
#guidelines-modal .modal-dialog .modal-body a { color: var(--primary); text-decoration: underline; }

/******** Electronic pages *********/
.worker-electronic-signature-wrapper-inner { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 12px; }
.worker-electronic-signature-wrapper-inner .worker-desc { width: 170px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.worker-electronic-signature-wrapper-inner .worker-desc img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; display: inline-block; }
.worker-electronic-signature-wrapper-inner .worker-desc .worker-info { margin-top: 12px; }
.worker-electronic-signature-wrapper-inner .worker-desc .worker-name { font-size: 14px; line-height: 22px; margin-bottom: 2px; }
.worker-electronic-signature-wrapper-inner .worker-desc .worker-designation { font-size: 14px; line-height: 22px; color: var(--gray); }
.worker-electronic-signature-wrapper-inner .worker-signature { width: calc(100% - 182px); flex-grow: 1; -webkit-flex-grow: 1; }
.worker-electronic-signature-wrapper-inner .worker-signature .nav-tabs { gap: 20px; border: none; }
.worker-electronic-signature-wrapper-inner .worker-signature .nav-tabs .nav-link { margin: 0px; font-family: var(--satoshi-med); padding: 0px; border: none; color: var(--gray); font-size: 14px; line-height: 22px; }
.worker-electronic-signature-wrapper-inner .worker-signature .nav-tabs .nav-link.active { color: var(--black); border-bottom: 2px solid var(--black); font-weight: 500; }
.worker-electronic-signature-wrapper-inner .worker-signature .signature-actions { position: absolute; top: 0px; right: 0px; transform: translateY(-100%); }
.worker-electronic-signature-wrapper-inner .worker-signature .signature-actions .btn-clear { background: transparent; color: var(--red); border: none; font-family: var(--satoshi-med); }
.worker-electronic-signature-wrapper-inner .worker-signature .signature-container { margin: 0px; }

.workers-dropdown .form-check-input[type=checkbox]:checked + label { color: var(--green-color-200); }
.workers-dropdown .form-check-input[type=checkbox]:checked { accent-color: var(--green-color-200); }

.common-dynamic-electronic-form-wrapper > .p-big { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; border-bottom: 1px solid var(--gray1); margin-bottom: 19px; padding: 0px 0px 16px 0px; }
.common-dynamic-electronic-form-wrapper > .p-big a { text-transform: capitalize; font-size: 14px; line-height: 22px; color: var(--primary); text-decoration: underline; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; gap: 4px; }
.common-dynamic-electronic-form-wrapper > .p-big a img { width: 16px; height: 16px;}

.electronic-form-dynamic-content-btn { color: var(--darkgray); display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; gap: 8px; margin: 40px 0px 0px 0px; }
.electronic-form-dynamic-content-btn img { width: 18px; height: 18px; }

.electronic-form-slider .lift-equipment-slide-item figure,
.electronic-form-slider .lift-accessories-slide-item  figure { max-width: 100px; width: 100%; display: block; height: auto; margin: 0px auto 8px; }

.electronic-form-slider { padding-bottom: 40px; }
.electronic-form-slider .lift-equipment-slide-item figcaption,
.electronic-form-slider .lift-accessories-slide-item  figcaption { font-size: 14px; line-height: 22px; text-align: center; color: var(--primary); font-family: var(--satoshi-med); } 
.electronic-form-slider .lift-equipment-slider-wrapper { margin-bottom: 20px; }
.electronic-form-slider .slider-title { font-family: var(--satoshi-med); margin-bottom: 16px; }


.lift-equipment-slider .slick-arrow, .lift-accessories-slider .slick-arrow { z-index: 1; transform: translate(0%, -50%); width: 46px; height: 46px; border-radius: 50%; background: var(--white); border: 1px solid var(--gray1); box-shadow: 0px 8px 13px -3px #00000012; -webkit-box-shadow: 0px 8px 13px -3px #00000012; }
.lift-equipment-slider .slick-arrow::before, .lift-accessories-slider .slick-arrow::before { content: ''; position: absolute; width: 12px; height: 12px; background: url('../images/pagination-arrow.svg') no-repeat center center / 12px; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg); }
.lift-equipment-slider .slick-prev.slick-arrow, .lift-accessories-slider .slick-prev.slick-arrow { left: -50px; }
.lift-equipment-slider .slick-next.slick-arrow, .lift-accessories-slider .slick-next.slick-arrow { right: -50px; }
.lift-equipment-slider .slick-arrow.slick-disabled,
.lift-accessories-slider .slick-arrow.slick-disabled { display: none !important; }
.lift-equipment-slider .slick-prev.slick-arrow::before, .lift-accessories-slider .slick-prev.slick-arrow::before { transform: translate(-50%, -50%) rotate(0deg); -webkit-transform: translate(-50%, -50%) rotate(0deg); }

.electronic-form-box .reviewer-title { border-block: 1px solid var(--gray1); font-size: 20px; line-height: 28px; font-family: var(--satoshi-bold); padding: 40px 30px 20px; margin: 30px -30px 20px; }

.see-more-btn-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; background: var(--white); padding: 10px; border-top: 1px solid var(--gray1); }
.see-more-btn-wrapper .see-more-btn { border: none; outline: none; width: fit-content; display: inline-flex; margin: 0px auto; align-items: center; -webkit-align-items: center; gap: 8px; padding: 0px; }
.see-more-btn-wrapper .see-more-btn:hover { text-decoration: underline; }
.see-more-btn-wrapper .see-more-btn img { width: 18px; height: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }

.electronic-form-box .incident-form-inner { height: 368px; overflow: hidden; padding-bottom: 60px; }
.electronic-form-box .incident-form-inner.expanded { height: auto; overflow: unset; }
.electronic-form-box .incident-form-inner.expanded .see-more-btn img { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.electronic-form-box .form-consent-label b { color: var(--primary);}
.electronic-form-box .form-consent-label { color: var(--black); }

.completed-form-content { padding-top: 42dvh; text-align: center; }
.completed-form-content .completed-form-heading { font-family: var(--satoshi-bold); margin-bottom: 4px; }
.completed-form-content .completed-form-para { margin-bottom: 40px; color: var(--gray); }
.completed-form-content .completed-form-para a { display: inline-block; color: var(--primary);  }
.completed-form-content .download-response-btn { display: inline-block; vertical-align: middle; color: var(--green-color-200); font-family: var(--satoshi-med); }
.completed-form-content .download-response-btn img { display: inline-block;  width: 20px; height: 20px; margin-left: 4px; }
.completed-form-content .download-response-btn:hover { text-decoration: underline; }

/**************** Electrionic Detail Pages ******************/
.electronic-form-detail-wrapper .electronic-form-detail-left-desc,
.electronic-form-detail-wrapper .electronic-form-detail-right-desc { background: var(--white); padding: 30px; }
.electronic-form-detail-wrapper .electronic-form-detail-left-desc .electronic-form-detail-box:not(:last-child) { margin-bottom: 40px; }
.electronic-form-detail-wrapper .electronic-form-detail-left-desc .electronic-form-detail-box .title { margin-bottom: 20px; }
.electronic-form-detail-wrapper .electronic-form-detail-left-desc .electronic-form-detail-box .electronic-form-detail-box-inner { border: 1px solid var(--gray1); padding: 30px; margin-bottom: 25px; }
.electronic-form-detail-wrapper .electronic-form-detail-left-desc .electronic-form-detail-box .electronic-form-detail-box-inner:last-child { margin-bottom: 0px; }
.electronic-form-detail-wrapper .form-label {  font-family: var(--satoshi-med); color: var(--gray); margin-bottom: 4px; display: block; }
.electronic-form-detail-wrapper .view-field-txt { font-size: 16px; line-height: 24px; color: var(--black); font-family: var(--satoshi-med); margin-bottom: 8px; }
.electronic-form-detail-wrapper .view-field-txt:last-child { margin-bottom: 0px; }
.electronic-form-detail-wrapper .view-field-txt span { color: var(--gray); font-size: 14px; line-height: 22px; }
.electronic-form-detail-wrapper .view-field-img { display: inline-block; width: 64px; height: auto; }
.electronic-form-detail-wrapper .view-field-checklist { padding-left: 20px; }
.electronic-form-detail-wrapper .view-field-checklist li { list-style-type: disc; color: var(--black); font-family: var(--satoshi-med); margin-bottom: 8px; }
.electronic-form-detail-wrapper .view-field-checklist li.unchecked-item { color: var(--gray); }
.electronic-form-detail-wrapper .view-field-checklist li:last-child { margin-bottom: 0px; }
.electronic-form-detail-wrapper .input-wrap:last-child { margin-bottom: 0px; }
.electronic-form-detail-wrapper .directory-label { margin-bottom: 24px; }
.electronic-form-detail-wrapper .worker-directory:not(:last-child) { margin-bottom: 24px; }

.electronic-form-detail-wrapper .employee-listing li:not(:last-child) { margin-bottom: 16px; }
.electronic-form-detail-wrapper .employee-desc { gap: 12px; }
.electronic-form-detail-wrapper .employee-desc img { flex-shrink: 0; -webkit-flex-shrink:0; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; display: inline-block; }
.electronic-form-detail-wrapper .employee-info .employee-name { font-size: 14px; line-height: 22px; font-family: var(--satoshi-med); color: var(--primary); }
.electronic-form-detail-wrapper .employee-info .employee-role { font-size: 14px; line-height: 22px; color: var(--gray); }
.electronic-form-detail-wrapper .employee-signature { flex-shrink: 0; -webkit-flex-shrink: 0; width: 64px;  }
.electronic-form-detail-wrapper .employee-signature img { width: 100%; height: auto; display: block;  }

.electronic-form-detail-wrapper .sender-details { margin-bottom: 20px; }


.uploaded-images-wrapper { padding: 10px; display: flex; display: -webkit-flex; border: 1px dotted var(--gray1); gap: 12px; border-radius: 4px; overflow-x: auto; }
.uploaded-images-wrapper .uploaded-image-item { flex-shrink: 0; -webkit-flex-shrink: 0; width: 64px; height: 64px; position: relative; }
.uploaded-images-wrapper .uploaded-image-item .view-field-img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; display: block; }
.uploaded-images-wrapper .uploaded-image-item .remove-image-btn { background: var(--green); width: 16px; height: 16px; border: 1px solid var(--black); border-radius: 50%;  position: absolute; top: -4px; right: -4px; cursor: pointer; }
.uploaded-images-wrapper .uploaded-image-item .remove-image-btn img { width: 10px; height: 10px; display: block; margin: 0px auto; }



/* ================================ Media Query ================================ */
@media (max-width: 1599px) {
  .dashboard-info-cards.information-cards-wrap .cards-nth-child { width: calc((100% / 3) - 9.33px);  }
}

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

  /********* Loader *********/
  .loader { width: 65px; height: 65px; }

	.container{max-width:1120px;}

  /* ================================================ Waste Management Page ================================================ */
  .waste-management-panel .chartContainer-wrapper .fields-wrapper { max-width: 100%; }
  .waste-management-panel .chartContainer-wrapper .fields-wrapper .input-wrap:first-child,
  .waste-management-panel .chartContainer-wrapper .fields-wrapper .input-wrap:last-child { max-width: calc(50% - 8px); }


  /* ================================================ Audit Form Page ================================================ */
  .dashboard-panel.audit-form-panel { padding-bottom: 132px; }
  .audit-form-panel .dashboard-form-wrap { width: calc(100% - 320px); }
  .audit-form-panel .audit-sidebar { max-width: 280px; padding: 20px 0px 20px 30px; }
  .audit-form-panel-steps .step-progress-wrapper { width: calc(100% - 326px); }
  .audit-form-panel-steps { padding: 20px 20px 20px 320px; gap: 50px; }
  .audit-form-panel-steps .btns-wrapper { gap: 15px; }
  .audit-form-panel-steps .comman-btn { min-width: 100px; }

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


  /********* Loader *********/
  .loader-wrapper-inner { width: calc(100% - 275px); }
  .loader { width: 60px; height: 60px; }


  .heading-style-1{font-size: 26px;line-height: 34px;}
  .heading-style-2{font-size: 22px;line-height: 30px;}
  .heading-style-3{font-size: 18px;line-height: 26px;}
  .heading-style-4{font-size: 16px;line-height: 24px;}
  .p-big{font-size: 14px;line-height: 22px;}
  
  /* ====== button ====== */
  .comman-btn{padding:6px 16px; font-size: 14px;line-height: 22px;border-radius: 35px;gap: 7px;}
  .comman-btn img{width: 16px;height: 16px;}
  .button-link{font-size: 14px;line-height: 20px;}

  /*modal*/
  .modal#remove-project .modal-dialog,
  .modal#remove-certificate .modal-dialog,
  .modal#remove-request .modal-dialog{ max-width: 550px;  }
  .modal#remove-project .modal-body,
  .modal#remove-certificate .modal-body,
  .modal#remove-request .modal-body { padding-block: 30px; }

  /* ========== header ========== */
  header {padding: 17px 28px;}
  /* ================================================ authantication page ================================================ */
  /* ======================== login banner ======================== */
  .login-banner header .logo{width: 170px;}
  .login-container-wrap{height: calc(100% - 78px);}
  .login-banner .row{max-width: 920px;}
  /* form */
  .login-banner h3{margin-bottom: 30px;}
  .login-banner .form{padding: 60px; height: 100%;}
  
  /* ============== comman form style ============== */
  .input-wrap{margin-bottom: 14px;}
  form .input-inner a img{width: 16px;height: 16px;}
  input[type="text"], 
  input[type="number"],
  input[type="tel"],
  input[type="email"], 
  textarea,
  input[type="password"]{padding: 10px 15px;}
  input[type="text"], 
  input[type="number"],
  input[type="tel"],
  input[type="email"], 
  input[type="password"],
  textarea,
  input[type="text"]::placeholder, 
  input[type="number"]::placeholder,    
  input[type="tel"]::placeholder,
  input[type="email"]::placeholder, 
  textarea::placeholder,
  input[type="password"]::placeholder{ font-size: 15px; line-height: 22px; }

  /* form button */
  form .comman-btn{margin-top: 15px;}
  form .button-link{margin-top: 12px;}
  
  /* increment and decrement button style */
  .quantity-wrap button{width: 40px;height: 40px;}
  .quantity-wrap button img{width: 18px;height: 18px;}

  /* ==================== select css ============== */
  .single-select-dropdown-main .select2-container--default .select2-selection--single,.single-select-dropdown-main .select2-container--default .select2-selection--multiple{ padding: 10px 15px;  }
  .single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 15px; line-height: 22px; } 
  .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:16px; height:16px;}
  .single-select-dropdown-open-main .select2-results__options .select2-results__option { padding: 8px 12px; font-size: 15px; line-height: 22px; } 


  /* rate approval modal*/
  .assign-worker-modal .modal-dialog, #rate-approval-modal .modal-dialog { max-width: 90%; }

  /*assign worker modal*/
  .assign-worker-modal .modal-body { padding: 18px; }
  .assign-worker-modal .input-wrap { margin-bottom: 18px; }

  /*assign worker override modal*/
  .assign-worker-modal.assign-worker-override-modal .modal-dialog { max-width: 498px; }
  .assign-worker-modal.assign-worker-override-modal .new-rate .input-inner .btn { font-size: 14px; line-height: 16px; }

  /*Preview image modal*/
  .image-preview-modal .modal-body .client-img { width: 80px; height: 80px; }


  /* ============================================== dashboard page ============================================== */       
  /* ============== sidebar ============== */
    .sidebar{padding: 30px 20px; gap: 28px;width: 275px;}
  .sidebar .main-nav{gap: 25px;}
  .sidebar .logo{width: 170px;}    
  /* ================ sidebar-clients ================== */
  /* client project */
  .sidebar-clients a{padding: 12px;}    
  /* menu */
  .sidebar p{margin-bottom: 14px;}
  .sidebar .main-nav li a{padding: 7px 12px;}
  .sidebar .main-nav li a img{width: 16px;height: 16px;}    
  /* sub menu */
  .sidebar .main-nav li ul{margin-bottom: 12px;}
  /* ================ header ================ */
  /* notification-icon */
  .notification{min-width: 300px;max-width: 300px;}

  /* ================ dashboard-panel ================ */
  .main-right{width: calc(100% - 275px);}
  .dashboard-panel{padding: 20px 25px;gap: 20px;}
  
  
  /* cards */
  .information-cards-wrap .row{--bs-gutter-x:10px;}
  .information-cards-wrap .information-card-inner{padding: 20px;}
  .information-cards-wrap .card-image{height: 44px; width: 44px;}
  
  /* dashboard table */
  /* form inputs */
  .search-bar input{padding:4px 12px 4px 30px !important;}
  .search-bar img{left: 10px;}
  /*=== thead ===*/
  .dashboard-table th a img{width: 9px;}
  .dashboard-table th:first-child, .dashboard-table td:first-child{padding-left: 22px;}
  .dashboard-table th:last-child, .dashboard-table td:last-child{padding-right: 22px;}
  .dashboard-table th, 
  table.dataTable > thead > tr > th { padding: 22px 10px; }



  .search-bar img, .priority img, .attech-file-name img{width: 16px;height: 16px;}
  
  /* date */
  .date-calander{background: url(../images/calendar-icon.svg) no-repeat 7px center / 16px auto;}
  .form-date-inner .date-calander,
  .form-date-inner .readonly-date-calander {background: url(../images/calendar-icon.svg) no-repeat 98.2% center / 16px auto;}
  /* === table body === */
  .dashboard-table .assignee-profile img{width: 40px;height: 40px;}
  /* .dashboard-table.multiple-select2-table input:not(.form-check-input) { padding-block: 9px !important; font-size: 12px; }
  .dashboard-table.multiple-select2-table .single-select-dropdown-main .select2-container--default .select2-selection--single, 
  .dashboard-table.multiple-select2-table .single-select-dropdown-main .select2-container--default .select2-selection--multiple { height: 42px; }
  .dashboard-table.multiple-select2-table .select2-container--default .select2-selection--multiple .select2-selection__choice span { font-size: 12px; line-height: 1; } */
  /* action menu */
  .table-dropdown-menu li img{width: 16px;height: 16px;}
  /* pagination */
  .page-link{padding: 5px 11px;}

  /* ================================================ health and safety page ================================================ */
  /* sidebar */
  .health-safety-sidebar ul li a{padding: 10px;}
  
  /* search bar */
  .health-safety-table .search-filter-wrap{padding-right: 22px;}
  .health-safety-table .search-filter-wrap .search-bar img{left: 22px;}
  .health-safety-table .search-filter-wrap .search-bar input{padding: 22px 10px 22px 60px !important;}
  
  /* table */
  .health-safety-table th{font-size: 14px;line-height: 20px;}
  
  /* ================================================ Labour Request  page ================================================ */
  /* Labour Request Search */
  .labour-request .search-bar{padding: 20px;}
  .labour-request .search-filter-wrap .search-bar img{left: 30px;}
  .labour-request .search-filter-wrap .search-bar input{padding: 5px 20px 5px 35px !important;} 

  /* ================================================ Labour Request Detail page ================================================ */
  .labour-request-detail .labour-request-project-title { margin-bottom: 22px; }

  .labour-request-project-content-inner { gap: 60px; }
  .labour-request-project-content-inner .left-desc { width: calc((100% / 2) - 30px); }
  .labour-request-project-content-inner .left-desc .pricing{ width: 100%; }
  .labour-request-project-content-inner .left-desc .pricing .pricing-inner { width: calc((100% / 3) - 5.4px); }
  .labour-request-project-content-inner .left-desc .pricing .pricing-inner.profit,
  .labour-request-project-content-inner .left-desc .pricing .pricing-inner.loss { padding: 6px;  }


  .labour-request-project-content-inner .right-desc { width: calc((100% / 2) - 30px); }
  .labour-request-project-content-inner .right-desc .workers-assigned-list li { margin-bottom: 2px; }
  .labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-img { width: 40px; height: 40px;  }
  .labour-request-project-content-inner .right-desc .workers-assigned-list .worker-desc { width: calc(100% - 55px); }

  /* ================================================ TimeSheet Page ================================================ */
  .timesheet-panel .timesheet-detail-inner,
  .timesheet-panel .confirm-timesheet .confirm-timesheet-inner { padding-inline: 22px; }
  .timesheet-panel .new-timesheet-table { margin-top: 30px; }


  /* ================================================ Worker authentication Page ================================================ */
  .header-inner .logo { width: 160px; }
  .authentication-wrapper { min-height: calc(100dvh - 69px); margin-top: 69px;  }
  .authentication-wrapper .authentication-inner .btn-wrapper .comman-btn { min-width: 200px; }

  .authentication-wrapper .authentication-inner .form-content-inner,
  .authentication-wrapper .authentication-inner .form-content-inner.form-back-content-inner { width: 590px; padding: 46px; }
  .authentication-wrapper .authentication-inner .form-content-inner .timer { margin-bottom: 22px; }
  .authentication-wrapper .authentication-inner .form-content-inner .title { margin-bottom: 30px; }

  /* ================================================ Audit Approved Page ================================================ */
  .audit-panel .audit-improvement-card-wrapper .audit-improvement-info { padding: 16px; gap: 14px; }
  .audit-panel .audit-improvement-card-wrapper .audit-improvement-info .card-icon { width: 42px; height: 42px; border-radius: 4px; }
  .audit-panel .audit-improvement-card-wrapper .audit-improvement-info .card-icon img { width: 20px; }
  .audit-panel .audit-improvement-view-content { margin-top: 20px; }
  .audit-panel .audit-improvement-view-content .audit-improvement-view-content-header,
  .audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner { padding: 16px; }
  .audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner-desc:not(:last-child) { margin-bottom: 30px; }
  .audit-panel .approve-audit-box { padding: 16px; }

  /* ================================================ Audit Form Page ================================================ */
  .dashboard-panel.audit-form-panel { padding-bottom: 132px; }
  .audit-form-panel .audit-sidebar { display: none;}
  .audit-form-panel .dashboard-form-wrap { width: 100%; max-width: 100%; }
  .audit-form-panel-steps { padding-left: 300px; }

  /* ================================================ Purchase Order Detail Page ================================================ */
  .purchase-order-detail-left-desc-header,
  .purchase-order-detail-left-desc-content,
  .purchase-order-detail-right-desc { padding: 16px; }

  .purchase-order-detail-left-desc-content .content-wrapper:not(:last-child) { margin-bottom: 24px; }
  .purchase-order-detail-left-desc-content table th,
  .purchase-order-detail-left-desc-content table td { font-size: 14px; line-height: 22px; }

  .purchase-order-detail-right-desc .content-wrapper:not(:last-child) { margin-bottom: 18px; }

  /* ================================================ Purchase Order Supply Detail Page ================================================ */
  .purchase-order-supplier-detail-box-header,
  .purchase-order-supplier-detail-box-content { padding: 16px; }

  .purchase-order-supplier-detail-box-content .content-wrapper:not(:last-child),
  .purchase-order-supplier-detail-box.contact-detail-box .content-wrapper { margin-bottom: 24px; }

  /* ================================================ User Management 2 Page ================================================ */
  .user-management-module .accordion-main-box:not(:last-child) { margin-bottom: 50px; }

  /* ================================================ Account Module ================================================ */
  .account-module .profile-img-wrapper .btn-items .btn { border-radius: 4px; }
  .account-module .profile-img-wrapper .btn-items .btn img { width: 14px; height: 14px; }

  /**************** Electrionic Detail Pages ******************/
  .electronic-form-detail-wrapper .electronic-form-detail-left-desc,
  .electronic-form-detail-wrapper .electronic-form-detail-right-desc,
  .electronic-form-detail-wrapper .electronic-form-detail-left-desc .electronic-form-detail-box .electronic-form-detail-box-inner { padding: 20px; }
  .electronic-form-detail-wrapper .electronic-form-detail-left-desc .electronic-form-detail-box:not(:last-child) { margin-bottom: 30px; }

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

    /********* Loader *********/
    .loader-wrapper-inner { width: 100%; }
    .loader { width: 50px; height: 50px; }

    .heading-style-1{font-size: 24px;line-height: 32px;}
    .heading-style-2{font-size: 21px;line-height: 28px;}
    .heading-style-3{font-size: 17px;line-height: 26px;}
    
    /* ====== button ====== */
    .comman-btn{padding: 6px 14px; font-size: 14px; line-height: 22px; border-radius: 30px; gap: 5px;}
    .comman-btn img{width: 15px;height: 15px;}
    
    /* ========== header ========== */
    header {padding: 15px 20px;}
    /* ================================================ authantication page ================================================ */    
    /* ======================== login banner ======================== */
    .login-banner header .logo{width: 160px;}
    .login-container-wrap{height: calc(100% - 68px);}
    .login-banner .row{max-width: 720px;}
    /* form */
    .login-banner h3{margin-bottom: 26px;}
    .login-banner .form{padding: 50px 30px;}
    .login-banner .form .form-btn{gap: 16px;}
    
    /* ============== registration style ============== */
    .registration-from .login-container-wrap { padding: 89px 0 20px; }
    
    /* ============== comman form style ============== */
    .input-wrap{margin-bottom: 12px;}
    form .input-inner a{right: 12px;}
    form .input-inner a img{width: 15px;height: 15px;}
    input[type="text"], 
    input[type="number"],
    input[type="tel"],
    input[type="email"], 
    textarea,
    input[type="password"]{padding: 9px 12px;}
    input[type="text"], 
    input[type="number"],
    input[type="tel"],
    input[type="email"], 
    textarea,
    input[type="password"],
    input[type="text"]::placeholder, 
    input[type="number"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="email"]::placeholder, 
    textarea::placeholder,
    input[type="password"]::placeholder{ font-size: 14px; line-height: 20px; }

    /* form button */
    form .comman-btn{margin-top: 14px;}
    form .button-link{margin-top: 11px;}
  
    .profit-wrap{font-size: 16px; line-height: 24px;}
    
    /* ==================== select css ============== */
    .single-select-dropdown-main .select2-container--default .select2-selection--single,.single-select-dropdown-main .select2-container--default .select2-selection--multiple{ padding: 9px 12px;  }
    .single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 14px; line-height: 20px; } 
    .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:15px; height:15px;}
    .single-select-dropdown-open-main .select2-results__options .select2-results__option { padding: 7px 10px; font-size: 14px; line-height: 20px; } 

    .modal-header { padding: 12px; }
    /*assign worker modal*/
    .assign-worker-modal .input-wrap { margin-bottom: 16px; }
    .assign-worker-modal .btn-green-fill { width: auto; min-width: unset; }
    .assign-worker-modal .pop-up-btn button { min-width: 140px; width: auto; }

    /*Preview image modal*/
    .image-preview-modal .modal-body .client-img { width: 60px; height: 60px; }

    /* ============================================== dashboard page ============================================== */       
    /* ================ header ================ */
    header .header-wraper .navbar-toggler{display: block;}
    .slide-left{transform: translateX(-100%);}   
    .custom-navbar-nav .dropdown-menu{transform: translate(0, 66px) !important;} 
    
    /* ================ dashboard-panel ================ */
    .main-right{width: 100%;}
    .dashboard-panel{margin-top: 76px;}

    /* ================================================ Worker authentication Page ================================================ */
    .authentication-wrapper .authentication-inner .btn-wrapper .comman-btn { min-width: 200px; }
    .authentication-wrapper .authentication-inner .form-content-inner,
    .authentication-wrapper .authentication-inner .form-content-inner.form-back-content-inner { width: 490px; padding: 32px; }
    .authentication-wrapper .authentication-inner .form-content-inner .timer { margin-bottom: 16px; }
    .authentication-wrapper .authentication-inner .form-content-inner .title { margin-bottom: 24px; }

     /* ================================================ Audit Notice Page ================================================ */
     .audit-panel .form-inner .btn-wrapper { gap: 20px; margin-top: 25px; }

    /* ================================================ Audit Form Page ================================================ */
    .audit-form-panel-steps { padding: 20px; }


    /* ================================================ Waste Management Page ================================================ */
    .waste-management-panel .chartContainer-wrapper .chart-container-inner .legend-container { margin-top: 40px; }
    .waste-management-panel .chartContainer-wrapper .chart-container .chart-title,
    .waste-management-panel .chartContainer-wrapper .chart-container-inner { padding: 16px; }

    /* ================================================ User Management 2 Page ================================================ */
    .user-management-module .accordion-main-box:not(:last-child) { margin-bottom: 40px; }
    .accordion-body-inner .flex-wrapper { gap: 16px; }
    .accordion-body { padding: 16px 0px 16px 16px; }
    .accordion-body .add-field { margin: 16px 0px 0px 28px; }

    /****************** Electronic Pages ******************/
    #guidelines-modal .modal-dialog { max-width: 95%; }
    
}
@media screen and (max-width:767px){
    .heading-style-1{font-size: 22px;line-height: 30px;}
    .heading-style-2{font-size: 20px;line-height: 28px;}
    .heading-style-3{font-size: 16px;line-height: 24px;}
    
    .dashboard-body{height: 100vh;min-height: 600px;}
    body{height: auto;min-height: auto;}
    /* ====== button ====== */
    .comman-btn{padding: 5px 16px;border-radius: 28px; gap: 8px;}
    .comman-btn img{width: 14px;height: 14px;}

    /* ============= date picker ============= */
    .daterangepicker .calendar-table th.month { font-size: 16px; line-height: 1; }
    .daterangepicker .calendar-table td { font-size: 12px; line-height: 20px; }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { width: 35px; height: 35px; }


    /*assign worker modal*/
    .assign-worker-modal .labour-rates > .row { gap: 20px; }

    /*assign worker override modal*/
    .assign-worker-modal.assign-worker-override-modal .modal-dialog { max-width: 90%; }
    .assign-worker-modal.assign-worker-override-modal .new-rate .input-inner { gap: 10px; }
    .assign-worker-modal.assign-worker-override-modal .new-rate .input-inner input { max-width: 100%; }

    .image-preview-modal .modal-body .btn-wrapper { gap: 10px; }
    .image-preview-modal .modal-body .btn-wrapper button { width:100%; }




    /* ========== header ========== */
    header {padding: 14px 20px;}
    /* ================================================ authantication page ================================================ */    
    /* ======================== login banner ======================== */
    .login-banner { height: auto; }
    .login-banner header .logo{width: 150px;}
    .login-container-wrap{height: auto; padding: 87px 0 20px;}
    .login-banner .row{max-width: 100%;padding-inline: 20px;}
    /* form */
    .login-banner h3{margin-bottom: 26px;}
    .login-banner .form{padding: 30px;}
    
    /* ============== comman form style ============== */
    .input-wrap{margin-bottom: 16px;}
    form .input-inner a img{width: 14px;height: 14px;}
    input[type="text"],
    input[type="number"],
    input[type="tel"],
    input[type="email"],
    textarea,
    input[type="password"]{padding: 9px 11px;}

    /* form button */
    form .comman-btn{margin-top: 12px;}
    form .button-link{margin-top: 10px;}
    
    /* increment decrement */
    .quantity-wrap button { width: 36px; height: 36px; }

    /* ==================== select css ============== */
    .single-select-dropdown-main .select2-container--default .select2-selection--single,.single-select-dropdown-main .select2-container--default .select2-selection--multiple{ padding: 9px 11px;  }
    .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:14px; height:14px;}
    .single-select-dropdown-open-main .select2-results__options .select2-results__option { padding: 7px 9px;} 

    /* ============================================== dashboard page ============================================== */       
    /* header */
    .notification{right: 0;left: auto; max-width: 320px;}
    /* ================ dashboard-panel ================ */
    .dashboard-panel{margin-top: 74px;}
    /* cards */
    .information-cards-wrap .information-card-inner{min-height: 176px;}
    .dashboard-info-cards.information-cards-wrap .cards-nth-child { width: calc((100% / 2) - 7px);  }

    /* table */
    .dashboard-table th:first-child, .dashboard-table td:first-child{padding-left: 20px;}
    .dashboard-table th:last-child, .dashboard-table td:last-child{padding-right: 20px;}
    
    /* ================================================ health and safety page ================================================ */
    .table-sidebar{position: absolute;height: 100%;max-width: 250px;z-index: 10; height: 100%; overflow-y: auto; }
    .health-safety-body button{display: block;}
    
    /*  */
    .health-safety-table .search-filter-wrap .search-bar input{padding: 22px 10px 22px 50px !important;}
    .health-safety-table .search-filter-wrap { padding: 16px 0px 16px 0px; }
    /* custom bg */
    .health-safety-body .table-slide-left{transform: translateX(-100%);} 
    .health-safety-body .table-custom-backdrop{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: black; z-index: -1; opacity: 0; transition: 0.4s;}
    .health-safety-body .table-custom-backdrop.show{z-index: 10; opacity: 0.4;}
    .health-safety-body .full{height: 100vh;overflow: hidden;}
    
    /* ================================================ Labour Request  page ================================================ */
    /* Labour Request Search */
    .labour-request .search-filter-wrap .search-bar input{padding: 5px 20px 5px 35px !important;}  


    /* ================================================ Labour Request Detail page ================================================ */
    .labour-request-detail .labour-request-project-title { margin-bottom: 22px; flex-direction: column;  -webkit-flex-direction: column; }
    .labour-request-detail .labour-request-project-title .right-desc p { text-align: left; padding: 0px; }
    .labour-request-project-content-inner .left-desc .title { padding: 0px;}

    .labour-request-project-content-inner { gap: 30px; }
    .labour-request-project-content-inner .left-desc { width: 100%; }
    .labour-request-project-content-inner .left-desc .pricing{ width: 100%; }
    .labour-request-project-content-inner .left-desc .pricing .pricing-inner { width: calc((100% / 3) - 5.4px); }

    .labour-request-project-content-inner .right-desc { width: 100%; }
    .labour-request-project-content-inner .right-desc .workers-assigned-list li { margin-bottom: 2px; }
    .labour-request-project-content-inner .right-desc .workers-assigned-list li .worker-img { width: 40px; height: 40px;  }
    .labour-request-project-content-inner .right-desc .workers-assigned-list .worker-desc { width: calc(100% - 55px); }

    /* ================================================ TimeSheet Page ================================================ */
    .timesheet-panel .dashboard-title-wrap-inner .input-wrap { max-width: 100%; width: 100%; }
    .timesheet-panel .timesheet-detail-inner,
    .timesheet-panel .confirm-timesheet .confirm-timesheet-inner { padding-inline: 16px; }
    .timesheet-panel .timesheet-detail-inner > .row .input-wrap { margin-bottom: 12px; }
    .timesheet-panel .new-timesheet-table { margin-top: 10px; }

    /* ================================================ Worker authentication Page ================================================ */
    .header-inner .logo { width: 140px; }
    .authentication-wrapper { min-height: calc(100dvh - 58px); margin-top: 58px;  }
    .authentication-wrapper .authentication-inner .btn-wrapper .comman-btn { min-width: 120px; }
    .authentication-wrapper .authentication-inner .form-content-inner,
    .authentication-wrapper .authentication-inner .form-content-inner.form-back-content-inner { width: 100%; padding: 20px; }
    .authentication-wrapper .authentication-inner .form-content-inner .timer { margin-bottom: 16px; }
    .authentication-wrapper .authentication-inner .form-content-inner .title { margin-bottom: 24px; }

    /* ================================================ Audit Page ================================================ */
    .audit-panel .dashboard-title-wrap { gap: 14px; }
    .audit-panel .dashboard-title-wrap-inner  { max-width: 100%; width: 100%; }
    .audit-panel .information-cards-wrap .row { row-gap: 16px; }
    .audit-panel .information-cards-wrap .row > * { margin: 0px; }
    .dashboard-body:has(.audit-panel) .daterangepicker.opensright:before { left: 9px; right: auto; }
    .dashboard-body:has(.audit-panel) .daterangepicker.opensright::after { left: 10px; right: auto; }


    /* ================================================ Audit Notice Page ================================================ */
    .audit-panel .form-inner .btn-wrapper { gap: 12px; }
    .audit-panel .form-inner .btn-wrapper .btn { font-size: 14px; }
    .audit-panel .form-inner .btn-wrapper .btn img { width: 16px; height: auto; }

    /* ================================================ Audit Approved Page ================================================ */
    .audit-panel .approve-audit-box { margin-top: 30px; }
    .audit-panel .audit-improvement-view-content .audit-improvement-view-content-inner .two-col-img-wrapper img { width: 100%; }


    /* ================================================ Audit Form Page ================================================ */
    .dashboard-panel.audit-form-panel { padding-bottom: 110px; }
    .audit-form-panel-steps .step-progress-wrapper { width: 100%; }
    .audit-form-panel-steps .btns-wrapper { justify-content: flex-end; -webkit-justify-content: flex-end; }
    .audit-form-panel-steps { padding: 20px; flex-direction: column; gap: 20px; }

    /* ================================================ Waste Management Page ================================================ */
    .waste-management-panel .chartContainer-wrapper .chart-container-inner .legend-container { margin-top: 30px; }
    .waste-management-panel .chartContainer-wrapper .chart-container-inner canvas { max-width: 100%; }

    /* ================================================ Purchase Order Detail Page ================================================ */
    .purchase-order-detail-left-desc-content .content-wrapper:not(:last-child) { margin-bottom: 20px; }
    .purchase-order-detail-right-desc .content-wrapper:not(:last-child) { margin-bottom: 16px; }

    /* ================================================ Purchase Order Supply Detail Page ================================================ */
    .purchase-order-supplier-detail-box { margin-bottom: 24px; }
    .purchase-order-supplier-detail-box-content .content-wrapper:not(:last-child),
    .purchase-order-supplier-detail-box.contact-detail-box .content-wrapper { margin-bottom: 20px; }

    /* ================================================ User Management 2 Page ================================================ */
    .user-management-module .accordion-main-box:not(:last-child) { margin-bottom: 30px; }
    .user-management-module .accordion-body-inner .searchbar .form-control { width: 100%; margin-left: 0px; }

    /* ================================================ Account Module ================================================ */
    .account-module .account-password-wrapper .col-md-4:not(:last-child) .input-wrap { margin-bottom: 16px !important; }


    /****************** Electronic Pages ******************/
    .electronic-form-main-inner .logo-wrapper { padding: 16px; margin-bottom: 20px; }
    .electronic-form-content { margin-bottom: 30px; }
    .electronic-form-box:not(:last-child) { margin-bottom: 30px; }
    .electronic-form-box .form-inner { padding: 20px; }
    .steps-section { padding: 20px; }
    #guidelines-modal .modal-dialog { margin: 12px; }
    #guidelines-modal.guidelines-secondary-modal .modal-dialog { max-width: 96%; }
    .electronic-form-box .form-inner.checklist .form-check .form-check-input { margin: 0px; width: 20px; height: 20px; }
    .electronic-form-box .form-inner.checklist .form-check-label { font-size: 14px; line-height: 22px; }
    .electronic-form-box .form-inner.checklist .form-check { margin-bottom: 18px;}
    .worker-electronic-signature-wrapper-inner { flex-direction: column; gap: 20px; }
    .worker-electronic-signature-wrapper-inner .worker-desc,
    .worker-electronic-signature-wrapper-inner .worker-signature { width: 100%; }
    .lift-equipment-slider .slick-arrow, .lift-accessories-slider .slick-arrow { width: 32px; height: 32px; }
    .lift-equipment-slider .slick-next.slick-arrow, .lift-accessories-slider .slick-next.slick-arrow { right: -10px; }
    .lift-equipment-slider .slick-prev.slick-arrow, .lift-accessories-slider .slick-prev.slick-arrow { left: -10px; }
    .lift-equipment-slider .slick-arrow::before, .lift-accessories-slider .slick-arrow::before { background-size: 10px; width: 10px; height: 10px; }
    


}
@media screen and (max-width:575px){
  .p-big{line-height: 20px;}
    /* ====== button ====== */
    .comman-btn{padding: 4px 14px;border-radius: 26px; gap: 6px;}
    
    /* ========== header ========== */
    header {padding: 12px 15px;}
    /* ================================================ authantication page ================================================ */    
    /* ======================== login banner ======================== */
    .login-banner header .logo{width: 130px;}
    /* .login-container-wrap{height: 100vh;padding: 110px 0 50px;min-height: 180vw;} */
    /* form */
    .login-banner h3{margin-bottom: 24px;}
    .login-banner .form{padding: 20px;}
    .login-banner .form .form-btn{gap: 12px;}
        
    /* ======================== registration page ======================== */
    .registration-from .login-container-wrap{height: 100%;}
    .registration-from .login-container-wrap{padding: 79px 0 20px;}
    .registration-from .login-container-wrap .row .row{--bs-gutter-x:0;}
    
    /* ============== comman form style ============== */
    input[type="text"],
    input[type="number"],
    input[type="tel"],
    input[type="email"],
    textarea,
    input[type="password"]{padding: 8px 11px;}
    textarea{height: 120px;}
    
    /* file upload */
    .wpcf7-form-control-wrap{flex-direction: column;text-align: center;}

    /*performance*/
    #performance-score .input-inner{gap: 6px;}
    #performance-score .input-inner p{margin: 0 !important;}
    #performance-score .form-check-input{width: 14px; height: 14px;}

    
    /* increment decrement */
    .quantity-wrap button { width: 34px; height: 34px; }
    
    /* ==================== select css ============== */
    .single-select-dropdown-main .select2-container--default .select2-selection--single,.single-select-dropdown-main .select2-container--default .select2-selection--multiple{ padding: 8px 11px;  }
    .single-select-dropdown-open-main .select2-results__options .select2-results__option { padding: 7px 9px;} 
    .select2-container--default .select2-search--inline .select2-search__field{vertical-align: sub;}
    .select2-container--default .select2-selection--multiple .select2-selection__clear{margin-top: 0;padding: 0;}
    
    /* ============================================== dashboard page ============================================== */ 
    /* header */
    header .header-wraper .custom-navbar-nav{gap: 5px;}
    .notification{left: -90px; min-width: 280px; max-width: 280px;}
    .notification > div{padding: 11px;}
    .notification p{margin-bottom: 6px;}
    .profile-icon img{width: 35px;height: 35px;}
    .custom-navbar-nav .profile-btn{gap: 4px;}
    .profile-nav-content p:last-child{font-size: 11px;}
    .custom-navbar-nav .dropdown-menu{transform: translate(0, 60px) !important;} 
    
    /* ============ .sidebar =========== */
    .sidebar{padding: 25px 15px; gap: 25px; width: 260px;}
    .sidebar .logo { width: 150px; }
    .sidebar .main-nav { gap: 20px; }
    
    /* ================ dashboard-panel ================ */
    .dashboard-panel{margin-top: 66px;padding: 20px 15px;}
    /* title */
    .dashboard-title-wrap{flex-wrap: wrap;  gap: 15px;}
    
    /* cards */
    .dashboard-info-cards.information-cards-wrap .cards-nth-child { width: 100%;  }
    .information-cards-wrap .information-card-inner{min-height: auto;}
    .information-cards-wrap .row{row-gap: 10px;}
    
    /* text message style */
    .text-msg-wrap{padding: 12px 20px;gap: 18px;}
    
    /* ================== modal ================== */
    .modal-body{padding: 20px;}
    .modal ul li ul{padding: 0 25px 0 16px;}.modal ul li div{margin-bottom: 7px;}    
    
    /* ================================================ health and safety page ================================================ */
    .health-safety-table .search-filter-wrap .search-bar input{padding: 22px 10px 22px 45px !important;}
    .health-safety-body button img{width: 18px;height: 18px;}
    .table-sidebar{max-width: 230px;}
    
     /* ================================================ Labour Request  page ================================================ */
    /* Labour Request Search */
    .labour-request .search-filter-wrap .search-bar input{padding: 5px 20px 5px 35px !important;} 

    /* ================================================ Waste Management Page ================================================ */
    .waste-management-panel .chartContainer-wrapper .fields-wrapper .input-wrap:first-child,
    .waste-management-panel .chartContainer-wrapper .fields-wrapper .input-wrap:last-child { max-width: calc(100% - 0px); }
    .waste-management-panel .chartContainer-wrapper .chart-container-inner .legend-container { column-count: 1; column-gap: 0px; }

    /* ================================================ Purchase Order Supply Detail Page ================================================ */
    .purchase-order-supplier-detail-box-content .flex-wrapper .flex-wrapper-inner { width: 100%; padding: 0px 0px 20px 0px; }
    .purchase-order-supplier-detail-box-content .flex-wrapper .flex-wrapper-inner:last-child { padding: 20px 0px 0px 0px; border-left: none; border-top: 1px solid var(--gray1);  }


}