/* ========= Font Variable Start ========= */
/* =========  Colors Variable Start ========= */
/* ========= Font weight ========= */
/* =========== ASSETS IMAGE PATH FUNCTION ============= */
/* ========= FONT REM CALCULATION FUNCTION =========== */
/* ========= HEADING REM CALCULATION FUNCTION ======== */
/* ========= MARGIN REM CALCULATION FUNCTION ======== */
/* ===========================  Font Size Rem  =================================== */
/* ===========================  CALC FUNCTION RULE =================================== */
/* Usage Calc Function */
/* ===========================  Transition all 3s ease  =================================== */
/* ===========================  Breakpoints =================================== */
/*Large devices (desktops, less than 1600px)*/
/*Large devices (desktops, grater than 1200px)*/
/*Large devices (desktops, grater than 1200px)*/
/*Large devices (desktops, less than 1200px)*/
/*494ts,desktops, grater than 992px*/
/* Medium devices (tablets, less than 992px) */
/*tablets,desktops, grater than 768px*/
/* Small devices (landscape phones, less than 768px)*/
/* Extra small devices (portrait phones, less than 576px) */
/* Extra small devices (portrait phones, less than 413px) */
/* ===========================  PADDING RULE  =================================== */
/* Usage Padding */
/* ===========================  MARGIN RULE  =================================== */
/* Usage Margin */
/* ===========================  TEXT ELLIPSIS  =================================== */
/* Usage Text Shorting */
/* ===========================  BORDER RADIUS  =================================== */
/* Usage Border Radius */
/* ===========================  Flex  =================================== */
/* ===========================  Flex  =================================== */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins-regular-font.woff2') format('woff2'), url('../fonts/poppins-regular-font.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family:'Material Icons';font-style: normal;font-weight: 400;src: url("../fonts/material-font.woff2") format("woff2"); }
:root,
.black-white-theme {
  color-scheme: dark;
  --bs-body-bg: #0a0c12;
  --bs-emphasis-color: #121621;
  --bs-bg-emphasis-color: #121621;
  --bs-body-color: #7d7c93;
  --bs-gray-text: #7d7c93;
  --bs-gray-text2: #475467;
  --bs-indigo: #5628ee;
  --bs-scroll-bar-thumb: #7d7c93;
  --bs-border-table: rgba(255,255,255,0.125);
  --bs-gray-900: #7d7c93;
  --bs-blue-light: #1c1d38;
  --bs-blue-100: #ffffff;
  --bs-modal-bg: #252526;


  --bs-blue: #007bff;
  --bs-purple: #8A00F6;
  --bs-pink: #d63384;
  --bs-red: #F60000;
  --bs-orange: #fd7e14;
  --bs-yellow: #DB8C28;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  /* --bs-gray-900: #212529; */
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-secondary-bg: #343a40;
  --bs-tertiary-bg: #2b3035;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #7d7c93;
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;

  --form-input-border: #7d7c93;
  --form-input-color: #7d7c93;
  --bg-light-gray: #121621;
}

:root,
.white-theme {
  color-scheme: light;
  --bs-body-bg: #ffffff;
  --bs-emphasis-color: #F5F6F8;
  --bs-scroll-bar-thumb: #d7d5d5;
  --bs-border-table: rgba(0,0,0,0.125);
  --bs-bg-emphasis-color: #ffffff;
  --bs-gray-50: #f5f6f8;
  --bs-gray-900: #21232C;
  --bs-blue-light: #e1eeff;
  --bs-blue-100: #2b74da;
  --bs-border-color: #121621;



  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;

  --form-input-border: #D0D5DD;
  --form-input-color: #344054;
  --form-input-placeholder: #667085;
  --bg-light-gray: #F9FAFB;
}

*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

*::-webkit-scrollbar {width: 6px; height: 6px; border-radius: 6px;}
*::-webkit-scrollbar-thumb{ background-color: var(--bs-scroll-bar-thumb);border-radius: 6px;}

body { font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 1rem; line-height: 26px; color: var(--bs-body-color); -webkit-font-smoothing: antialiased; margin: 0; padding: 0; background: var(--bs-body-bg); }

/* =========================== Start Typhography =========================== */
h1, h2, h3, h4, h5 { color: #ccd0d8; }
h1 { font-size: 2rem; line-height: 1.3; margin: 0px 0px 15px; padding: 0px; font-weight: 600; }
h2 { font-size: 1.125rem; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; font-weight: 600; }
h3 { font-size: 1.125rem; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; font-weight: 600; }
h4 { font-size: 1rem; margin: 0px 0px 15px; padding: 0px; line-height: 1.3; font-weight: 600; }
h5 { font-size: 0.875rem; margin: 0px 0px 15px; padding: 0px; line-height: 1.3; font-weight: 600; }
p { margin: 0 0 20px 0; padding: 0; }
p.small-text { font-size: 0.75rem; line-height: 20px; }
/* =========================== End Typhography =========================== */

/* =========================== Start Helper CSS =========================== */

ul { margin: 0; padding: 0; list-style-type: none; }
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
a { color: var(--bs-indigo); outline: none; text-decoration: none; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; }
a:not([href]) { cursor: pointer; }
img { max-width: 100%; height: auto; outline: none !important; }
.material-icons { font-family: 'Material Icons', sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
select, input, button, textarea { outline: none !important; }
textarea { overflow: auto; padding: 8px 10px; line-height: 1.4;}
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(--bs-body-color) !important;
}
.form-check-input:checked{
    background-color: var(--bs-indigo);
    border-color: var(--bs-indigo);
}
.form-check-input {background-color: transparent; cursor: pointer; margin: 0; border-color: #a0a2a5; vertical-align: middle;}
.form-check .form-check-input {margin: 0;}
.cursor-pointer{ cursor: pointer; }
.gap-10 {gap: 10px;}
.gap-14 {gap: 14px;}
.min-w-96 {min-width: 96px;}
.fs-0 { font-size: 0; }
.max-960 { max-width: 960px; }
.chatgpt.text-dark {color: var(--bs-body-color) !important;}
.chatgpt-textarea textarea {background: var(--bs-bg-emphasis-color); color: var(--bs-body-color); border: none; height: 40px; width: 92%;}
.chatgpt-textarea textarea::-webkit-input-placeholder {color: var(--bs-body-color);}
.chatgpt-textarea textarea:-moz-placeholder {color: var(--bs-body-color);}
.chatgpt-textarea textarea:-ms-input-placeholder {color: var(--bs-body-color);}
.chatgpt-textarea input {background: var(--bs-bg-emphasis-color); color: var(--bs-body-color); border: none; line-height: 1; padding: 10px 12px; text-transform: capitalize;}
.required-margin { margin-top: 30px; }
.fade.in { opacity: 1; }
.text-body-emphasis {color: #f5f6f8 !important; font-weight: 700; font-size: 22px; margin-bottom: 4px;}
.white-space-nowrap {white-space: nowrap !important;}
.fw-regular{
  font-weight: 400;
}
.fw-medium{
  font-weight: 500;
}
.fw-bold{
  font-weight: 600;
}
.font-11{
  font-size: 11px;
}
.font-12{
  font-size: 12px;
  line-height: 16px !important;
}
.font-14{
  font-size: 14px;
}
.font-24{
  font-size: 24px;
}
.font-30{
  font-size: 30px;
}
.font-48{
  font-size: 48px;
  line-height: 1.1;
}
.gray-text{
  color: var(--bs-gray-text);
}
.gray-dark{
  color: var( --bs-gray-text2) !important;
}
.text-primary{
  color: var(--bs-indigo) !important;
}
.text-blue-900 {
  color: #194185;
}
/* =========================== End Helper CSS =========================== */

/* Button */
.btn { font-size: 1rem; border-radius: 6px; padding: 10px 16px; line-height: 1; font-weight: 500; box-shadow: none !important; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; }
.btn.btn-lg, .btn-group-lg > .btn { font-size: 1.125rem; padding: 21px 30px; }
.btn.btn-sm, .btn-group-sm > .btn { font-size: 1rem; padding: 12px 20px; }
.btn-md{ height: 48px;}
.btn.btn-xsm { padding: 8px 14px; font-size: 0.875rem; }
/* .btn:not(:disabled):not(.disabled) { cursor: pointer; height: 40px; padding: 5px 20px; } */
.btn.btn-primary, .btn.btn-primary:not(:disabled):not(.disabled):active { background-color: var(--bs-indigo); border-color: var(--bs-indigo); color: var(--bs-white); }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:not(:disabled):not(.disabled):active:hover, .btn.btn-primary:not(:disabled):not(.disabled):active:focus { background-color: #4520d9; border-color: #4520d9; }
.btn.btn-primary.active, .btn.btn-primary.btn:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled):active.active, .btn.btn-primary:not(:disabled):not(.disabled):active.btn:not(:disabled):not(.disabled):active { background-color: #784bf1; border-color: #784bf1; color: var(--bs-white); }
.btn.btn-secondary, .btn.btn-secondary:not(:disabled):not(.disabled):active { background-color: #121621; border-color: var(--bs-body-color); color: var(--bs-body-color); }
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:not(:disabled):not(.disabled):active:hover, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus { background-color: #252934; border-color: #252934; color: #eaeaea;}
.btn.btn-secondary.active, .btn.btn-secondary.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled):active.active, .btn.btn-secondary:not(:disabled):not(.disabled):active.btn-secondary:not(:disabled):not(.disabled):active { background-color: #121621; border-color: #121621; border-color: var(--bs-body-color); }

.btn.btn-danger, .btn.btn-danger:not(:disabled):not(.disabled):active { background-color: var(--bs-danger); border-color: var(--bs-danger); color: var(--bs-white); }
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:not(:disabled):not(.disabled):active:hover, .btn.btn-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-danger:not(:disabled):not(.disabled):active.btn:not(:disabled):not(.disabled):active { background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn.btn-gray{background-color: #7e7c91; color: var(--bs-white);}
.btn:disabled, .btn.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: all;}
.btn.with-arrow { background-image: url("../img/btn-arrow.png"); background-repeat: no-repeat; background-position: 89% center;}
.permit-btn-wrapper .btn-close { color: var(--bs-white); background-color: var(--bs-black); border-color: var(--bs-black); opacity: 1; width: auto;}
.permit-btn-wrapper .btn-close:hover { color: var(--bs-white); }
.permit-status-btn { border-radius: 6px; height: 26px; padding: 4px 20px; font-size: 0.875rem; background-color: transparent !important; font-weight: 400; position: relative; width: 100% !important; }
.btn-min-150{
  min-width: 150px;
}
.btn-outline{
  background-color: var(--bs-white);
  color: var(--form-input-color);
  border: 1px solid var(--form-input-border);
  transition: 0.3s all;
}
.btn-outline:hover,.btn-outline:focus{
  background-color: var(--bs-black);
  color: var(--bs-white);
  border-color: var(--bs-black);
}
.btn-outline:hover .outline-btn-icon path,.btn-outline:active .outline-btn-icon path,.btn-outline:focus .outline-btn-icon path{
  stroke: var(--bs-white);
  transition: all 0.3s ease-in 0s;
}
.btn-outline:hover .outline-btn-icon-fill path,.btn-outline:active .outline-btn-icon-fill path,.btn-outline:focus .outline-btn-icon-fill path ,
.btn-secondary:hover .secondary-btn-icon-fill path,.btn-secondary:active .secondary-btn-icon-fill path,.btn-secondary:focus .secondary-btn-icon-fill path {
  fill: var(--bs-white);
  transition: all 0.3s ease-in 0s;
}
.black-white-theme .btn-outline{ background-color: transparent;}
.black-white-theme .btn-outline:hover,.black-white-theme  .btn-outline:focus{ border-color: var(--form-input-border);}

.btn-hover-green:hover{
  background-color: #40c181 !important;
  color: var(--bs-white) !important;
}
.btn-hover-red:hover{
  background-color: #f32f30 !important;
  color: var(--bs-white) !important;
}
.btn-hover-gray:hover{
  background-color: #7d7b92 !important;
  color: var(--bs-white) !important;
}
.btn-lightorange{
  background-color: #F67260;
  color: var(--bs-white) ;
}
.btn-lightorange:hover{
  background-color: #fa5d48;
  color: var(--bs-white)
}
/* Form Group */
.form-group { margin-bottom: 20px; }
.form-group label { font-size: 13px; line-height: 20px; color: var(--bs-body-color); font-weight: 600; margin-bottom: 4px; margin-inline-start: 0px; display: block; }
.form-group .with-icon { position: relative; }
.form-group .with-icon .form-control { padding-inline-end: 44px; }
.form-group .with-icon .input-icon { position: absolute; right: 14px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); line-height: 1; cursor: pointer; }
.form-group .with-icon .input-icon img { max-width: 20px; height: auto; }
.form-group.error label { color: #d04863; }
.form-group.error .form-control { border-color: #d04863; color: #d04863; }
.form-group.error .form-control::-webkit-input-placeholder { color: var(--bs-body-color); }
.form-group.error .form-control:-ms-input-placeholder { color: var(--bs-body-color); }
.form-group.error .form-control::placeholder { color: var(--bs-body-color); }
.form-group .error-text { font-size: 0.75rem; color: #d04863 !important; margin: 5px 0 0 16px; padding: 0; display: block; }
.form-control { height: 40px; width: 100%; border: solid 1px var(--form-input-border); background-color: transparent; font-size: 0.9rem; border-radius: 8px; font-weight: 400; color: var(--form-input-color); padding: 0 14px; -webkit-appearance: none !important;}
.form-control:focus {box-shadow: none; border-color: var(--bs-body-color); background-color: transparent;}
.form-control::placeholder { color: var(--bs-body-color); opacity: 1; }
.form-control-sm { height: calc(1em ); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.form-control-lg { height: 48px; padding: 0.5rem 1rem; font-size: 16px; line-height: 1.5; border-radius: 0.3rem; }
.form-control.error { border-color: #d04863; }
.checkbox-group { display: flex; flex-wrap: wrap; gap: 10px 30px;}
.checkbox-group .custom-checkbox { margin-inline-end: 0;}
.form-control:disabled, .form-control[readonly] { background-color: transparent; cursor: not-allowed; opacity: 0.7; }
textarea.form-control { height: 100px; padding: 12px 14px; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {opacity: 0;color: var(--bs-body-color);}
input[type=number] { -moz-appearance: textfield;}
.spin-button {position: relative;}
.spin-button::before, .spin-button::after {content: ' '; position: absolute; top: 50%; right: 22px; border: 5px solid transparent; }
.spin-button::before {border-bottom-color: #78778e; margin-top: -11px;}
.spin-button::after {border-top-color: #78778e; margin-top: 2px;}
.spin-button input[type=number] { color: currentColor; position: relative; z-index: 10; width: 100%; height: 100%; background-color: transparent; padding: 0; border: none;}
select.form-control { display: none; }
.form-check-input:focus {box-shadow: none; border-color: var(--bs-border-table);}
.form-check-input[type=checkbox] {height: 24px; width: 24px; flex-shrink: 0; border-radius: 4px;transform: scale(1);}
.worklot-col label{font-size:13px; line-height: 20px; font-weight: 600; margin-bottom: 4px; margin-inline-start: 0px;}

/* Nav Toggle Icon CSS */
header .logo .sidebar-toggle{display: none;}
#nav-icon{width: 20px;height: 20px; margin-top: 4px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon span {display: block; position: absolute; height: 2px; width: 50%; background: var(--bs-white); opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon span:nth-child(even) {left: 50%; border-radius: 0 9px 9px 0;}
#nav-icon span:nth-child(odd) {left:0px; border-radius: 9px 0 0 9px;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top: 2px;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top: 8px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {top: 14px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(1) {left: 0px; top: 5px;}
#nav-icon.open span:nth-child(2) {left: calc(50% - 4px); top: 5px;}
#nav-icon.open span:nth-child(3) {left: -50%; opacity: 0;}
#nav-icon.open span:nth-child(4) {left: 100%; opacity: 0;}
#nav-icon.open span:nth-child(5) {left: 0px; top: 11px;}
#nav-icon.open span:nth-child(6) {left: calc(50% - 4px); top: 11px;}
/* Nice Select */
.nice-select { -webkit-tap-highlight-color: transparent; background-color: transparent; border-radius: 10px; border: solid 1px var(--form-input-border); cursor: pointer; display: block; color: var(--bs-body-color); font-size: 0.9rem; font-weight: normal; line-height: 40px; outline: none; padding-inline-start: 22px; padding-inline-end: 30px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; }
.nice-select:after { border-bottom: 1px solid var(--bs-body-color); border-right: 1px solid var(--bs-body-color); content: ''; display: block; height: 7px; width: 7px; margin-top: -4px; pointer-events: none; position: absolute; right: 16px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.15s ease-in-out; }
.nice-select .current { overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; font-weight: 500; }
.nice-select .list { background-color: var(--bs-body-bg); box-shadow: rgba(255, 255, 255, 0.10) 0px 0px 8px 0px; border-radius: 10px; margin-top: 2px; opacity: 0; padding: 5px 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; width: 100%; max-height: 430px; overflow: auto; max-height: 220px; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px 0px;}
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { cursor: pointer; font-weight: 500; line-height: 42px; min-height: 42px; list-style: none; outline: none; padding-inline-start: 18px; padding-inline-end: 18px; text-align: left; transition: all 0.2s; color: var(--bs-body-color);white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { color: var(--bs-body-color); background-color: rgba(204, 208, 216, 0.3); }
.nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled, .nice-select:disabled { opacity: 0.6; pointer-events: none; }

/* Bootstrap Select Dropdown */
.dropdown-item.active, .dropdown-item:active{ background-color: var(--bs-indigo); }
.bootstrap-select.dropdown { width: 100% !important; }
.bootstrap-select.dropdown .dropdown-toggle { height: 40px; line-height: 40px; border-radius: 8px; border: solid 1px var(--form-input-border); font-size: 0.9rem; padding: 0px 30px 0px 14px; font-weight: 500; color: var(--form-input-color); background-color: transparent !important; outline: none !important; }
.bootstrap-select.dropdown .dropdown-toggle::after { border: none;  margin: 0; position: absolute; right: 12px; transition: all 0.15s ease-in-out; }
.bootstrap-select.dropdown .dropdown-toggle.show{border-color: var(--bs-body-color);background-color: var(--bs-white) !important;}
.bootstrap-select.dropdown .dropdown-menu { border-radius: 10px; max-height: 170px; }
.bootstrap-select.dropdown .dropdown-menu .dropdown-item { font-size: 0.8125rem; color: var(--bs-body-color); padding: 8px 18px; font-weight: 500; line-height: 1.5;}
.bootstrap-select.dropdown .dropdown-menu .dropdown-item:hover, .bootstrap-select.dropdown .dropdown-menu .dropdown-item.active { background-color: rgba(204, 208, 216, 0.3); }
.black-white-theme .bootstrap-select.dropdown .dropdown-menu .dropdown-item:hover, .bootstrap-select.dropdown .dropdown-menu .dropdown-item.active{background-color: var(--bs-bg-emphasis-color);}
.bootstrap-select.dropdown.show .dropdown-toggle::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.with-number { display: flex; }
.with-number .c-code { width: 90px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.with-number .number { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{ top: 50%; transform: translateY(-50%); }
.bootstrap-select.show-tick .dropdown-menu li a span.text{ white-space: normal; margin-inline-end: 25px;}
.bootstrap-select .dropdown-menu.inner.show {box-shadow: none; margin: 0!important; min-width: 100% !important;}
.bootstrap-select .dropdown-menu li a span.text {white-space: normal;}
.bs-searchbox{ padding: 10px;}
.discipline-select-container.bootstrap-select.dropdown {width: 180px !important;}
.itr-select-container.bootstrap-select.dropdown {width: 295px !important;}
.itp-dropdown-container.bs-container{width: 100%;max-width: 280px;}
.bootstrap-select .filter-option-inner-inner{ text-overflow: ellipsis; }
.show-selected-first.bootstrap-select .dropdown-menu li.selected { order: -1; }
.show-selected-first.bootstrap-select .dropdown-menu.inner.show {display: flex; flex-direction: column;}
/* First Table Bootstrap Select */
.first-table#data-table-2>thead>tr>th, .cable-itr#data-table-1>thead>tr>th {width: 50% !important; min-width: 180px;}
.first-table .bootstrap-select.dropdown, .cable-itr .bootstrap-select.dropdown, .select-container.bootstrap-select.dropdown, .parent-child-select-container.bootstrap-select.dropdown {width: 350px !important;}
.first-table th span{ display: block; width: 220px; height: 24px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 11px; line-height: 24px; letter-spacing: 0.15px; color: #817B7B; margin: 0 auto; }
.first-table .dropdown-menu.show { position: relative; min-height: 65px; }

/* Project Table Bootstrap Select */
.project-table#assets-data-table>thead>tr>th {width: 50% !important; min-width: 180px;}
.select-project-container.bootstrap-select.dropdown {width: 350px !important;}
.select-itr-container.bootstrap-select.dropdown {width: 150px !important;}

/* Project Enrolment Requests Select*/
.table-select-container .dropdown-menu{
  width: 220px !important;
  min-width: 220px !important;
}


/* Custom Checkbox */
.custom-checkbox { display: inline-block; vertical-align: middle; position: relative;}
.custom-checkbox [type="checkbox"], .custom-checkbox [type="radio"] { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
.custom-checkbox [type="checkbox"] label, .custom-checkbox [type="radio"] label { margin: 0; }
.custom-checkbox [type="checkbox"] + label {display: flex; align-items: center; gap: 8px;}
.custom-checkbox [type="checkbox"] + label span { position: relative; display: block; width: 24px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--bs-body-color); cursor: pointer; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; font-size: 0.875rem; }
.custom-checkbox [type="checkbox"] + label span::before { position: absolute; background-color: transparent; vertical-align: middle; border: 1px solid var(--bs-gray-text); content: ''; color: var(--bs-body-color); top: 50%; left: 0; width: 24px; height: 24px; display: inline-block; border-radius: 0; border-radius: 4px; transform: translateY(-50%);}
.custom-checkbox [type="checkbox"] + label span::after { box-sizing: content-box; content: ''; position: absolute; background-color: transparent; top: 7px; left: 6px; width: 12px; height: 5px; border-style: solid; border-color: var(--bs-white); border-width: 0 0 2px 2px; border-radius: 0; -webkit-border-image: none; -o-border-image: none; border-image: none; -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); -webkit-transition: none; transition: none; }
.custom-checkbox [type="checkbox"]:checked + label span { color: var(--bs-indigo); }
.custom-checkbox [type="checkbox"]:checked + label span::before { background-color: var(--bs-indigo); border-color: var(--bs-indigo); }
.custom-checkbox [type="checkbox"]:checked + label span::after { content: ''; transform: rotate(-45deg) scale(1); transition: transform 200ms ease-out; }
.custom-checkbox [type="radio"] + label { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--bs-body-color); cursor: pointer; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; font-size: 0.875rem; line-height: 20px;}
.custom-checkbox [type="radio"] + label::before { background-color: transparent; border: 1px solid var(--bs-gray-text); box-sizing: content-box; content: ''; color: var(--bs-body-color); margin-inline-end: 12px; top: 50%; left: 0; width: 22px; height: 22px; display: inline-block; vertical-align: middle; border-radius: 4px; }
.custom-table .custom-checkbox [type="radio"] + label::before {margin: 0;}
.custom-checkbox [type="radio"] + label::after { box-sizing: content-box; content: ''; background-color: var(--bs-indigo); position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; transform: scale(0); transition: transform 200ms ease-out; border-radius: 4px; }
.radio-check [type="radio"] + label::before { margin-inline-end: 10px !important; }
.radio-check [type="radio"] + label::after { top: 5px !important; left: 4px !important; border-radius: 12px !important; width: 18px; height: 18px;}
.custom-checkbox [type="radio"]:checked + label { color: var(--bs-indigo); }
.custom-checkbox [type="radio"]:checked + label::before { animation: none; border-color: var(--bs-indigo); }
.custom-checkbox [type="radio"]:checked + label::after { transform: scale(1); }

.custom-selectbox [type="checkbox"] + label span { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--bs-body-color); cursor: pointer; transition: all 0.3s ease-in 0s; font-size: 0.875rem; line-height: 20px; flex-shrink: 0;}
.custom-selectbox [type="checkbox"] + label span::after { border: none; background-color: var(--bs-indigo); top: 4px; left: 4px; width: 16px; height: 16px; transition: transform 200ms ease-out; border-radius: 4px; transform: scale(0);}
.custom-selectbox [type="checkbox"]:checked + label span { color: var(--bs-indigo); }
.custom-selectbox [type="checkbox"]:checked + label span::before { animation: none; border-color: var(--bs-indigo); background-color: transparent; }
.custom-selectbox [type="checkbox"]:checked + label span::after { transform: scale(1)}

.custom-checkbox.table-check label { margin: 0; }
.custom-checkbox.table-check label::before { margin: 0; width: 24px; height: 24px; }
.custom-checkbox.table-check [type="checkbox"] + label::after { width: 18px; height: 18px; border: none; background-color: var(--bs-indigo); transform: rotate(0) scale(0); border-radius: 6px; left: 4px; top: 9px; }
.custom-checkbox.table-check [type="checkbox"]:checked + label::before { background-color: transparent; }
.custom-checkbox.table-check [type="checkbox"]:checked + label::after { transform: rotate(0) scale(1); }
.custom-checkbox.control-check { width: 320px; position: relative; margin-bottom: 10px; margin-inline-end: 20px; line-height: 1; vertical-align: top; }
.custom-checkbox.control-check .control-input { width: 100px;}
.custom-checkbox.control-check .control-input .form-control { height: 33px; padding: 0 15px; }
.custom-checkbox.control-check label { margin: 0; line-height: 1; font-weight: 500; font-size: 0.875rem;}
.endorsements .check-wrap { width: 390px; }
.endorsements .card-head h3 { width: calc(100% - 36px) }
.custom-checkbox.sm-checkbox [type="checkbox"] + label span::before{ width: 18px; height: 18px; border-radius: 4px; }
.custom-checkbox.sm-checkbox [type="checkbox"] + label span::after{ top: 5px; left: 4px; width: 8px; height: 4px; }
.custom-checkbox.sm-checkbox [type="checkbox"] + label span { width: 18px; height: 18px;}
.custom-checkbox.sm-checkbox [type="checkbox"]:disabled + label span::before{ border-color:#e3e4e8;cursor: not-allowed;}
.custom-checkbox.sm-checkbox [type="checkbox"]:disabled + label{color: #a09b9b;cursor: not-allowed;}
/* Switch */
.switch .switch-text { font-size: 0.875rem; margin-inline-end: 10px; }
.switch label { cursor: pointer; text-indent: -9999px; width: 55px; height: 26px; background: #ccd0d8; display: inline-block; vertical-align: middle; border-radius: 6px; position: relative; margin: 0; }
.switch label:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 5px; height: 15px; background: var(--bs-body-color); border-radius: 12px; transition: 0.3s; }
.switch label::before { content: ""; width: 10px; height: 10px; border-radius: 100%; background-color: var(--bs-indigo); display: inline-block; position: absolute; left: 10px; top: 50%; z-index: 1; transition: 0.3s; transform: scale(0); }
.switch label:active:after { width: 8px; }
.switch input[type=checkbox] { height: 0; width: 0; visibility: hidden; position: absolute; }
.switch input[type=checkbox]:checked + label { background: var(--bs-indigo); }
.switch input[type=checkbox]:checked + label:after { left: calc(100% - 6px); transform: translate(-100%, -50%); width: 18px; height: 18px; border-radius: 100%; background-color: var(--bs-white); top: 50%; }
.switch input[type=checkbox]:checked + label::before { left: calc(100% - 20px); transform: translateY(-50%); }
.switch input[type=checkbox]:checked + label:active:after { width: 26px; }
.switch.with-text .switch-text { display: inline-block; vertical-align: middle; font-size: 0.875rem; margin-inline-end: 22px; margin-inline-start: 0px; font-weight: 500; }
.switch.with-text label { display: inline-block; vertical-align: middle; }

/* Content Box */
.content-box { padding: 22px 30px 22px 86px; width: 100%; background-color: var(--bs-body-bg)}
.title-block { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 10px;  gap: 10px;}
.title-block h1, .title-block h2 { font-size: 20px; color: var(--bs-white); margin: 0; }
.black-white-theme .title-block h1, .title-block h2 {color: #ccd0d8;}

/* Breadcrumbs */
.breadcrumbs ul { margin: 0; padding: 0; }
.breadcrumbs ul li { list-style: none; display: inline-block; color: var(--bs-white); font-size: 0.875rem; }
.breadcrumbs ul li + li::before { content: "/"; display: inline-block; font-weight: 400; margin: 0 4px 0 1px; }
.breadcrumbs ul li a { color: #ccd0d8; font-weight: 600; }

/* Card */
.card { background-color: var(--bs-bg-emphasis-color); border-radius: 10px; margin-bottom: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border: 1px solid var(--bs-border-table);}
.card .card-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 26px 30px; gap: 15px;}
.card .card-head h3 { margin: 0; width: calc(100% - 30px);}
.card .card-head[aria-expanded="true"] .dropdown-toggle::after { transform: rotate(180deg); }
.card .card-head .dropdown-toggle { background-color: transparent !important;}
.card .card-head .dropdown-toggle::after { width: 12px; height: 12px; opacity: 1; }
.card .card-head.with-preview { padding-top: 15px; padding-bottom: 15px; }
.card .card-header{border-radius: 10px 10px 0 0; }
.card .card-body { border-top: solid 1px var(--bs-body-color); padding: 26px 30px; }
.card-body .bootstrap-select.dropdown .dropdown-toggle {font-weight: 500;}
.card-footer {border-top: 1px solid var(--bs-border-table);}
.dates-select .date-column { width: 136px; display: inline-block; margin-inline-end: 24px; margin-bottom: 16px; }
/* Avatar Upload */
.avatar-upload { position: relative; display: inline-block; max-width: 450px; width: 100%; margin-inline-end: 20px; align-items: center; flex-wrap: wrap; }
.avatar-upload .avatar-content { width: calc(100% - 136px);}
.avatar-upload .avatar-content input { display: none; }
.avatar-upload .avatar-content input + label { display: inline-block; line-height: 1; margin-bottom: 0; border-radius: 10px; background: transparent; color: var(--bs-body-color); cursor: pointer; border: solid 1px var(--bs-body-color); text-align: center; font-size: 0.875rem; padding: 10px 26px; white-space: nowrap;}
.avatar-upload .avatar-content .pic-size { font-size: 0.75rem; margin: 10px 0 0 0; line-height: 1.3; color: var(--bs-body-color);}
.avatar-upload .avatar-preview { width: 130px; height: 130px; position: relative; border-radius: 10px; display: inline-block; box-shadow: 0px 0px 4px 0px #0000003b; background-color: var(--bs-black);}
.avatar-upload .avatar-preview > div { width: 100%; height: 100%; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.avatar-upload .avatar-preview a {color: var(--bs-gray-200);}
.project-admin-form .upload-photo .card-body .avatar-upload {margin: 0;}

/* Modal */
.modal-content {background-color: var(--bs-bg-emphasis-color);}
.modal-backdrop {background-color:#241e50}
.modal .modal-header { border-color: rgba(125, 124, 147, 0.3); padding: 18px 22px; }
.modal .modal-title { font-size: 1.125rem; color: var(--bs-white); }
.modal .modal-body { padding: 26px 22px; }
.modal.import-modal .modal-dialog { max-width: 320px; }
.modal.import-modal .modal-dialog .import-area .file-input { margin-inline-end: 0; }
.modal.import-modal .modal-dialog .import-area .thumb-output { display: inline-block; }
.modal.import-modal .modal-dialog .modal-body { text-align: center; }
.modal.punchlist-modal .modal-dialog { max-width: 400px; margin: 0 auto;}
.modal.percantage-modal .modal-dialog { max-width: 380px; }
.modal .modal-full { max-width: 100%; width: 96%; }
.modal.modal-black .modal-content { background-color: #171c28; }
.modal.modal-black .modal-title { color: #ccd0d8; }
.modal.modal-black .btn-close { color: var(--bs-white); }
.modal.pdf-modal .modal-dialog { max-width: 700px; }
.import-area { margin-bottom: 15px; }
.card .import-area.import-large {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.modal.import-modal .modal-body .btn-primary{margin-top: 15px;}
.modal .btn-close { padding: 0; margin: 0; font-size: 18px; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 var(--bs-white); opacity: 1; border: none; background-color: transparent; filter: var(--bs-btn-close-white-filter);}
.modal .btn-close:hover { text-decoration: none; }
.modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus { opacity: .75; }
.modal a.btn-close.disabled { pointer-events: none; }
.modal .btn-close span {display: none;}
.modal .modal-footer { padding: 18px 22px; gap: 10px; border-color: rgba(125, 124, 147, 0.3);}
.modal .modal-footer .btn {border: 1px solid transparent; font-weight: 500; margin: 0;}
.modal .modal-footer .btn-secondary {border-color: var(--bs-body-color);}
.modal .modal-footer .btn-secondary:hover {border-color: transparent;}

/* Input Type File */
.black-white-theme input[type="file"] {color: var(--bs-white);}

/* Import Area */
.import-area .thumb-output { vertical-align: top; display: flex; flex-wrap: wrap; }
.import-area .thumb-output img { width: 110px; height: 110px; object-fit: cover; border-radius: 10px; margin-inline-end: 20px; background: #323232; margin-bottom: 16px; order: 1; }
.import-area .file-input { overflow: hidden; font-size: 0; width: 110px; height: 110px; position: relative; cursor: pointer; vertical-align: top; order: 2; }
.import-area .file-input:before { position: absolute; height: 100%; width: 100%; font-size: 3.125rem; content: '+'; display: inline-block; background: var(--bs-body-bg); display: flex; align-items: center; justify-content: center; color: var(--bs-body-color); border-radius: 10px; line-height: 1; }
.import-area .file-input::-webkit-file-upload-button { visibility: hidden; }
.import-area.import-large .thumb-output img { width: 130px; height: 130px; }
.import-area.import-large .file-input { width: 130px; height: 130px; }
.file-input-only { max-width: 230px; max-height: 120px; }
.file-input-only:before { width: 100px; height: 100px; position: relative; cursor: pointer; margin-inline-end: 16px; margin-bottom: 16px; vertical-align: top; font-size: 3.125rem; content: '+'; display: inline-block; background: #121621; padding: 24px 10px; text-align: center; color: var(--bs-body-color); border-radius: 10px; line-height: 1; }
.file-input-only::-webkit-file-upload-button { visibility: hidden; }
.custom-fileinput .custom-fileinput-label{
  width: 130px;
  height: 130px;
  margin: 0;
  background-color: #c1c1cc;
  border-radius: 10px;
  font-size: 48px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.black-white-theme .custom-fileinput .custom-fileinput-label{
  background-color: #1c1d38;
}
.custom-fileinput input[type=file]{
  width: 0;
  height: 0;
  display: none;
}

/* Circuits Card */
.circuits-card .card-body { padding: 20px; border-top: none; }
.circuits-card .circuits-table .table { box-shadow: none; border: solid 1px #121621; }
.circuits-card .circuits-table thead th + th { border-left: solid 1px #121621; }
.circuits-card .circuits-table tbody td + td { border-left: solid 1px #121621; }
.card-inner { background-color: #1c2231; border: solid 2px #141924; border-radius: 10px; padding: 20px 24px; }
.card-inner label { font-size: 0.875rem; font-weight: 500; line-height: 1.4; word-break: break-word; }
.card-inner .p-disc { color: #ccd0d8; line-height: 1.4; font-size: 0.875rem; margin-bottom: 10px; }
.uploaded-image { margin-top: 12px; }
.uploaded-image img { width: 70px; height: 70px; border-radius: 6px; padding: 0 5px; background-color: #323232; margin: 0 6px 6px 0; }

.permit-card .card-body { padding: 20px; border-top: none; }

/* Loader Balls */
.loaderballs { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998 !important; background-color: rgba(18, 22, 33, 0.9); animation-delay: 0.2s; transition: all 0.2s linear; pointer-events: none; }
.loaderballs > .loader-inner { width: 110px; height: 110px; top: 50%; left: 50%; position: fixed; transform: translate(-50%, -50%); }
.loaderballs .loader-scale-multiple { width: 100%; height: 100%; font-size: 0; color: var(--bs-indigo); }
.loaderballs .loader-scale-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; opacity: 0; -webkit-animation: 1s linear infinite ball-scale-multiple; animation: 1s linear infinite ball-scale-multiple; }
.loaderballs .loader-scale-multiple > div:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; }
.loaderballs .loader-scale-multiple > div:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; }
@-webkit-keyframes ball-scale-multiple {
  0% { opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  5% { opacity: .75; }
  100% { opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-multiple {
  0% { opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  5% { opacity: .75; }
  100% { opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Permit Checkboxes */
.permit-checkboxes .custom-checkbox { margin: 0 0 0 0; width: 100%; font-size: 0.875rem; }
.permit-checkboxes .custom-checkbox label { display: inline-block; margin: 0; min-width: 180px; padding: 5px 40px 0 0; }
.permit-checkboxes .custom-checkbox label::before { right: 0; position: absolute; margin: 0; left: auto; top: 0; }
.permit-checkboxes .custom-checkbox label::after { left: auto; right: 5px; }
.permit-checkboxes .custom-checkbox + .custom-checkbox { margin-top: 10px; }

/* Permit selectbox on table  */
.permit-lock-dropdown-box{
  width: 120px;
}
.permit-lock-dropdown.dropdown{
  max-width: 120px;
}


/* Datepicker */
.datepicker.dropdown-menu { background-color: var(--bs-body-bg); color: var(--bs-body-color); padding: 10px; font-family: "Montserrat", sans-serif; }
.black-white-theme .datepicker.dropdown-menu { box-shadow: 0 5px 10px rgb(255 255 255 / 10%); }
.black-white-theme .datepicker-dropdown:after { border-bottom: 6px solid var(--bs-body-bg);}
.black-white-theme .datepicker-dropdown:before { border-bottom-color: rgb(255 255 255 / 20%); }
.black-white-theme .datepicker thead tr:first-child th:hover, .black-white-theme .datepicker tfoot tr th:hover {background: #252525;}
.black-white-theme .datepicker table tr td.day:hover, .black-white-theme .datepicker table tr td.day.focused {background: #252525;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: var(--bs-indigo); background-image: none; }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: var(--bs-indigo); background-image: none; }
/* Notification */
.notification { padding: 8px 0; }
.notification .notify-row { display: flex; flex-wrap: wrap; padding: 16px 38px; color: var(--bs-white); font-size: 0.875rem; line-height: 22px; justify-content: space-between; }
.extra-filter label{font-size: 13px;line-height: 20px; font-weight: 600; margin-bottom: 4px;}
.notification .notify-row + .notify-row { border-top: solid 1px var(--bs-border-table);}
.notification .notify-row h4 { width: 100%; font-size: 1rem; color: var(--bs-body-color); margin-bottom: 10px; }
.notification .notify-row .seprator { width: 5px; height: 5px; border-radius: 100%; display: inline-block; vertical-align: middle; margin: 0 15px; background-color: #ccccd8; position: relative; top: -1px; }
.notification .notify-row .notify-content { max-width: 800px; width: calc(100% - 220px); font-weight: 400; }
.notification .notify-row .notify-date { font-size: 0.9375rem; font-weight: 400; }

/* Toast */
.toast { padding: 12px 20px; color: var(--bs-white); background: #57ca81; display: inline-block; width: auto; position: fixed; top: -100px; right: 15px; opacity: 0; transition: all 0.4s ease-out; z-index: 111; font-weight: 500; border-radius: 8px; border: transparent;}
.toast.error { background-color: #d04863; }
.toast.warning { color: #121621; background-color: #ffeb3b; }
.toast:not(.show){display: inline-block;}

/* Swal2 Modal */
.swal2-container.in { background-color: rgba(18, 22, 33, 0.8); }
.swal2-modal { font-family: "Montserrat", sans-serif; }
.swal2-modal .swal2-content { color: #171c28; font-size: 1rem; }
.swal2-modal .styled { font-size: 1rem; border-radius: 8px; }
.swal2-modal .swal2-cancel { color: #171c28; }
.swal2-modal textarea.swal2-input { margin-bottom: 0; box-shadow: none !important; height: 90px; padding: 12px; font-size: 1rem; background: transparent;color: var(--bs-body-color);}

/* Isolation */
.isolation-id { font-weight: 600; font-size: 16px; color: #ccd0d8; margin-bottom: 8px; margin-top: 8px; }
.iso-row { font-size: 0.9375rem; display: flex; flex-wrap: wrap; margin: 2px 0; }
.iso-row .iso-lable { width: 180px; font-weight: 600; position: relative; padding-inline-end: 7px; }
.iso-row .iso-lable::after { position: absolute; content: ":"; display: inline-block; right: 0; top: 0; }
.iso-row .iso-content { width: calc(100% - 185px); padding-inline-start: 14px; font-weight: 400; }
.permit-row .iso-row .iso-lable::after{ display: none; }
.permit-row .iso-row .iso-content{ margin-left: 0; padding-inline-start: 0;}
.permit-row .iso-row .iso-lable,.iso-form-label{ width: 100%;text-transform: uppercase; font-size: 12px;font-weight: 600;margin-bottom: 2px;color: #697586; padding: 0;line-height: 1.6;}
.permit-row .iso-row{ flex-direction: column; flex-wrap: nowrap;  padding-top: 4px; padding-bottom: 6px; flex-basis: 33.33%;}

/* Process Card */
.process-card { font-size: 0.875rem; margin-bottom: 10px; }
.process-card .process-title { font-weight: 600; font-size: 1.125rem; color: #ccd0d8; margin-bottom: 4px; }
.process-card .process-ul { list-style: none; margin-bottom: 4px; }
.process-card .process-ul li { display: inline-block; font-weight: 600; font-size: 0.875rem; }
.process-card .process-ul li + li::before { content: "|"; margin: 0 7px 0 5px; position: relative; top: -1px; }
.process-card p { line-height: 22px; }
.process-card p:last-child { margin-bottom: 0; }

/* Step Card */
.step-card { font-size: 0.9375rem; margin-bottom: 10px; }
.step-card .card-body { display: flex; align-items: flex-start; justify-content: space-between; }
.step-card .step-label { font-weight: 600; margin-bottom: 5px; }
.step-card .step-disc { color: #ccd0d8; }
.step-card .step-title { width: 10%; }
.step-card .step-content { width: 52%; }
.step-card .step-access { width: 18%; }
.step-card .step-status { width: 14%; }

/* Data Table Tabs Section */
.data-table-tabs-sec .nav-tabs {margin: 0 !important;}
.data-table-tabs-sec .nav-tabs::before {display: none;}
.data-table-tabs-sec .nav-tabs .nav-item .nav-link { color: var(--bs-gray-text); font-size: 14px; font-weight: 600; padding: 10px 20px; margin-inline-start: 6px; display: flex; align-items: center; border-bottom: none;}
.data-table-tabs-sec .nav-tabs .nav-item .nav-link.active, .data-table-tabs-sec .nav-tabs .nav-item .nav-link.active:focus { color: var(--bs-white) !important; background-color: #171c28; border-color: transparent !important; }
.nav-tabs {border: none; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; position: relative;}
.nav-tabs::before {content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--bs-body-color);}
.nav-tabs::-webkit-scrollbar {height: 5px;}
.nav-tabs .nav-item { height: 40px; text-align: center; white-space: nowrap;}
.nav-tabs .nav-item:not(:first-of-type) .nav-link {margin-inline-start: 6px;}
.nav-tabs .nav-link { color: var(--bs-indigo); border: 1px solid transparent; border-top-left-radius: 0.50rem; border-top-right-radius: 0.50rem; line-height: 1.5; height: 40px;}
.nav-tabs .nav-link.active {color: var(--bs-white); border-color: var(--bs-body-color); border-bottom: transparent; isolation: isolate;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: var(--bs-gray-text);}


/* Record Form */
.record-form { position: relative; }
.record-form .table-overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: flex-end; background: rgba(23, 28, 40, 0.7); padding-inline-end: 20px; opacity: 0; height: calc(100% - 26px); border-radius: 10px; }
.record-form .table-overlay .add-file { margin-inline-end: 5px; background: var(--bs-white); padding: 1px 6px; }
.record-form .table-overlay .add-file:hover { color: var(--bs-indigo); }
.record-form .table-overlay .more-option { border: none; background: var(--bs-white); }
.record-form .table-overlay .more-option .material-icons { color: var(--bs-indigo); }
.record-form:hover .table-overlay { opacity: 1; }

/* Progress Bar Section */
.progress-bar-sec { width: 40%;}
.progress-bar-sec .progress { width: 100%; margin-bottom: 5px; background-color: #242935; height: 25px; padding-inline-end: 10px; }
.progress-bar-sec .progress:last-child { margin-bottom: 0px; }
.progress-bar-sec .progress .progress-bar { animation-name: animateBar; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: .4s; }
.progress-bar-sec .progress .progress-bar.progress-bar-success { background-color: #5cb85c; }
.progress-bar-sec .progress .progress-bar.progress-bar-warning { background-color: #f0ad4e; }
.progress-bar-sec .progress .progress-bar.progress-bar-danger { background-color: #d9534f; }
.progress-bar-sec .progress span { display: flex; margin: 0 0 0 10px; font-size: 12px; font-weight: 700; color: var(--bs-white); }
.progress-bar-sec .completions-chart.chart-card {width: auto; overflow: auto; background-image: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
@keyframes animateBar { 0% { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}

/* Login Content */
.login-content { display: flex; flex-wrap: wrap; min-height: 100vh;}
.login-content .login-left { width: 50%; position: relative; background: var(--bs-emphasis-color)}
.login-content .login-left::before { content: ""; width: 475px; height: 100%; background: url("../img/login-before.png") no-repeat; position: absolute; left: 0; top: 0; pointer-events: none; }
.login-content .login-left .login-wrap { max-width: 480px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; padding: 98px 20px 50px 20px; position: relative; z-index: 1; }
.login-content .login-left .login-wrap form { margin: 0; }
.login-content .login-left .login-logo { width: 100%; align-self: flex-start; font-size: 1.5rem; color: var(--bs-white); font-weight: 400; }
.login-content .login-left .login-middle { width: 100%; margin: 50px 0 30px 0; }
.login-content .login-left .login-bottom { width: 100%; align-self: flex-end; text-align: center; font-size: 0.875rem; font-weight: 500; }
.login-content .login-left h1 { color: var(--bs-indigo); font-weight: 700; margin-bottom: 5px; }
.login-content .login-left .login-text { font-size:16px; margin-bottom: 35px; font-weight: 400;color: var(--bs-gray-text); }
.login-content .back-login {font-weight: 400;}
.login-content .login-left .form-group { margin-bottom: 22px; }
.login-content .login-left .form-group h5 {position: relative;}
.login-content .form-group h5::before, .login-content .form-group h5::after {content: ""; height: 1px; background: var(--bs-body-color); width: 45%; display: inline-block; position: absolute; top: 50%;}
.login-content .form-group h5::before {left: 0;}
.login-content .form-group h5::after {right: 0;}
.login-content .form-group .iti{width: 100%;}
.login-content .login-left .form-control { height: 54px; font-size: 0.875rem;}
.white-theme .login-content .login-left .form-control {color: var(--bs-black) }
.white-theme .checklist {color: var(--bs-black); text-align: left;}
.checklist { text-align: start; color: var(--bs-white); font-weight: 400; font-size: 0.975rem;}
.login-content .login-left .login-btn { margin: 30px 0; }
.login-content .login-left .btn { padding: 18px 25px; height: auto; border-radius: 10px;}
.login-content .login-left .remember-forgot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 0; }
.login-content .login-left .remember-forgot .custom-checkbox { margin-inline-end: 0; }
.login-content .login-left .forgot-pass a {font-size:16px;font-weight: 400; color: var(--bs-gray-text); }
.login-content .login-left .forgot-pass a:hover { color: var(--bs-indigo); }
.login-content .login-left .custom-checkbox [type="checkbox"] + label { font-size:16px;font-weight: 400; color: var(--bs-gray-text); margin: 0; }
.login-content .login-right { width: 50%; object-fit: cover; position: relative; overflow: hidden; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 40px 30px; display: flex; align-items: center; justify-content: center; color: var(--bs-white); box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
.login-content .login-right h3 { color: var(--bs-white); font-size: 1.5rem; font-weight: 300; line-height: 1.2; margin-bottom: 10px; }
.login-content .login-right h2 { font-size: 2.5rem; color: var(--bs-white); line-height: 1.1; font-weight: 700; margin-bottom: 5px; }
.login-content .login-right .btn-secondary { border-color: #121621; color: var(--bs-white); }
.login-content .login-right .btn-secondary:hover, .login-content .login-right .btn-secondary:focus { background-color: #252934; border-color: #252934; }
.login-content .login-bg { position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; opacity: 0.2; }
.login-content .login-right-centered { position: relative; z-index: 1; max-width: 780px; font-weight: 400;}
.login-content .login-right-centered .btn {padding: 11px 42px 11px 20px;}
.login-tabs { border-bottom: 1px solid var(--bs-gray-400);}
.login-tabs .nav-item {flex-basis: 50%;}
.login-tabs .nav-link { color: var(--bs-gray-text); font-size: 16px; font-weight: 500;margin: 0 auto;width: 100%; padding: 8px 0;position: relative;}
.login-tabs .nav-link.active{color: var(--bs-indigo);}
.login-tabs .nav-link.active:after{content: '';background-color: var(--bs-indigo); position: absolute; left: 0; right: 0; bottom: -1px;height: 2px;}
/* Header */
header { border-bottom: solid 1px #171c28; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; position: sticky; position: -webkit-sticky; top: 0; background-color: var(--bs-bg-emphasis-color); z-index: 1001; margin-inline-start: 56px;}
header .logo { background-color: #171c28; color: var(--bs-white); font-size: 1.125rem; font-weight: 600; height: 70px; }
header .logo a { color: var(--bs-white); display: inline-block; width: 308px; min-height: 68px; text-align: center; padding: 21px 10px; border-bottom: solid 1px #171c28; transition:none;}
.breadcrumb-group { display: flex; align-items: center; margin-inline-start: 30px; gap: 12px; }
.breadcrumb-group .sidebar-toggle { cursor: pointer; }
.breadcrumb-group .breadcrumb { background-color: transparent; margin: 0; padding: 0; align-items: center;}
.breadcrumb-group .breadcrumb-item a, .breadcrumb-group .breadcrumb-item.active { font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--bs-body-color); }
.white-theme .breadcrumb-group .breadcrumb-item a, .white-theme .breadcrumb-group .breadcrumb-item.active { color: rgba(33, 35, 44, 0.72); }
.breadcrumb-group .breadcrumb-item.active { padding-inline-start: 6px; }
.breadcrumb-group .breadcrumb-item.active a { color: #ccd0d8; }
.white-theme .breadcrumb-group .breadcrumb-item.active a { color: #5A5A5A; }
.breadcrumb-group .breadcrumb-item + .breadcrumb-item::before { padding-inline-end: 6px; color: var(--bs-gray-500);}
header .logo a.mobile-logo{display: none;}
header .header-right { padding-inline-end: 30px; display: flex; align-items: center;}
.dark-light-mode a{display: block; line-height: 1;}
header .notifications .notifi-icon { display: inline-flex; align-items: center; height: 55px; padding: 15px 20px; background-color: var(--bs-indigo); }
header .notifications .notifi-icon img { max-width: 22px; height: auto; }
header .full-screen { display: inline-block; padding: 0 22px; cursor: pointer; }
header .full-screen img { max-width: 18px; height: auto; }
header .user-right { margin-inline-start: 22px; }
header .user-right .user-image { width: 36px; height: 36px; display: inline-block; border: solid 3px rgba(120, 75, 241, 0.45); border-radius: 100%; }
header .user-right .user-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }
header .user-right .user-name { color: var(--bs-white); font-size: 0.875rem; margin-inline-start: 6px; display: inline-block; font-weight: 500; }
header .user-right .dropdown-menu { transform: translate3d(0, 0, 0px) !important; top: 58px !important; background-color: var(--bs-body-bg); right: 0 !important; left: auto !important; padding: 0; border-radius: 12px; box-shadow: rgba(255,255,255,0.10) 0px 0px 8px 0px; }
header .user-right .dropdown-menu::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent var(--bs-body-bg) transparent; position: absolute; top: -8px; right: 18px; }
header .user-right .dropdown-menu .dropdown-item { color: var(--bs-gray-text); font-weight: 400; padding: 10px 15px; font-size: 0.875rem; }
header .user-right .dropdown-menu .dropdown-item:first-of-type { border-radius: 12px 12px 0 0; }
header .user-right .dropdown-menu .dropdown-item:last-of-type { border-radius: 0 0 12px 12px; }
header .user-right .dropdown-menu .dropdown-item .svg-icon { min-width: 32px; display: inline-block; }
header .user-right .dropdown-menu .dropdown-item .svg-icon .fill { fill: var(--bs-gray-text); transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; }
header .user-right .dropdown-menu .dropdown-item:hover, header .user-right .dropdown-menu .dropdown-item:focus, header .user-right .dropdown-menu .dropdown-item:active { background-color: var(--bs-bg-emphasis-color); color: var(--bs-white); }
header .user-right .dropdown-menu .dropdown-item:hover .svg-icon .fill, header .user-right .dropdown-menu .dropdown-item:focus .svg-icon .fill, header .user-right .dropdown-menu .dropdown-item:active .svg-icon .fill { fill: var(--bs-white); }
header .user-right .dropdown-menu .dropdown-item + .dropdown-item { margin-top: 1px; }
.dropdown-toggle { padding: 0; border: none; background-color: transparent; }
.dropdown-toggle::after { border: none; background: url("../img/svg/chevron-white.svg") no-repeat center center/100% auto; vertical-align: middle; width: 10px; height: 7px; margin-inline-start: 5px; }
.project-select-dropdown .bootstrap-select.dropdown .dropdown-toggle{border:none;background-color: var(--bs-blue-light) !important; color: var(--bs-blue-100); font-weight: 600;}
.white-theme .project-select-dropdown .bootstrap-select.dropdown .dropdown-toggle.bs-placeholder{ color: var(--bs-blue-100); }
.black-white-theme .project-select-dropdown .bootstrap-select.dropdown .dropdown-toggle{background-color: #211c52 !important; color: #ccd0d8;}

/* User Details */
.user-detail { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 30px; }
.user-detail .user-image { width: 65px; height: 65px; border-radius: 100%; display: inline-block; border: solid 6px rgba(120, 75, 241, 0.22); }
.user-detail .user-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }
.user-detail .user-desc { display: inline-block;}
.user-detail .user-name { color: var(--bs-white); font-size: 1.125rem; display: inline-block; font-weight: 600; }
.user-detail .user-position { color: #ccd0d8; font-size: 0.75rem; font-weight: 600; }

/* Sidebar */
#sidebar { padding: 20px 0 0 20px; background-color: #171c28; min-width: 308px; max-width: 308px; height: calc(100% - 68px); overflow: auto; position: fixed; top: 70px; z-index: 11; /* width */ /* Track */ /* Handle */ }
#sidebar { top: 70px; left: -450px; z-index: 11; transition: all .5s ease; transition: all .3s cubic-bezier(0,0,.58,1);}
#sidebar.open { left: 0px;transition: all 0.5s cubic-bezier(0, 0, 0.58, 1);height: calc(100% - 70px); }
body.body-open{overflow: hidden;}
header .logo,.white-theme header .logo{background-color: transparent !important; display: flex; align-items: center; padding: 15px;}
header .logo a.desktop-logo,header .user-right .user-name{display: none;}
header .logo a.mobile-logo{display: block; width: 100%; margin-inline-start: 5px;}
header .logo .sidebar-toggle{display: inline-block;}

.form-detail-filter .form-group{margin-bottom: 15px !important;}
.multiple-response-box .multiple-btn {padding: 5px 10px !important;font-size: 12px;margin-top: 10px; margin-inline-end: 5px !important;}
#sidebar::-webkit-scrollbar { width: 5px; }
#sidebar::-webkit-scrollbar-track { background: #171c28; }
#sidebar::-webkit-scrollbar-thumb { background: rgba(125, 124, 147, 0.2); }
#sidebar ul li { margin-bottom: 12px; position: relative; }
#sidebar ul li .dropdown-toggle { padding-inline-end: 42px; position: relative; }
#sidebar ul li .dropdown-toggle::after { position: absolute; right: 30px; top: 20px; opacity: 0.5; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; }
#sidebar ul li .dropdown-toggle[aria-expanded="true"] { color: var(--bs-white); }
#sidebar ul li .dropdown-toggle[aria-expanded="true"]::after { opacity: 1; transform: rotate(180deg); }
#sidebar ul li .dropdown-toggle[aria-expanded="true"] .fill { fill: var(--bs-white); }
#sidebar ul li a { font-size: 0.875rem; display: block; color: var(--bs-body-color); padding: 0 18px; line-height: 48px; min-height: 48px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: none; font-weight: 500; }
#sidebar ul li a .svg-icon { display: inline-block; min-width: 48px; position: relative; top: -1px; }
#sidebar ul li a .svg-icon svg { width: 24px; height: 24px; }
#sidebar ul li a .svg-icon .fill { fill: var(--bs-body-color); transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; }
#sidebar ul li a:hover { color: var(--bs-white); }
#sidebar ul li a:hover .fill { fill: var(--bs-white); }
#sidebar ul li.active > a { color: var(--bs-white); background: #121621; font-weight: 600; }
#sidebar ul li.active > a .svg-icon .fill { fill: var(--bs-indigo); }
#sidebar ul ul { padding: 10px 15px 10px 35px; margin-top: 4px; background-color: #121621; border-top-left-radius: 10px; border-bottom-left-radius: 10px; white-space: nowrap; }
#sidebar ul ul.with-icons { padding-inline-start: 25px; }
#sidebar ul ul li { margin-bottom: 0; }
#sidebar ul ul a { padding: 0; border-radius: 0; }

/* Search Box */
.search-box { position: relative; display: flex; align-items: center;}
.search-box .search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); max-width: 17px; line-height: 1;}
.search-box .dataTables_filter{width: 100%;}
.search-box .dataTables_filter label { width: 100%; font-size: 0; margin: 0; }
.search-box .dataTables_filter input[type="search"]::-webkit-search-decoration, .search-box .dataTables_filter input[type="search"]::-webkit-search-cancel-button, .search-box .dataTables_filter input[type="search"]::-webkit-search-results-button, .search-box .dataTables_filter input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
.search-box .dataTables_filter input { height: 40px; width: 100%; border: solid 1px var(--form-input-border); background-color: transparent; font-size: 14px; border-radius: 8px; font-weight: 500; color: var(--form-input-color); padding: 0 22px; padding-inline-start: 44px;}
.search-box .dataTables_filter input:focus { box-shadow: none; border-color: var(--bs-gray-text); background-color: transparent;}
.search-box .dataTables_filter input.error { border-color: #d04863; }
.search-box .dataTables_filter input::-webkit-input-placeholder { opacity: 1; }
.search-box .dataTables_filter input:-ms-input-placeholder { opacity: 1; }
.search-box .dataTables_filter input::placeholder { opacity: 1; }
.search-box .dataTables_filter input::-webkit-input-placeholder { opacity: 1; }
.search-box .dataTables_filter input:-ms-input-placeholder { opacity: 1; }
.search-box .dataTables_filter input::placeholder { opacity: 1; color: #667085;}

/* Filter */
.filter { box-shadow: none; }
.filter .card-head { padding: 20px; }
.filter .filter-left { width: 38%; }
.filter .filter-left.left-25 { width: 25%; }
.filter .filter-left.left-20, .filter .filter-right.left-20 , .filter .center-col.left-20 { width: 20%; }
.filter .filter-center { width: 25%; }
.filter .center-col { display: flex; }
.filter .filter-right { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 15px; float: right;}
.filter .filter-right .add-import {line-height: 1;}
.filter .sort-by { font-size: 0.875rem; }
.filter .cate-dropdown { position: relative; margin-inline-start: 25px; }
.filter .cate-dropdown::before { content: "|"; color: var(--bs-body-color); display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.filter .cate-dropdown .nice-select { border: none; padding-inline-end: 40px; padding-inline-start: 25px; }
.filter .cate-dropdown .nice-select::after { border-bottom-color: var(--bs-white); border-right-color: var(--bs-white); }
.filter .filter-button { margin-inline-start: 0; }
.filter .filter-button .btn { border: solid 1px var(--form-input-border) !important; border-radius: 10px; height: 40px; padding: 5px 20px; color: var(--bs-gray-text) !important; display: flex; align-items: center; font-size: 0.875rem; background-color: transparent !important; font-weight: 500; }
.filter .filter-button .btn + .btn { margin-inline-start: 20px; }
.filter .filter-button .btn span { margin-inline-start: 18px; }
.filter .filter-button .btn.add-file span { margin-inline-start: 6px; font-size: 22px;}
.filter.cables-filter #assets-data-table_filter { display: none; }
.filter .filter-button .btn-danger {background-color: var(--bs-btn-bg); border: transparent; color: var(--bs-white);}

/* Status */
.badge-sm { padding: 5px 14px !important; font-size: 13px !important; line-height: normal !important; vertical-align: middle; display: inline-block; }
.status-approved, .status-completed, .status-rejected, .status-submitted, .status-else, .status-draft, .status-pending, .status-archived,.status-resubmitted,.status-defected,.status-verified ,.status-rectified {line-height: 1.3; font-weight: 500;padding: 6px 20px; font-size: 14px; border-radius: 6px; margin: 0;white-space: nowrap;}
.status-completed {color: #5925DC; background-color: #F4F3FF;}
.status-approved {color: #027A48; background-color: #ECFDF3;}
.status-verified {color: #027A48; background-color: #ECFDF3;}
.status-rejected {color: #C01048; background-color: #FFF1F3;}
.status-submitted {color: #026AA2; background-color: #F0F9FF;}
.status-rectified {color: #026AA2; background-color: #F0F9FF;}
.status-else {color: #A53D06; background-color: #E7DACB;}
.status-draft{ color: #344054; background-color: #edeff3;}
.status-pending{ color: #B54708; background-color: #FFFAEB;}
.status-archived{color: #C11574; background-color: #FDF2FA;}
.status-resubmitted {color: #026AA2; background-color: #F0F9FF;}
.status-defected{color: #B93815;background-color: #FFF4ED;}
.inspection-test-record {margin-top: 30px;}
.inspection-test-record .card {padding: 20px;}
.inspection-test-record .card-header {background-color: transparent; padding: 0; border: none; font-weight: 600; color: #7d7c93;}
.inspection-test-record .card-subtitle{font-size: 14px;line-height: 20px;font-weight: 500; margin-top: 10px; color: var(--bs-body-color);}
.inspection-items-outer {margin-top: 25px;}
.inspection-items {padding: 10px 30px; background-color: var(--bs-bg-emphasis-color); border-bottom: 2px solid var(--bs-body-color); display: flex; align-items: center; justify-content: space-between;  gap: 20px;}
.inspection-items:not(:last-of-type) {margin-bottom: 24px;}
.inspection-details h5 {font-size: 16px; line-height: 1.2; font-weight: 500;}
.completed-status {margin-top: 10px; font-weight: 500; color: #808080;}
.inspection-status {padding: 6px 12px; font-weight: 500; border-radius: 6px; border: none; line-height: 1.2;}
.pass-status {background-color: #e8faf2; color: #198b5e;}
.fail-status {background-color: #feedf0; color: #c7466f;}
.insulation-table {border: 1px solid var(--bs-black); color: var(--bs-black);}
.insulation-table thead tr th {background-color: var(--bs-body-bg); text-align: center; white-space: nowrap; width: auto !important;}
.insulation-table th, .insulation-table td {border: 1px solid var(--bs-body-color); color: var(--bs-body-color); padding: 4px 12px;}
.insulation-table td:first-of-type {white-space: nowrap; font-weight: 600; text-align: center;}
.inspection-title{
  min-width: 200px;
}
.inspection-title-form{
  width: 200px;
}
.inspection-formfield{
  width: calc(100% - 200px);
}
.inspection-formfield .upload-files-container{
  max-width: 512px;
}

/* Table Responsive */
.table-responsive { display: block; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: auto; min-height: 130px; }
.table-responsive .table { border: none; background-color: #171c28; color: #ccd0d8; width: 100% !important; font-size: 0.875rem; line-height: 1.5; border-radius: 10px; margin-bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.table-responsive .table thead th { border-bottom: solid 1px #121621; border-top: none; font-weight: 600; color: var(--bs-body-color); cursor: pointer; outline: none !important; white-space: nowrap; padding: 12px; vertical-align: middle; }
.table-responsive .table thead th:first-child { padding-inline-start: 40px; }
.table-responsive .table thead th:last-child { padding-inline-end: 40px; }
.table-responsive .table tbody td:last-of-type { padding-inline-end: 40px; }
.table-responsive .table th:first-of-type, .table-responsive .table td:first-of-type { border-left: none; }
.table-responsive .table th:last-of-type, .table-responsive .table td:last-of-type { border-right: none; }
table thead th .short-icon { word-break: break-word; position: relative; padding-inline-end: 10px; display: inline-block; }
table thead th .short-icon:after, table thead th .short-icon:before { content: ""; border: 4px solid transparent; display: block; width: 0; height: 0; position: absolute; right: 0; top: 50%; opacity: 1; }
table thead th.sorting .short-icon:after { border-top-color: #78778e; margin-top: 1px; }
table thead th.sorting_asc .short-icon:after { border-top-color: #78778e; margin-top: 1px;}
table thead th.sorting .short-icon:before  { border-bottom-color: #78778e; margin-top: -9px; }
table thead th.sorting_desc .short-icon:before { border-bottom-color: #78778e; margin-top: -9px; }
.table-responsive .table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.table-responsive .table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.table-responsive .table tbody tr:nth-child(even) td { background-color: #241e50; }
.table-responsive .table td { border-color: #121621; background-color: #121621; color: #ccd0d8; padding: 9px 12px; vertical-align: middle; font-weight: 500; font-size: 13px; }
.table-responsive .table td .btn.btn-primary, .table-responsive .table td .btn.btn-secondary { padding: 10px 16px; white-space: nowrap; font-size: 13px;}
.table-responsive .table td img { cursor: pointer; }
.table-responsive .table td:first-child { padding-inline-start: 40px; }
.table-responsive .table td:last-child { padding-inline-end: 30px; }
.dataTables_empty { text-align: center; }
.table-responsive .table tfoot { display: none; }
.table-responsive .table .more-option { background-color: transparent; border: none; padding: 0; }
.table-responsive .table .more-option img { max-width: 24px; }
.table-responsive .table .more-option .material-icons { color: #ccd0d8; height: 20px; line-height: 20px; font-size: 2.25rem; width: 36px; }
.table-responsive .table .user-detail { margin-bottom: 0; min-width: 190px; align-items: center;}
.table-responsive .table .user-detail .user-image { width: 50px; height: 50px; border: solid 4px rgba(120, 75, 241, 0.32); flex-shrink: 0; }
.table-responsive .table .user-detail .user-desc { width: calc(100% - 50px); }
.table-responsive .table .user-detail .user-name { font-size: 0.875rem; color: #ccd0d8; font-weight: 400; }
.table-responsive .table .user-detail .user-bd { font-size: 0.75rem; color: var(--bs-body-color); }
.table-responsive.users-list thead th:first-child { padding-inline-start: 103px; }
.task-table tr td {white-space: nowrap;}
.table-responsive .table .first-level-td {border-left: 1px solid var(--bs-border-table);}

/* Remove padding from left and right side of table */
.table-responsive.padding-remove .table thead th:first-child{padding-inline-start: 16px;}
.table-responsive.padding-remove .table thead th:last-child { padding-inline-end: 16px; }
.table-responsive.padding-remove .table tbody td:last-of-type { padding-inline-end: 16px; }
.table-responsive.padding-remove .table td:first-child { padding-inline-start: 16px; }
.table-responsive.padding-remove .table td:last-child { padding-inline-end: 16px; }

/* Project Plan Table */
.table-responsive.projects-plan thead th:first-child { width: 160px !important; min-width: 160px; }
.table-responsive.projects-plan thead th:nth-child(2) { width: 110px !important; min-width: 110px; }
.table-responsive.projects-plan thead th:nth-child(3) { width: 140px !important; min-width: 140px; }
.table-responsive.projects-plan thead th:nth-child(4) { width: 180px !important; min-width: 180px; }
.table-responsive.projects-plan thead th:nth-child(5) { width: 110px !important; min-width: 110px; }
.table-responsive.projects-plan thead th:nth-child(6) { width: 100px !important; min-width: 100px; }
.table-responsive.projects-plan thead th:nth-child(7) { width: 110px !important; min-width: 110px; }
.table-responsive.projects-plan thead th:nth-child(8) { width: 165px !important; min-width: 165px; }
.table-responsive.projects-plan thead th:nth-child(9) { width: 90px !important; min-width: 90px; }
.table-responsive.projects-plan thead th:nth-child(10) { width: 70px !important; min-width: 70px; }

/* Circuits Table */
.table-responsive.circuits-table thead th:first-child { min-width: 165px; padding-inline-start: 16px; }
.table-responsive.circuits-table thead th:nth-child(2) { min-width: 270px; }
.table-responsive.circuits-table thead th:nth-child(3) { min-width: 155px; }
.table-responsive.circuits-table thead th:nth-child(4) { min-width: 130px; }
.table-responsive.circuits-table thead th:nth-child(5) { min-width: 190px; }
.table-responsive.circuits-table thead th:nth-child(6) { min-width: 180px; }
.table-responsive.circuits-table thead th:nth-child(7) { min-width: 145px; }
.table-responsive.circuits-table td:first-child { padding-inline-start: 16px; }

/* Permit Table */
.table-responsive.permit-table .table { box-shadow: none; }
.table-responsive.permit-table .table tr.even td { background-color: transparent !important; }
.table-responsive.permit-table thead { display: none; }
.table-responsive.permit-table td { border: none; padding: 10px 15px; vertical-align: top; min-width: 420px; }
.table-responsive.permit-table td:first-child { padding-inline-start: 0; }
.table-responsive.permit-table td:last-child { padding-inline-end: 0; }

/* Project Table */
.table-responsive.projects-table thead th:first-child { min-width: 180px; }
.table-responsive.projects-table thead th:nth-child(2) { min-width: 280px; }
.table-responsive.projects-table thead th:nth-child(3) { min-width: 150px; }
.table-responsive.projects-table thead th:nth-child(4) { min-width: 200px; }
.table-responsive.projects-table thead th:nth-child(5) { min-width: 280px; width: 280px !important; }
.table-responsive.projects-table thead th:nth-child(6) { min-width: 100px; }
.table-responsive.projects-table thead th:nth-child(7) { min-width: 100px; }

/* Users SWMS Table */
.table-responsive.users-swms-list thead th:first-child { min-width: 280px; width: auto !important; }
.table-responsive.users-swms-list thead th:nth-child(2) { min-width: 180px; }
.table-responsive.users-swms-list thead th:nth-child(3) { min-width: 120px; }
.table-responsive.users-swms-list thead th:nth-child(4) { min-width: 90px; }

/* New Isolation Table */
.table-responsive.new-isolation thead th:first-child { min-width: 80px; width: 80px !important; }
.table-responsive.new-isolation thead th:nth-child(2) { min-width: 140px; }
.table-responsive.new-isolation thead th:nth-child(3) { min-width: 120px; }
.table-responsive.new-isolation thead th:nth-child(4) { min-width: 110px; }
.table-responsive.new-isolation thead th:nth-child(5) { min-width: 240px; }
.table-responsive.new-isolation thead th:nth-child(6) { min-width: 100px; }
.table-responsive.new-isolation thead th:nth-child(7) { min-width: 180px; }

/* Control List Table */
.table-responsive.control-list thead th:first-child, .table-responsive.permit-end thead th:first-child { min-width: 220px; }
.table-responsive.control-list thead th:nth-child(2), .table-responsive.permit-end thead th:nth-child(2) { min-width: 200px; }
.table-responsive.control-list thead th:nth-child(3), .table-responsive.permit-end thead th:nth-child(3) { min-width: 440px; }
.table-responsive.control-list thead th:nth-child(4), .table-responsive.permit-end thead th:nth-child(4) { min-width: 120px; }

/* Subscribe Plan Table */
.table-responsive.subsc-plan thead th:first-child { min-width: 180px; }
.table-responsive.subsc-plan thead th:nth-child(2) { min-width: 190px; }
.table-responsive.subsc-plan thead th:nth-child(3) { min-width: 120px; }
.table-responsive.subsc-plan thead th:nth-child(4) { min-width: 170px; }
.table-responsive.subsc-plan thead th:nth-child(5) { min-width: 350px; width: 350px !important; }
.table-responsive.subsc-plan thead th:nth-child(6) { min-width: 120px; }

/* User Types Table */
.table-responsive.user-types thead th:first-child { min-width: 180px; }
.table-responsive.user-types thead th:nth-child(2) { min-width: 290px; }
.table-responsive.user-types thead th:nth-child(3) { min-width: 140px; }
.table-responsive.user-types thead th:nth-child(4) { min-width: 400px; }
.table-responsive.user-types thead th:nth-child(5) { min-width: 120px; }

/* Work Location Table */
.table-responsive.work-location thead th:first-child { min-width: 300px; }
.table-responsive.work-location thead th:nth-child(2) { min-width: 350px; }
.table-responsive.work-location thead th:nth-child(3) { min-width: 120px; }

/* Page Content Table */
.table-responsive.pagecontent-table thead th:first-child { min-width: 160px; }
.table-responsive.pagecontent-table thead th:nth-child(2) { min-width: 220px; }
.table-responsive.pagecontent-table thead th:nth-child(3) { min-width: 100px; width: 100px !important; }
.table-responsive.pagecontent-table .dataTables_info, .table-responsive.pagecontent-table .dataTables_paginate { display: none; }

/* Assets List Table */
.table-responsive.assets-list #cables-data-table_length { display: none; }
.table-responsive.assets-list .center-col{width:100px;}

.table-responsive.cables-lists #assets-data-table_length { display: none; }

/* Drawing Lists Table */
.table-responsive.drawings-lists thead th:first-child { min-width: 150px; }
.table-responsive.drawings-lists thead th:nth-child(2) { min-width: 170px; }
.table-responsive.drawings-lists thead th:nth-child(3) { min-width: 110px; }
.table-responsive.drawings-lists thead th:nth-child(4) { min-width: 110px; }

/* Io Lists Table */
.table-responsive.io-lists thead th:first-child { min-width: 220px; }
.table-responsive.io-lists thead th:nth-child(2) { width: 220px !important; min-width: 220px; }
.table-responsive.io-lists thead th:nth-child(3) { min-width: 120px; }
.table-responsive.io-lists thead th:nth-child(4) { min-width: 160px; }
.table-responsive.io-lists thead th:nth-child(5) { min-width: 130px; }
.table-responsive.io-lists thead th:nth-child(6) { min-width: 190px; width: 190px !important; }
.table-responsive.io-lists thead th:nth-child(7) { min-width: 140px; }

/* Punchs Lists Table */
.table-responsive.punchs-lists thead th:first-child { min-width: 190px; }
.table-responsive.punchs-lists thead th:nth-child(2) { min-width: 190px; }
.table-responsive.punchs-lists thead th:nth-child(3) { min-width: 330px; }
.table-responsive.punchs-lists thead th:nth-child(4) { min-width: 180px; }
.table-responsive.punchs-lists thead th:nth-child(5) { min-width: 160px; }
.table-responsive.punchs-lists thead th:nth-child(6) { min-width: 120px; }
.table-responsive.punchs-items thead th:first-child { min-width: 190px; }
.table-responsive.punchs-items thead th:nth-child(2) { min-width: 350px; }
.table-responsive.punchs-items thead th:nth-child(3) { min-width: 160px; }
.table-responsive.punchs-items thead th:nth-child(4) { min-width: 180px; }
.table-responsive.punchs-items thead th:nth-child(5) { min-width: 160px; }
.table-responsive.punchs-items thead th:nth-child(6) { min-width: 120px; }

/* Rhif Lists Table */
.table-responsive.rhif-lists thead th:first-child { min-width: 155px; }
.table-responsive.rhif-lists thead th:nth-child(2) { min-width: 200px; }
.table-responsive.rhif-lists thead th:nth-child(3) { min-width: 200px; }
.table-responsive.rhif-lists thead th:nth-child(4) { min-width: 100px; }
.table-responsive.rhif-lists thead th:nth-child(5) { min-width: 170px; }
.table-responsive.rhif-lists thead th:nth-child(6) { min-width: 210px; }
.table-responsive.rhif-lists thead th:nth-child(7) { min-width: 150px; }
.table-responsive.rhif-lists thead th:nth-child(8) { min-width: 100px; }
.lock-icon { max-width: 22px; }

/* Action Dropdown */
.action-dropdown .dropdown-menu { width: 36px; height: fit-content; min-width: 0; transform: translateY(-50%) !important; left: 40px !important; top: 50% !important; padding: 2px 0 6px 0; background-color: var(--bs-indigo); text-align: center; margin: 0; border-radius: 10px; }
.action-dropdown .dropdown-menu::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 7px 7px 0; border-color: transparent var(--bs-indigo) transparent transparent; position: absolute; left: -7px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.action-dropdown .dropdown-menu .dropdown-item { padding: 3px 0; background-color: transparent !important; }
.action-dropdown.with-swms .dropdown-menu { top: -53px !important; }
.action-dropdown.with-swms .dropdown-item { color: var(--bs-white); font-size: 0.5625rem; font-weight: 500; margin-top: 6px; }
.dropdown-menu.show { box-shadow: rgba(255, 255, 255, 0.10) 0px 0px 8px 0px; }
/* Data Table Wrapper */
.dataTables_wrapper { display: block; width: 100%; overflow-x: auto; padding-bottom: 15px; border-radius: 10px; border: 1px solid var(--bs-border-table);}
.dataTables_wrapper .dataTables_filter { display: none; }
.dataTables_length { display: inline-block; font-size: 0.875rem; font-weight: 500; margin-inline-end: 10px; }
.dataTables_length label { margin: 0; color: var(--bs-gray-text);}
.dataTables_length select { background-color: transparent; color: var(--bs-gray-text); border-radius: 4px; margin: 0 5px; padding: 0; font-size: 0.875rem; }
.dataTables_info { display: inline-block; font-size: 0.875rem; font-weight: 500; color: var(--bs-gray-text);}
.dataTables_paginate { float: right; }
.custom-pagination { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: space-between; margin-top: 20px; padding: 0 40px;}
/* .custom-pagination .right {margin-inline-end: 30px;} */
.paginate_button { font-size: 0.875rem; line-height: 20px; margin: 0 10px; display: inline-block; vertical-align: middle; color: var(--bs-gray-text);}
.paginate_button:hover {color: var(--bs-body-color);}
.address, .rejected-reason { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; width: 150px;}
.paginate_button.last { margin-inline-end: 0; }
.paginate_button.first { margin-inline-start: 0; }
.paginate_button.current { color: var(--bs-indigo); font-weight: 600; }
.paginate_button.previous, .paginate_button.next { font-size: 0; width: 38px; height: 38px; border-radius: 100%; border: solid 1px var(--bs-indigo); background-color: var(--bs-indigo); }
.paginate_button.previous.disabled, .paginate_button.next.disabled { border-color: var(--bs-gray-text); background-color: transparent; cursor: not-allowed; }
.paginate_button.previous { background-image: url("../img/svg/chevron-white.svg"); background-repeat: no-repeat; background-size: 14px; background-position: center; transform: rotate(90deg); }
.paginate_button.previous.disabled { background-image: url("../img/svg/chevron-down.svg"); }
.paginate_button.next { background-image: url("../img/svg/chevron-white.svg"); background-repeat: no-repeat; background-size: 14px; background-position: center; transform: rotate(-90deg); }
.paginate_button.next.disabled { background-image: url("../img/svg/chevron-down.svg"); }

/* Add import */
.add-import .add-permit { display: inline-block; }
.custom-table .custom-head { padding: 12px; width: calc(28% / 3); min-width:54px;}
.add-import .import-permit { display: inline-block; }
.add-import .permit-dropdown::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent var(--bs-white) transparent; position: absolute; top: -7px; right: 26px; }
.add-import .add-import-btn { background-color: transparent; border: none; padding: 0; color: var(--bs-gray-text); font-size: 0.875rem; font-weight: 600; display: flex; align-items: center;}
.add-import .add-import-btn span { margin-inline-end: 8px; display: inline-block; text-align: left; line-height: 1;}
.add-import .add-import-btn .svg-icon { fill: var(--bs-gray-text); }
.add-import .permit-dropdown { max-width: 180px; border-radius: 12px; margin-top: 12px; right: 0 !important; top: 8px !important;}
.add-import .permit-dropdown::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #e6e7e9 transparent; position: absolute; top: -7px; right: 26px; }
.add-import .permit-dropdown .custom-checkbox { width: 100%; margin: 0; }
.add-import .permit-dropdown .custom-checkbox [type="radio"] + label { font-size: 1.125rem; color: rgba(125, 124, 147, 0.5); width: 100%; padding: 6px 20px; margin: 0; }
.add-import .permit-dropdown .custom-checkbox [type="radio"] + label::after { top: 15px; left: 25px; }
.add-import .permit-dropdown .custom-checkbox [type="radio"] + label::before { border-color: rgba(125, 124, 147, 0.4); }
.add-import .permit-dropdown .custom-checkbox [type="radio"]:checked + label { color: var(--bs-indigo); background-color: rgba(86, 40, 238, 0.1); }
.file-text { display: flex; flex-wrap: wrap; align-items: center; }
.file-text .pdf-icon { width: 28px; }
.file-text .file-dec { width: calc(100% - 32px); padding-inline-start: 18px; }
.file-text .file-dec a {color: inherit;}
.circuits-card #permitdata-table_info, .circuits-card #permitdata-table_paginate { display: none; }
.permit-card #data-table_info, .permit-card #data-table_paginate { display: none; }
.preview-button {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.permit-btn-wrapper { display: flex; align-items: center; gap: 10px 16px; flex-wrap: wrap; margin-top: 20px; }
.permit-btn-wrapper .btn {height: auto; padding: 10px 16px;}
.action-btn { padding: 0 7px; }
.action-button { display: flex; align-items: center; }
.action-button .btn { padding: 10px 12px; }
.action-button .btn.danger{color: #ff0000;}
.action-button .btn.success{color: #008000;}
.action-button .btn.info{color: #1e90ff;}
.action-button .btn:disabled{border: none;}
.action-button .btn:hover{background: #eee; color: #212529;}

/* My Profile */
.my-profile { display: flex; flex-wrap: wrap; padding: 35px; flex-direction: row; margin-top: 10px; margin-bottom: 0; }
.my-profile .profile-left { width: 138px; }
.my-profile .profile-image { width: 138px; height: 138px; border-radius: 10px; object-fit: cover; background-size: 100% auto; }
.my-profile .profile-right { width: calc(100% - 138px); padding-inline-start: 40px; }
.my-profile.card .card-head { padding: 0 0 22px 0; }
.my-profile.card .card-body { padding: 26px 0 22px 0; }
.my-profile .edit-delete { text-align: center; margin-top: 18px; }
.my-profile .edit-delete > div { display: inline-block; }
.my-profile .edit-delete > div + div { margin-inline-start: 15px; }
.my-profile .edit-image input { display: none; }
.my-profile .e-d-btn { display: flex; justify-content: center; align-items: center; height: 28px; width: 28px; margin-bottom: 0; border-radius: 6px; background: transparent; cursor: pointer; border: solid 1px var(--bs-body-color); text-align: center; font-size: 0.875rem; padding: 1px; }

/* Page Content */
.page-content { color: var(--bs-white); font-size: 0.875rem; line-height: 23px; }
.page-content h4 { font-size: 1.125rem; color: var(--bs-body-color); }
.page-content ul { padding-inline-start: 30px; margin-bottom: 26px; }
.page-content ul li { position: relative; margin-bottom: 12px; }
.page-content ul li::before { content: ""; width: 6px; height: 6px; background-color: var(--bs-indigo); display: inline-block; border-radius: 100%; position: absolute; left: -25px; top: 10px; }
.page-content .about-images img { margin-inline-end: 25px; margin-bottom: 25px; }
.page-content .with-bg { background-color: #11151f; padding: 16px 20px; }

/* Contact Us */
.contact-us .c-column { display: inline-flex; width: 330px; flex-wrap: wrap; margin-inline-end: 30px; margin-bottom: 40px; }
.contact-us .c-column.phone-column { width: 230px; }
.contact-us .c-column .c-icon { width: 26px; }
.contact-us .c-column .c-right { width: calc(100% - 30px); padding-inline-start: 20px; }
.contact-us .c-column .c-title { font-size: 1.375rem; font-weight: 500; }
.contact-us .c-column .c-content { margin-top: 12px; font-size: 0.875rem; line-height: 22px; color: var(--bs-white); }

/* CKE */
.cke .cke_toolbar_break { display: inline-block; clear: left; }
.cke textarea.cke_source { font-family: "Montserrat", sans-serif; padding: 14px 16px; }
.cke .cke_bottom { display: none; }
.cke.cke_chrome { border-color: var(--bs-body-color); border-radius: 10px; overflow: hidden; }
.cke .cke_editable { font-family: "Montserrat", sans-serif; }
.cke .cke_top {border-bottom: 1px solid var(--bs-body-color); background-color: #cacaca;}

/* Dash Card */
.dash-card-row > div { flex: 0 0 33.33%; max-width: 33.33%; }
.dash-card { background: #171c28 url("../img/dash-before.png") no-repeat bottom left/100% auto; height: 100%; background-position: bottom 0 left 0;  padding: 30px; border-radius: 12px; display: flex; justify-content: space-between; gap: 15px; position: relative; align-items: center;}
.dash-card .dash-icon { width: 60px; height: 60px; border-radius: 100%; background-color: var(--bs-indigo); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.dash-card .dash-icon svg { width: 26px; height: 26px; }
.dash-card .dash-content {display: flex; flex-direction: column; align-items: flex-end; color: #ccd0d8; font-size: 0.875rem; line-height: 20px; }
.dash-card .counter-co { font-size: 18px; font-weight: bold; line-height: 1.4; color: var(--bs-indigo); text-align: end; }
.dash-card-row .col {margin-bottom: 30px;}
/* Chart Card */
/* .chart-card { background: #171c28 url("../img/dash-chart-bg.png") no-repeat bottom left/100% auto; border-radius: 10px; padding: 36px 16px 20px 16px; margin-bottom: 30px; } */
.chart-card.chart-full { background-image: url("../img/dash-chart-bg2.png"); }
.chart-card.chart-full .highcharts-figure .highcharts-color-0 { fill: #57ca81; stroke: #57ca81; }
.chart-card.chart-full .highcharts-figure .highcharts-color-0 .highcharts-point { stroke: #57ca81; fill: #57ca81; }
.chart-card.chart-full .highcharts-figure .highcharts-color-1 { fill: #f6d87c; stroke: #f6d87c; }
.chart-card.chart-full .highcharts-figure .highcharts-color-1 .highcharts-point { fill: #f6d87c; stroke: #f6d87c; }
.chart-card.chart-full .highcharts-figure .highcharts-color-2 { fill: #d04863; stroke: #d04863; }
.chart-card.chart-full .highcharts-figure .highcharts-color-2 .highcharts-point { fill: #d04863; stroke: #d04863; }
.chart-card .chart-text { display: flex; justify-content: space-between; color: #ccd0d8; font-size: 0.875rem; line-height: 1.3; font-weight: 500; padding: 0 15px 30px 20px; }
.chart-card .chart-text .c-t-right { font-size: 0.75rem; }

/* Completions Chart */
.completions-chart.chart-card { background-image: url("../img/assets-chart-bg.png"); padding-bottom: 16px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 50%); }
.completions-chart.chart-card .chart-text.no-spacing { padding-bottom: 0; }
.completions-chart.chart-card .chart-text { justify-content: flex-start; padding: 20px 0px;}
.completions-chart.chart-card .chart-text .c-t-right { width: calc(100% - 180px); text-align: center; }
.completions-chart #line-chart .highcharts-axis.highcharts-yaxis { display: none; }
.completions-chart .highcharts-figure .highcharts-data-label tspan { fill: #ccd0d8; font-weight: 300; font-size: 0.625rem; }
.completions-chart.solar-chart .highcharts-series-group .highcharts-color-0.highcharts-point, .completions-chart.solar-chart .highcharts-series-group .highcharts-color-0 { stroke: #270aa1; fill: #270aa1; }
.completions-chart.solar-chart .highcharts-figure .highcharts-color-1 { fill: #ffc237; stroke: #ffc237; }
.completions-chart.solar-chart .highcharts-figure .highcharts-color-1 .highcharts-graph { stroke: #ffc237; }
.completions-chart.solar-chart .highcharts-series.highcharts-series-0 .highcharts-graph { stroke: #270aa1; }
.completions-chart.solar-chart .highcharts-figure .highcharts-color-1 .highcharts-point { fill: #ffc237; stroke: #ffc237; }
.completions-chart.solar-chart .highcharts-figure .highcharts-color-0 .highcharts-point { stroke: #270aa1; fill: #270aa1; }
.completions-chart.solar-chart .highcharts-figure .highcharts-color-0 .highcharts-graph { stroke: #270aa1; }

/* Highcharts Figure */
.highcharts-figure { margin-bottom: 0; }
.highcharts-figure .highcharts-root, .highcharts-figure .highcharts-container { outline: none !important; }
.highcharts-figure .highcharts-exporting-group, .highcharts-figure .highcharts-contextmenu { display: none !important; opacity: 0 !important; }
.highcharts-figure .highcharts-title, .highcharts-figure .highcharts-axis-title { fill: #ccd0d8 !important; font-size: 0.875rem; }
.highcharts-figure .highcharts-background { fill: transparent; outline: none !important; }
.highcharts-figure .highcharts-grid-line, .highcharts-figure .highcharts-axis-line { stroke: #121621; }
.highcharts-figure .highcharts-color-0 { fill: #d7b4fb; stroke: #d7b4fb; }
.highcharts-figure .highcharts-color-0 .highcharts-point { stroke: #d7b4fb; fill: #d7b4fb; }
.highcharts-figure .highcharts-color-1 { fill: #784bf1; stroke: #784bf1; }
.highcharts-figure .highcharts-color-1 .highcharts-point { fill: #784bf1; stroke: #784bf1; }
.highcharts-figure .highcharts-color-2 { fill: var(--bs-body-color); stroke: var(--bs-body-color); }
.highcharts-figure .highcharts-color-2 .highcharts-point { fill: var(--bs-body-color); stroke: var(--bs-body-color); }
.highcharts-figure .highcharts-axis.highcharts-color-0 text { fill: #ccd0d8; }
.highcharts-figure .highcharts-axis.highcharts-color-1 .highcharts-axis-line { stroke: #784bf1; }
.highcharts-figure .highcharts-axis.highcharts-color-1 text { fill: #784bf1; }
.highcharts-figure .highcharts-column-series rect.highcharts-point { stroke-width: 0; }
.highcharts-figure .highcharts-axis-labels { fill: #ccd0d8; }
.highcharts-figure .highcharts-axis-labels text { fill: #ccd0d8 !important;}
.highcharts-figure .highcharts-tick { display: none; }
.highcharts-figure .highcharts-credits { display: none; }
.highcharts-figure .highcharts-legend-item > text { fill: #ccd0d8 !important; font-weight: 400 !important; border: none !important; }
.highcharts-figure .highcharts-data-label tspan { font-size: 0.875rem; text-shadow: none !important; box-shadow: none !important; stroke-width: unset; }
.highcharts-figure .highcharts-focus-border { stroke-width: 0; }

/* Permit Chart Row */
.card-header-inner { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 8px;}
.card-header-inner .permit-type-title { text-align: center;}
.card-header-inner .h6 {color: var(--bs-gray-text);}
.card-header-inner .period_filter {color: var(--bs-gray-text);}
.card-header-inner .btn-secondary, .card-header-inner .btn:not(:disabled):not(.disabled):active, .card-header-inner .btn:not(:disabled):not(.disabled):active {background-color: #252934; border-color: #252934; color: #eaeaea; }

.permit-chart .card-header, .completion-chart .card-header { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.card-header{ background-color: var(--bg-light-gray); }
/*========== Start Form Template CSS ==========*/
.modal.cmn-modal .modal-header{padding: 20px 30px;align-items: center;}
.modal.cmn-modal .modal-header .close {padding: 5px;margin: 0rem 0rem 0rem auto;opacity: 1;}
.modal.cmn-modal .modal-body{padding:30px;}
.modal.cmn-modal .modal-dialog .modal-content{border-radius: 10px;}
.modal.cmn-modal .modal-dialog{max-width: 700px;}
.modal.add-form-modal .dropdown-toggle{color:#7C7C93;}
.modal.cmn-modal .dropdown-toggle::after{background: url("../img/svg/ic-chevron-white.svg") no-repeat center center/100% auto; opacity: 1;}

/* Widget Modal Popup */
.modal.widget-modal .modal-body h4 {color: var(--bs-indigo);font-size: 15px;display: inline-block;padding: 0px 15px 10px;border-bottom: 2px solid var(--bs-indigo);}
.widget-col .widget-box{padding: 20px; border: 2px solid #8F8FA3; border-radius: 10px;background: var(--bs-white); cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center;}
.widget-col .widget-box:hover{background: var(--bs-indigo);border: 2px solid var(--bs-indigo);}
.widget-col .widget-box p{font-size: 12px; line-height: 18px; font-weight: 500;}
.widget-col .widget-box:hover p{color: var(--bs-white);}
.widget-col .widget-box:hover svg g path{fill: var(--bs-white);}
.widget-col .widget-box.checkbox:hover svg g rect{fill: var(--bs-white);}
.widget-col .widget-box.checkbox:hover svg g path{fill: var(--bs-indigo);}
.checkbox-form .switch h5{color: var(--bs-body-color); font-size: 0.875rem;font-weight: 500;}

/* Timepicker */
.input-group.time .form-control{border-radius: 8px;}
.input-group.time .input-group-append{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.input-group.time .input-group-append .input-group-text{background-color: transparent; border: none; padding: 0px;}
.input-group.time .bootstrap-datetimepicker-widget table td a .glyphicon{position: relative;display: flex;align-items: center;justify-content: center; width: 30px; height: 30px; background: #e5e5e5;line-height: inherit;}
.input-group.time .bootstrap-datetimepicker-widget table td .btn:active{background-color: transparent !important; border-color: transparent !important;}
.input-group.time .bootstrap-datetimepicker-widget table td .btn .glyphicon::before{content: ''; background: url('../img/shorting.png'); height: 10px; width: 8px;}
.input-group.time .bootstrap-datetimepicker-widget table td .btn-primary{border-radius: 5px;}
.input-group.time .bootstrap-datetimepicker-widget table td{width: 30px; height: 30px; line-height: 30px;}

/* Multi Select Wrapper */
.multi-select-wrapper { gap: 16px; }
.multi-select-wrapper .multi-field input{border-radius: 10px 0px 0px 10px;}
.multi-select-wrapper .multi-field .remove-field{border-radius: 0px 10px 10px 0px; border: none; padding: 0; width: 48px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.multi-select-wrapper .add-btn-right .add-field { height: 48px; width: 48px; padding: 0; display: flex; align-items: center; justify-content: center;}
.all-widget-area-sec h5{color: var(--bs-body-color) !important;}
.all-widget-area-sec .form-group{margin-bottom: 0px;}
.all-widget-area-sec .form-group .custom-checkbox {margin-bottom: 10px;}
.multiple-btn-group { display: flex; gap: 15px; flex-wrap: wrap;}
.multiple-response-box .multiple-btn{background-color: #3F4355; color: var(--bs-white); border-radius: 30px; padding: 10px 30px;}
.multiple-response-box .multiple-btn:hover{background-color:var(--bs-indigo);}
.all-widget-area-sec .ui-state-default,.all-widget-area-sec .submit-widget{margin-top: 30px;}
/*========== End Form Template CSS ==========*/

/*========== Remove button in image ==========*/
.avatar-close,.thumb-image .avatar-close{position: absolute;  top: -8px; right: -8px; background: red; padding: 5px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.thumb-image .avatar-close {right:10px;}
.multiple-image, .single-image{display:flex;}
.multiple-image .thumb-image, .single-image .thumb-image{position:relative;}
.thumb-image .avatar-close img{width:13px !important; height:13px !important; background:transparent; margin:0px; border-radius:0px;}
#folder-image{ max-width: 65px; left: 342px; top: 258px; border-radius: 0px; }
.smart-folder-table {border: 1px solid var(--bs-border-table); border-radius: 10px;}
.smart-folder-table tr th, .smart-folder-table tr td {padding: 12px;}
.smart-folder-table tr th {border-bottom: none;}
.smart-folder-table tr:first-of-type td, .smart-folder-table tr:first-of-type th{ border-top: none;}

/* Background Colors */
.bg-red, .bg-red > td{ background-color: red !important; }
.bg-blue, .bg-blue > td{ background-color: blue !important; }
.bg-green, .bg-green > td{ background-color: green !important; }
.bg-yellow, .bg-yellow > td{ background-color: yellow !important; }
.bg-orange, .bg-orange > td{ background-color: orange !important; }
.bg-purple, .bg-purple > td{ background-color: purple !important; }
.bg-pink, .bg-pink > td{ background-color: pink !important; }
.bg-brown, .bg-brown > td{ background-color: brown !important; }
.bg-gray, .bg-gray > td{ background-color: gray !important; }

/* Icon Bar */
.iconBar::-webkit-scrollbar { display: none; }
.iconBar { /* width: 100%; max-width: 56px; */ scrollbar-width: none; user-select: none; z-index: 40; display: flex; flex-direction: column; overflow: hidden; overflow-y: scroll; background-color: #211c52; height: 100vh; position: fixed; }
.iconBar .menu-item { position: absolute; font-size: 14px; color: var(--bs-white); background-color: black; padding: 3px 16px 3px 16px; border-radius: 5px; /* line-height: 1.54; */ text-align: center; white-space: nowrap; visibility: hidden; z-index: 1; }
.custom-tooltip { font-family: 'Poppins', sans-serif; font-size: 14px; position: fixed; color: var(--bs-white); background-color: black; padding: 8px 12px 5px 12px; margin-top: 15px; margin-inline-start: 6px; border-radius: 5px; line-height: 1; /* vertical-align: middle; */ display: flex; align-items: center; justify-content: center; white-space: nowrap; visibility: hidden; z-index: 1050; }
/* Icon Sidebar CSS */
.iconBar a { text-decoration: none; display: flex; position: relative; font-size: 35px; color: white; padding: 6px; }
.iconBar a .brand-small-logo { padding: 6px 3px 6px 4px; }
.iconBar .open-side-nav-2 { margin-top: 140px; }
.iconBar a:hover .side-nav-icon, .iconBar .active .side-nav-icon { background-color: #6150e1; border-radius: 4px; text-align: center; }
.iconBar a .side-nav-icon { padding: 10px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.sidenav { height: calc(100% - 55px); width: 0; position: fixed; z-index: 1000; top: 0; left: 56px; background-color: var(--bs-bg-emphasis-color); overflow-x: hidden; transition: 0.5s; margin-top: 55px; transition: none;}
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; color: #818181; display: block; transition: 0.35s ease-in all; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-inline-start: 50px; }
#close-sidebar.active { transform: rotate(180deg); }

/* My Sidenav */
#mySidenav a { display: flex; align-items: center; gap: 15px; padding: 10px; min-width: 224px; font-family:  "Montserrat", sans-serif; font-size: 16px; color: #65686f; font-weight: 500; white-space: nowrap; margin-top: 1px; line-height: 1; }
#mySidenav a:hover { background: var(--bs-blue-light); }
#mySidenav a:hover .side-nav-item , #mySidenav .active .side-nav-item{ color: var(--bs-blue-100); font-weight: 500; }
#mySidenav a:hover .side-nav-icon { color: var(--bs-blue-100); }
#mySidenav .active { background: var(--bs-blue-light); color: var(--bs-blue-100); }
#mySidenav .active .side-nav-icon { color: var(--bs-blue-100);}
#mySidenav .side-nav-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;flex-shrink: 0 ;transition: 0.35s ease-in all; color: var(--bs-gray-900);}
#mySidenav .side-nav-item { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; line-height: 1.308; color: var(--bs-gray-900); transition: 0.35s ease-in all; white-space: normal;}
#mySidenav .side-nav-title { padding: 4px 0; display: flex !important; align-items: center; }
#mySidenav .side-nav-title { margin: 14px 0 6px 0; }
#mySidenav .side-nav-title .side-nav-item { font-size: 11px; font-weight: 600; line-height: 1.455; margin-inline-start: 33px; margin-inline-end: 17px; text-transform: uppercase; display: block; white-space: nowrap; }
#mySidenav .bg-light { width: 100%; height: 1px; background: rgba(33, 35, 44, 0.12)!important; display: block; margin-inline-end: 20px; }
#mySidenav #users-sidenav a i{ width: 24px !important; }
#mySidenav a img{ width: 24px !important; height: 24px !important; }

/* center icons in tables css - Matt */
.center-icon { text-align: center !important; }
.document-photos-wrapper {display: flex; flex-wrap: wrap; gap: 30px; padding: 20px;}
.document-photo { width: calc(20% - 24px);}
.document-upload {padding-inline-start: 35px;padding-top: 8px;}

/* Footer */
.footer { position: sticky; bottom: 0px; text-align: center; }

/* Import Data */
.clean-data-text{ text-align: left; font: 500 14px/21px "Inter", sans-serif; display: block; }
.import-data-inner { max-width: 512px; margin: 120px auto 0 auto; }
.import-data-inner .form-check { padding: 12px 24px; display: flex; align-items: center; justify-content: center; gap: 12px; border-bottom: 1px solid var(--bs-border-table); max-width: 140px; width: 100%; margin: 0; }
.import-data-inner input[type=checkbox] {height: 20px; width: 20px; transform: scale(1);}
.import-data-inner .form-group label {font-size: 12px; color: var(--bs-body-color); font-weight: 500; line-height: 1.5; }
.import-data-inner .form-container {margin: 43px 0;}
.upload-files-container { border: 1px solid var(--form-input-border); background: var(--bs-bg-emphasis-color); border-radius: 12px; padding: 16px 24px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }
.featured-icon { background: #f2f4f7; border-radius: 28px; border-style: solid; border-color: #f9fafb; border-width: 6px; flex-shrink: 0; width: 40px; height: 40px; margin: 0 auto 12px auto; position: relative; }
.upload-cloud-02, .file-04 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: visible; }
.drag-file-area { text-align: center; }
.drag-file-area h3 { font-size: 26px; margin: 15px 0; }
.browse-files { display: flex; align-items: center; }
.browse-files span { font-size: 14px; font-weight: 400; line-height: 1.43; color: var(--bs-body-color) }
.default-file-input { opacity: 0; height: 100%; width: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
.drag-file-area label .browse-files-text { color: #6941c6; font-weight: 600; cursor: pointer; margin-inline-end: 4px; }
.dynamic-message { font-size: 12px; line-height: 1.5; display: block; text-align: center; color: var(--bs-body-color) }
.file-upload-icon { flex-shrink: 0; width: 28px; height: 28px; position: relative; }
.file-block { background: var(--bs-bg-emphasis-color); border-radius: 12px; border: 1px solid var(--bs-border-table); padding: 16px; display: flex; flex-direction: row; gap: 4px; align-items: flex-start; position: relative; margin-top: 36px; }
.file-block .featured-icon { background: #f4ebff; border-radius: 28px; border: 4px solid #f9f5ff; width: 32px; height: 32px; position: absolute; left: -2px; top: -2px; }
.text-and-supporting-text { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.file-name { color: var(--bs-gray-400); text-align: left; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; }
.file-info { display: flex; align-items: flex-start; gap: 16px; flex-direction: row; flex: 1; }
.supporting-text { color: var(--bs-body-color); text-align: left; font: var(--textsm-regular, 400 14px/20px "Inter", sans-serif); position: relative; align-self: stretch; }
.import-data-inner .progress-bar { background-color: transparent; display: flex; flex-direction: row; gap: 12px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.progress-bar .progress-bar2 { border-radius: 8px; flex: 1; height: 8px; position: relative; }
.progress-bar .progress-bar-bg { background: var(--bs-gray-500); border-radius: 4px; height: 8px; position: absolute; right: 0px; left: 0px; top: 0px; }
.progress-bar .progress { background: #7f56d9; border-radius: 4px; width: 0%; height: 8px; position: absolute; left: 0px; top: 0px; }
.progress-bar .percentage { color: var(--bs-gray-500); text-align: left; font-family: "Inter", sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; position: relative; display: flex; align-items: center; justify-content: flex-start; }
.import-data-inner .delete-btn { border-radius: 8px; padding: 8px; display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; flex-shrink: 0; position: absolute; right: 8px; top: 8px; overflow: hidden; }
.delete-btn .trash-01 { flex-shrink: 0; position: relative; overflow: visible; }
.clear-data-btn { background: var(--bs-success); padding: 10px 20px; color: var(--bs-white); font-size: 14px; font-weight: 600; line-height: 1.429; border: none; border-radius: 4px; }
.clear-data-btn:hover { background-color: var(--bs-success); color: var(--bs-white);}
.import-data-inner .file-icon { margin-inline-end: 10px; }
.import-data-inner .content2 { width: 100%; }
.remove-file-icon { cursor: pointer;}
.remove-file-icon svg { color: var(--bs-gray-500);}
.remove-element { position: relative; top: 5px; font-size: 12px; cursor: pointer; border-radius: 100%; background: #dc3545; color: var(--bs-white); width: 25px; height: 25px; display: flex !important; align-items: center; justify-content: center; }
.remove-inspection { position: relative; top: 5px; font-size: 12px; cursor: pointer; border-radius: 100%; background: #dc3545; color: var(--bs-white); width: 25px; height: 25px; display: flex !important; align-items: center; justify-content: center; }
.inspection-items-wrapper { display: flex; }
.uploading-status{ position: absolute; font-size: 14px; line-height: 18px; font-weight: 500; }
.form-builder-file-preview{
  margin-bottom: 10px;
}
.smartphone { position: relative; width: 360px; height: 640px; margin: auto; border: 16px black solid; border-top-width: 60px; border-bottom-width: 60px; border-radius: 36px; background: var(--bs-bg-emphasis-color); }
.black-white-theme .smartphone { border-color: #1d1b33; background-color: #121621; }
.smartphone:after, .smartphone:before {content: ''; display: block; position: absolute; left: 50%; transform: translate(-50%, -50%); background: #333;}
/* The horizontal line on the top of the device */
.smartphone:before { width: 60px; height: 5px; top: -30px; border-radius: 10px; }
/* The circle on the bottom of the device */
.smartphone:after { width: 35px; height: 35px; bottom: -65px; border-radius: 50%; }
.smartphone .content {max-height: 520px; overflow-y: scroll; padding: 12px;}
.smartphone label{ font-size: 0.875rem; font-weight: 500; text-transform: capitalize;}
.preview-btn-list .btn.btn-outline-primary{ color: var(--bs-body-color); border-color: var(--bs-body-color); width: 100% }
.smartphone  .btn-outline-primary.btn-submit{ color: #5628ee; border-color: #5628ee; }
.smartphone .btn-outline-primary.btn-submit:hover{ color: var(--bs-white); background: #5628ee; }
.preview-btn-list .btn.btn-outline-primary.btn-pass:hover{ color: var(--bs-white); background: #13865f; border-color:#13865f; }
.preview-btn-list .btn.btn-outline-primary.btn-fail:hover{ color: var(--bs-white); background: #c60023; border-color:#c60023; }
.preview-btn-list .btn.btn-outline-primary.btn-n-a:hover{ color: var(--bs-white); background: #707070; border-color:#707070; }
.selected-pass,.selected-pass:disabled{ color: #fff !important; background: #13865f; border-color:#13865f; }
.selected-fail,.selected-fail:disabled { color: var(--bs-white) !important; background: #c60023; border-color: #c60023; }
.selected-n-a,.selected-n-a:disabled{ color: #fff !important; background: #707070; border-color:#707070; }
.form-preview{ display: flex; align-items: center; }
.form-preview label{ margin-left: 4px; }
.smartphone .form-group{ margin-bottom: 10px; }

.excavation-services-table th, .excavation-services-table td {border: 1px solid var(--bs-border-table);}
.excavation-services-table th {color: var(--bs-gray-text);}
.excavation-services-table th, .excavation-services-table td {padding: 8px; text-align: center;}
.excavation-services-table th:first-of-type , .excavation-services-table td:first-of-type{ border-left: none; }
.excavation-services-table th:last-of-type , .excavation-services-table td:last-of-type{ border-right: none; }
.excavation-services-table .form-control {width: 194px; height: 32px; border-radius: 4px; padding: 0 16px; margin: 5px;}
.hot-work-table .custom-head.task { padding: 12px; width: 72%;}
.hot-work-table .custom-head { font-size: 16px; font-weight: 600; width: 92px; min-width: 92px; }
.hot-work-table th, .hot-work-table td { border: 1px solid var(--bs-border-table); padding: 8px; }
.hot-work-table .task-title { min-width: 180px; width: 180px; }
.hot-work-table .bg-lightgray{background-color: var(--bs-gray-50);}
.black-white-theme .hot-work-table .bg-lightgray{background-color: #241e50;}
.hot-work-table .text-gray{color: #5A5A5A;}
.black-white-theme .hot-work-table .text-gray { color: var(--bs-white); }
.custom-table .hot-work-table .form-check-input{ width: 24px; height: 24px;}
.rounded-corners-background, .rounded-corners-background-details, .rounded-corners-details, .rounded-corners {border-radius: 20px; border: 2px solid var(--bs-gray-text);}
.rounded-corners-background {  height: 50%; width: 50%; padding: 20px; background: #EEF7FE;  }
.rounded-corners-background-details { height: 150px; width: 150px; padding: 20px; background: #EEF7FE;}
.rounded-corners-details { height: 150px; width: 150px;}
.rounded-corners { height: 80px; width: 80px; }
.progress-custom { display: table; width: 100%; margin-bottom: 20px; }
.section-header { display: flex; justify-content: space-between; padding: 10px 0px; }
.section-header h2 { font-family: inherit; font-style: normal; font-weight: 800; font-size: 24px; line-height: 29px; color: var(--bs-black); margin: 0; }
.section-header p { font-family: inherit; font-size: 16px; line-height: 28px; color: var(--bs-black); margin: 0; }
.comments-status { padding: 6px 12px; font-weight: 500; border-radius: 50px; border: none; line-height: 1.2; background-color: #e8faf2; color: #198b5e; }

/* Import Filter */
.import-filter, .import-search-box { border: 1px solid var(--bs-border-table); border-radius: 6px; padding: 4px 8px; line-height: 1; display: flex; align-items: center; gap: 10px; width: 240px; }
.import-search-box { padding: 12px 8px; }
.import-search-box label img {max-width: 16px;}
.import-search-box input { border: none; color: #21232C; font-size: 14px; line-height: 1; width: 100%; padding: 0; background-color: transparent; }
.import-search-box input::placeholder { color: #65686F; }
.merge-btn-group { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.import-filter .bootstrap-select.dropdown.filter-box{ width: 196px!important; }
.filter-box { border: none; font-weight: 500; font-size: 14px; }
.data-status-list, .record-list { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; border-bottom: 1px solid rgba(33, 35, 44, 0.16); margin-top: 5px; margin-bottom: 5px; }
.data-status-list, .record-list2 { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; font-weight: 500; margin-top: 5px;}
.data-status-link { display: block; color: #65686F; font-size: 15px; font-weight: 500; line-height: 1.62; padding: 10px 18px; position: relative; cursor: pointer; }
.data-status-link.active, .data-status-link:hover { color: var(--bs-indigo); }
.data-status-link.active::before  { width: 100%; height: 2px; }
.data-status-link:hover::before, .data-status-link.active::before  { width: 100%; }
.data-status-link::before { content: ''; position: absolute; width: 0; height: 2px; background-color: var(--bs-indigo); bottom: -1px; left: 0; transition: 0.3s ease-in-out width; }
.clear-btn { background: #2D8647; color: var(--bs-white); border-radius: 4px; padding: 4px 8px; font-size: 14px; font-weight: 600; line-height: 22px; border: none; }
.primary-btn { background: #3A36FF !important;}
.dark-btn { background: #A6AEA8 !important; }
.success-btn { background: #2D8647 !important; }
.custom-datatable-wrapper { display: flex; align-items: flex-start; overflow-x: auto; margin-top: 12px; gap: 8px; }
.custom-datatable { width: 240px; height: 350px; overflow-y: auto; border: 1px solid var(--bs-border-table); background-color: var(--bs-bg-emphasis-color); flex-shrink: 0; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE */ }
.custom-datatable::-webkit-scrollbar { display: none; }
.custom-datatable th, .custom-datatable td { color: var(--bs-gray-text); }
.custom-datatable th { background-color: var(--bs-emphasis-color); padding: 12px 16px 0 16px; font-size: 14px; font-weight: 600; line-height: 21px; position: sticky; top: 0; z-index: 10; }
.custom-datatable th .head-title { border-bottom: 1px solid var(--bs-border-table); padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.custom-datatable td { padding: 0 16px; font-size: 13px; font-weight: 500; line-height: 20px; position: relative; background-color: var(--bs-emphasis-color); }
.custom-datatable tr:first-of-type td { padding-top: 22px; }
.custom-datatable tr:last-of-type td { padding-bottom: 22px; }
.custom-datatable .fetch-table-data svg path {fill: var(--bs-body-color);}
.table-head-title { text-transform: capitalize; }
.existing-card {position: absolute; border-radius: 5px; background: #f1f1f1; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); display: none; z-index: 10;}
.custom-datatable  tr td:hover .existing-card { display: block; padding: 8px 14px; top: -10px; right: 16px; }
.existing-title { color: var(--bs-gray-900); font-size: 13px; font-weight: 500; line-height: 1.308; display: block; text-align: center; margin-bottom: 8px;}
.custom-datatable .existing-title {text-align: left; margin-bottom: 0px; line-height: 20px;}
.existing-btns { display: flex; align-items: center; justify-content: center; gap: 8px; }
.existing-btns .btn { font-size: 11px; font-weight: 500; line-height: 1; padding: 6px 10px;color: #FFF; }
.import-table { width: 100% !important;}
.import-table tr .custom-td:hover .existing-card {display: block; padding: 10px; top: -20px; left: 55px;}
.exist-value { background-color: #D3FF9A; }
.import-table tr th { border: 1px solid var(--bs-border-table); border-left: none; border-top: none; font-size: 14px; line-height: 1.5; font-weight: 600; padding: 6px 7px; white-space: nowrap;}
.import-table tr td {font-size: 13px; line-height: 1.616; font-weight: 500; padding: 8px; border: 1px solid var(--bs-border-table); white-space: nowrap; position: relative;}
.import-table tr th:first-of-type, .import-table tr td:first-of-type { border-right: none; padding-inline-start: 16px; border-left: none;}
.import-table tr th:last-of-type, .import-table tr td:last-of-type {border-right: none;}
.import-table tr th, .import-table  td {color: var(--bs-body-color);}
.import-table tr .custom-td:nth-of-type(2) {border-left: 1px solid transparent;}
.import-table tr th:first-of-type {text-align: center;}
.import-table tr th.action-performed, .import-table tr td.action-performed {min-width: 80px;}
.import-table .linkSpan {justify-content: center;}
.import-table .linkSpan a svg{ fill: var(--bs-body-color); }
.import-table .form-group input { display: none; cursor: pointer; }
.import-table .form-group label { position: relative; cursor: pointer; line-height: 1; width: 16px; height: 16px; margin: 0 auto; }
.import-table .form-group label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #a0a2a5; border-radius: 2px; padding: 6px; display: flex; align-items: center; justify-content: center; height: 16px; width: 16px; position: relative; vertical-align: middle; cursor: pointer; }
.import-table .form-group input:checked + label::before { background-color: #2B74DA; border-color: #2B74DA; }
.import-table .form-group input:checked + label:after { content: ''; display: block; position: absolute; top: 2px; left: 6px; width: 5px; height: 11px; border: solid var(--bs-white); border-width: 0 2.5px 2.5px 0; transform: rotate(40deg); }
.custom-table .form-check-input { width: 18px; height: 18px; vertical-align: middle;}
.work-lot-table {height: 575px; overflow-y: auto; border: 1px solid var(--bs-border-table);}
.work-lot-table tr th {border-top: none; border-bottom: none; background-color: var(--bs-body-bg);}
.work-lot-table .custom-table {border: none; position: relative; width: 100%;}
.work-lot-table .custom-table thead {position: sticky; top: 0; width: 100%; z-index: 100;}
.work-lot-table .custom-table thead::before, .main-table thead::before {content: ' '; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: var(--bs-border-table);}
.subsystem-table .dataTables_wrapper .table-responsive, .swms-table .dataTables_wrapper .table-responsive {height: 575px; border: 1px solid var(--bs-border-table); border-right: none;
  /* overflow-x: hidden;  */
  overflow-y: auto;
}
.custom-data-table-body td p {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0;}
.work-lot-text {max-width: 100%;}
.subsystem-table .custom-pagination,.swms-table .custom-pagination{ padding: 0; }
.subsystem-table tbody tr td:nth-child(2) { margin: 0; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; max-width: 350px; }
.subsystem-table #cables-data-table>thead>tr>th:nth-child(2){ max-width: 350px; }
.subsystem-table tbody tr td:nth-child(3) { max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.subsystem-table #cables-data-table>thead>tr>th:nth-child(3){ max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.subsystem-table .import-table tr th:first-of-type{ text-align: left; }
.main-table {border: none; width: 100%;}
.main-table thead {position: sticky; top: 0; width: 100%; z-index: 10;}
.main-table tr th {border-top: none; background-color: var(--bs-body-bg); border-bottom: none;}
.main-table tr th:last-of-type {border-right: none;}
.main-table tr th:first-of-type, .main-table tr td:first-of-type { padding-inline-start: 20px; }
.import-datatable { overflow-x: auto; margin-bottom: 70px; }
.import-datatable #data-table-1>thead>tr>th:first-of-type {width: 33px !important;}
.completion-roles {margin: 24px 0 30px; gap: 20px 0;}

/* Date Range Picker Custom CSS Start*/
.daterangepicker-custom.daterangepicker{
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px 0px;
  border-radius: 12px;
  border: none;
}
.black-white-theme .daterangepicker-custom.daterangepicker{
  box-shadow: rgba(255,255,255,0.10) 0px 0px 8px 0px;
}
.daterangepicker-custom.daterangepicker .calendar-table{
  background-color: var(--bs-body-bg);
  border-color: var(--bs-body-bg);
}
.daterangepicker-custom.daterangepicker .ranges li:hover{
  background-color: var(--bs-blue-light);
}
.daterangepicker-custom.daterangepicker td.available:hover, .daterangepicker-custom.daterangepicker th.available:hover{
  background-color: var(--bs-blue-light);
}
.daterangepicker-custom.daterangepicker .ranges li.active{
  background-color: var(--bs-indigo);
}
.daterangepicker-custom.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker-custom.daterangepicker .drp-buttons{
  border-color: var(--bs-border-table);
}
.daterangepicker-custom.daterangepicker td.off, .daterangepicker-custom.daterangepicker td.off.in-range, .daterangepicker-custom.daterangepicker td.off.start-date, .daterangepicker-custom.daterangepicker td.off.end-date{
  background-color: transparent;
  color: #4c4c5c;
}
.daterangepicker-custom.daterangepicker td.in-range{
  background-color: var(--bs-blue-light);
  color: var(--bs-body-color);
}
.daterangepicker-custom.daterangepicker td.active,
.daterangepicker-custom.daterangepicker td.active:hover{
  background-color: var(--bs-indigo);
  color: #FFF;
}
.daterangepicker-custom.daterangepicker .calendar-table .next span, .daterangepicker-custom.daterangepicker .calendar-table .prev span{
  border-color: var(--bs-body-color);
}
.daterangepicker-custom.daterangepicker:before{ display: none; }
.daterangepicker-custom.daterangepicker:after{ border-bottom-color: var(--bs-body-bg); }
/* Date Range Picker Custom CSS End*/

/* PDF Content */
.pdf-field-details {display: flex; align-items: center; gap: 10px;}
.pdf-field-details:not(:last-of-type) {margin-bottom: 10px;}
.pdf-field-label {font-size: 18px; font-weight: 500; width: 20%;}
.btn.pdf-field-dropdown {padding: 10px 16px; font-size: 16px; background-color: #252934 !important; border-color: #252934 !important; color: #eaeaea !important;}
.pdf-field-dropdown::after {margin-inline-start: 10px;}

.circuit-view-btn {padding: 10px 30px 10px 20px; border-radius: 6px; min-width: 280px; position: relative; line-height: 1.25; text-align: start;}
.card .card-head .circuit-view-btn::after {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.circuit-view-btn span {color: var(--bs-body-color); margin-inline-end: 15px;}
.circuit-view-select {background-color: transparent;}
.circuit-view-select option {color: var(--bs-body-color); font-weight: 500; font-size: 13px; padding: 8px 18px; cursor: pointer;}
.circuit-view-select option:hover {background-color: rgba(204, 208, 216, 0.3);}
.circuit-view-select option:checked {background-color: rgba(204, 208, 216, 0.3);}
.circuit-table tr:last-of-type td {border-bottom: none;}

/* User Card */
.user-card-outer {display: flex; flex-wrap: wrap; gap: 0 10px;}
.user-card-outer .card {width: calc(50% - 5px);}
.black-white-theme .endorsements .table-responsive .table td {border-color: var(--bs-border-table);}
.endorsements .table-responsive .table tr:last-of-type td {border-bottom: none;}

/* Project detail table  */
.project-detail-table th, .project-detail-table td{ padding: 3px 17px; }
.project-detail-table .custom-name-col{ min-width: 284px; }
 .project-detail-table td{ font-weight: 500; }

/* Matrix */
.matrix-navbar{ margin: 0 0 24px; background-color: var(--bg-light-gray); padding: 8px 12px; border-radius: 4px; display: flex; align-items: center;overflow-y: auto;}
.black-white-theme .matrix-navbar{border: 1px solid var(--bs-border-table);}
.matrix-navbar .matrix-link{ color: var(--bs-gray-600); font-weight: 600; padding: 4px 14px; margin-right: 10px;white-space: nowrap;}
.black-white-theme .matrix-navbar .matrix-link{color:var(--bs-body-color) ; }
.matrix-navbar .matrix-link.active,.matrix-navbar .matrix-link:hover{ background-color: var(--bs-white); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.1) 0px 2px 6px;}
.black-white-theme .matrix-navbar .matrix-link.active,.black-white-theme  .matrix-navbar .matrix-link:hover{background-color: #211c52;color: var(--bs-white); }
/* file input on modal */
.small-file-input input{ max-width: 274px; font-size: 14px;}

/* Work crew css */
.crew-card{ background-color: var(--bs-bg-emphasis-color); box-shadow: 0 1px 15px 0 rgb(0 0 0 / 9%); border-radius: 2px; display: flex; align-items: center; padding: 18px 22px; position: relative; height: 100%;}
.crew-card .crew-image{ width: 80px; height: 80px; border-radius: 50%; border: 4px solid #F4EBFF; }
.crew-card .crew-image img{ width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.crew-card .crew-name{ font-size: 16px; font-weight: 600; margin: 0 0 3px 0; }
.crew-card .crew-subtitle{ font-size: 14px;line-height: 1.6;font-weight: 400; margin: 0; }
.crew-card .crew-details{ width:calc(100% - 80px); padding-left: 16px; }
.crew-card .crew-card-action{ position: absolute; right: 4px; top: 4px; opacity: 0; }
.crew-card:hover .crew-card-action{ opacity: 1; transition: 0.3s all; }
.crew-card-wrapper{ background-color: #F5F5F6; padding: 20px 20px; }
.svg-hover-primary:hover path{ stroke: var(--bs-indigo); }
.svg-hover-danger:hover path{ stroke: var(--bs-danger); }
.crew-progress.progress{ height: 8px; }
.crew-progress .progress-bar{ background-color: var(--bs-indigo); }
.worker-group{ display: flex; flex-wrap: nowrap; }
.worker-single-img{ width: 24px; height: 24px; border-radius: 50%; outline: 2px solid  var(--bs-white); color: var(--bs-black) ; }
.worker-single-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; }
.worker-single-img:not(:first-child){ margin-left: -5px; }
.worker-single-img{ background-color: #F2F4F7; }
.worker-single-img .more-worker{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.black-white-theme .crew-card{ background-color: var(--bs-bg-emphasis-color); border: 1px solid var(--bs-border-table); }
.black-white-theme .crew-card-wrapper{ background-color: var(--bs-bg-emphasis-color); }
.worklot-dropdown{ width: 100%; max-width: 300px; }
.date-range-custom{ width: 300px; }
.calendar-date{ white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden;color: var(--form-input-color);font-weight: 500; }

/* Work Crew Modal  */
.worker-team{ display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.worker-team span{ width: 56px; height: 56px; display: inline-block; margin-left: -12px; border-radius: 50%; }
.worker-team span:nth-child(2){ width: 64px; height: 64px; position: relative; }
.worker-team span img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 2px solid var(--bs-white); }
.modal .btn-wrap{ padding: 18px 22px; border-top: 1px solid rgba(125, 124, 147, 0.3); display: flex; gap: 12px; }
.modal .btn-wrap .btn{ flex-basis: 50%; }
.worker-infobox{ width: 100%; }
.worker-infobox .worker-img{ width: 40px; height: 40px; }
.worker-infobox .worker-details{ width: calc(100% - 40px); display: flex;align-items: center;justify-content: space-between;}
.worker-infobox .worker-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.worker-details h5 {color: #344054;}
.worker-details-left { max-width: 200px; padding-right: 12px; }
.worker-list-wrap { max-height: 210px; overflow-y: auto; padding-right: 4px; }
.crew-modal .modal-dialog{ max-width: 688px; }
.crew-modal .form-label-area{ width: 160px; }
.crew-modal .form-content-area{ width: calc(100% - 160px); padding-left: 14px;}
.crew-logo-wrap{ display: flex; }
.crew-logo{ width: 64px; height: 64px; }
.crew-logo img{ width: 100%; height: 100%;object-fit: cover;border-radius: 50%; }
.crew-logo-wrap .upload-files-container{ width: calc(100% - 74px); margin-left: 10px; }
.crew-icon { width: 48px; height: 48px; border: 1px solid #EAECF0; display: flex; align-items: center; justify-content: center; border-radius: 10px; }

/* ITR Submission */
.img-prview-container { display: flex; align-items: center; flex-wrap: nowrap; margin: 10px -5px -5px -5px; }
.image-preview { position: relative; width: 100px; height: 100px; border: 1px solid #ccc; border-radius: 6px; margin: 5px; display: flex; align-items: center; justify-content: center; }
.image-preview img { max-width: 80px; }
.delete-icon { position: absolute; top: -5px; right: -5px; background-color: var(--bs-danger); color: white; border: 1px solid #fff; border-radius: 50%; width: 22px; height: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 12px; }

/* Handover-sidebar */
.handover-sidebar{ height: calc(100% - 55px); position: fixed; width: 56px; left: 56px; top: 55px; z-index: 1000; background-color: var(--bs-white); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); transition: transform .2s ease-in-out,width .2s ease-in-out; overflow-y: auto; display: none; }
.black-white-theme .handover-sidebar{ background-color: var(--bs-bg-emphasis-color); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); }
.handover-sidebar.active{ display: block; }
.handover-sidebar:hover{ width: auto;min-width: 230px;}
.handover-sidebar a{ display: block; padding: 10px 10px 10px 15px; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.308; color: var(--bs-gray-900); transition: 0.35s ease-in all; white-space: normal; margin-top: 2px; display: flex; align-items: center; }
.handover-sidebar a:hover,.handover-sidebar a.active{ background: var(--bs-blue-light); color: var(--bs-blue-100); }
.handover-sidebar .side-nav-icon { width: 24px; height: 24px; text-align: center; }
.handover-sidebar .side-nav-item{ opacity: 0; font-size: 0; transition: opacity .2s ease-in-out; }
.handover-sidebar:hover .side-nav-item{ margin-left: 12px; opacity: 1; font-size: inherit; }
/* Handover Page */
/* .handover-content-area{ padding-left: 50px; } */
.handover-profile-box{ border-radius: 8px; padding: 10px; text-align: center; background-color: #F3F3F3; width: 150px;min-height: 125px;}
.certifiate-card{padding: 8px 0;margin-top: 27px;}
.black-white-theme .handover-profile-box{ background-color: var(--bs-blue-light); }
.handover-profile-box.confirmed-box{ background-color: #D1FADF; }
.handover-header-info{ max-width: 340px;width: 100%;}
.avtar-18{width: 18px; height: 18px; border-radius: 50%; }
.avtar-18 img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.avtar-40{ width: 40px; height: 40px; border-radius: 50%; }
.avtar-40 img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.avtar-34{ width: 34px; height: 34px; border-radius: 50%; }
.avtar-34 img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.avtar-60{ width: 60px; height: 60px; border-radius: 50%; }
.avtar-60 img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.profile-avtar.more-profile-avtar { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #475467; background-color: #F2F4F7; border: 2px solid var(--bs-white); }
.profile-group .profile-avtar:not(:first-child) { margin-left: -8px; }
.handover-discipline .bootstrap-select.dropdown .dropdown-toggle{height: 30px; line-height: 30px;font-size: 13px;}

/* Handover Topbar */
.handover-topbar{ background: #F5F6F8; padding: 12px 16px;}
.custom-tab-navbar .nav-link{background-color:var(--bs-white);border: 1px solid var(--form-input-border);color: var(--form-input-color); padding: 6px 14px;border-radius: 0;font-size: 14px; font-weight: 600;}
.custom-tab-navbar .nav-link.active{background-color: #F5F6F8;color: var(--form-input-color);}
.custom-tab-navbar .nav-item:not(:first-child) .nav-link, .custom-tab-navbar .nav-item:not(:last-child) .nav-link{ margin-left: -1px; }
.custom-tab-navbar .nav-item:first-child .nav-link { border-radius: 8px 0 0 8px; }
.custom-tab-navbar .nav-item:last-child .nav-link { border-radius: 0 8px 8px 0; }
.delineation-thumbnail{width: 80px; height: 56px;}
.delineation-thumbnail img{border: 1px solid #D0D5DD;border-radius: 4px;width: 100%; height: 100%; object-fit: cover; }

/*  Handover Tiles */
.completed-handover-tile { background: #F4F3FF; }
.completed-handover-tile  .progress-bar{ background-color: #5925DC;}

.approved-handover-tile { background: #ECFDF3; }
.approved-handover-tile  .progress-bar{ background-color: #027A48;}

.review-handover-tile { background: #F0F9FF; }
.review-handover-tile  .progress-bar{ background-color: #026AA2;}

.inprogress-handover-tile { background: #F2F4F7; }
.inprogress-handover-tile  .progress-bar{ background-color: #344054;}

.pending-handover-tile { background: #FFFAEB; }
.pending-handover-tile  .progress-bar{ background-color: #BE5E25;}

/* Handover Matrices */
.subsystem-name-text{ max-width: 300px; }
.add-icon { width: 28px; height: 28px; display: flex; background: var(--bs-indigo); align-items: center; justify-content: center; border-radius: 50%; }
.cursor-pointer{ cursor: pointer;}

/* ITR */
.permit-status-count-tag.badge-light-gray{ background: #eceff3; color: #6d767e; font-size: 12px; line-height: normal; padding: 3px 8px; border: 0; }
.black-white-theme .permit-status-count-tag.badge-light-gray {background:rgb(236 239 243 / 10%);}
.black-white-theme .matrix-link.active .permit-status-count-tag.badge-light-gray , .black-white-theme .matrix-link:hover .permit-status-count-tag.badge-light-gray {background: rgb(236 239 243 / 30%); color: var(--bs-white); }
/* Range Slider with Progress */
.range-slider{
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
  margin-bottom: 60px;
}
.range-input{
  background-color: transparent;
  -webkit-appearance: none; width: 100%;
}
.range-input:focus{outline: none;}
.range-input::-webkit-slider-runnable-track {
  width: 100%;
  height: 1rem;
  cursor: pointer;
  background: linear-gradient(90deg, #5628ee var(--range-progress), #dee4ec var(--range-progress));
  border-radius: 1rem;
}
.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0.25rem solid #f8f9fa;
  /* box-shadow: 0 1px 3px rgb(86 40 238 / 80%); */
  border-radius: 50%;
  background: var(--bs-white);
  cursor: pointer;
  height: 24px;
  width: 24px;
  transform: translateY(calc(-50% + 8px));
}
.range-tooltip {
  position: absolute;
  top: -2.25rem;
}
.range-tooltip span {
  position: absolute;
  text-align: center;
  display: block;
  line-height: 1;
  padding: 0.125rem 0.25rem;
  color: var(--bs-white);
  border-radius: 0.125rem;
  background: var(--bs-indigo);
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  transform: translate(-50%, 0);
}
.range-tooltip span:before {
  position: absolute;
  content: "";
  left: 50%; bottom: -8px;
  transform: translateX(-50%);
  width: 0; height: 0;
  border: 4px solid transparent;
  border-top-color:  var(--bs-indigo);
}

/* ITR Matrices Dropdown fixes for production */
.filter-totalbox {width: 124px;padding: 4px 10px; font-size: 14px; line-height: normal; word-break: break-word;}
.matrices-select.bootstrap-select.dropdown .dropdown-menu{ min-height: auto !important; }
.matrices-select.bootstrap-select.dropdown .dropdown-menu.inner.show{ max-height: 100% !important; }
.matrices-select .inner.show{ max-height: 270px !important; min-height: auto !important; }
.all-metrics-table-list.table-responsive .table thead th:last-child{ padding-inline-end:12px; }
.all-metrics-table-list.table-responsive .table tbody td:last-of-type{ padding-inline-end:12px; }


/* Punch List Modals */
.recategorisation-group{ background: #F9FAFB; padding: 6px 8px; border-radius: 8px; display: flex; }
.recategorisation-group .category-btn{ border: 0; flex: 1 1 auto; height: 44px; background-color: transparent; color: #667085; }
.recategorisation-group .category-btn.active{ background-color:  var(--bs-white); color: #344054; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.1) 0px 2px 6px !important; }

/* Default Select UI */
.default-select-box{ height: 40px; width: 100%; border-radius: 10px; background-color: transparent; color: var(--form-input-color); font-weight: 500;font-size: 14px; padding: 0 14px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;background: url("../img/svg/ic-chevron-white.svg") no-repeat 97% center/100% auto;background-size: 11px;border: solid 1px var(--form-input-border);}


/* Chart page navbar */
/* Primary discipline navigation tabs */
.chart-navbar-secondary {
    border: none;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
}
.chart-navbar-secondary .chart-link-secondary {
    color: var(--bs-gray-text);
    border: none;
    border-bottom: 3px solid transparent;
    line-height: 1.5;
    padding: 10px 20px;
    text-align: center;
    white-space: nowrap;
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    margin-inline-start: 0;
    position: relative;
}
.chart-navbar-secondary .chart-link-secondary:hover {
    color: var(--bs-indigo);
}
.chart-navbar-secondary .chart-link-secondary.active {
    color: var(--bs-indigo);
    border-bottom: 3px solid var(--bs-indigo);
}
.black-white-theme .chart-navbar-secondary .chart-link-secondary {
    color: var(--bs-gray-text);
}
.black-white-theme .chart-navbar-secondary .chart-link-secondary.active {
    color: var(--bs-indigo);
    border-bottom: 3px solid var(--bs-indigo);
}

/* Secondary subtab navigation */
.chart-navbar { display: inline-flex; align-items: center;overflow-x: auto; padding: 0 1px;}
.chart-navbar .chart-link { border: 1px solid var(--form-input-border); color: var(--form-input-color); padding: 6px 14px; flex: 1 0 auto; position: relative; font-size: 14px; font-weight: 600; }
.chart-navbar .chart-link.active { background: var(--bg-light-gray); position: relative;}
.black-white-theme .chart-navbar .chart-link.active { background: #211c52;color: var(--bs-white);}
.chart-navbar .chart-link.active .active-dot{ background-color: #12B76A; width: 8px; height: 8px;display: inline-block ;border-radius: 50%;margin-right: 6px; }
.chart-navbar .chart-link:not(:first-child),.chart-navbar .chart-link:not(:last-child) { margin-left: -1px; }
.chart-navbar .chart-link:first-child{ border-radius: 8px 0 0 8px; }
.chart-navbar .chart-link:last-child{ border-radius: 0 8px 8px 0; }
.chart-navbar .chart-link:only-child{border-radius: 8px;}
.chart-card-box.card{background-color: transparent; }
.form-input-color{ color: var(--form-input-color); }
.filter-bar >*{ height: 40px;display: flex; align-items: center; justify-content: center;}

/* Desktop Dashboard */
.dasboard-card{ border-radius: 12px; }
.dasboard-card .dashboard-ic{ background: #F4EBFF;width: 40px;height: 40px;border-radius: 8px;display: flex;align-items: center;justify-content: center; }
.dasboard-card .dashboard-card-content{ background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; padding: 16px; }
.dasboard-card .progress{ background: #EAECF0; height: 9px;border-radius: 50px; }
.progress-bar{ border-radius: 50px; }
.dasboard-card.box-1{background: #F95468;}
.dasboard-card.box-1 .progress-bar{background: #F95468;}
.dasboard-card.box-2{background: #965CF3;}
.dasboard-card.box-2 .progress-bar{background: #965CF3;}
.dasboard-card.box-3{background: #D6A11A;}
.dasboard-card.box-3 .progress-bar{background: #D6A11A;}
.dasboard-card.box-4{background: #039855;}
.dasboard-card.box-4 .progress-bar{background: #039855;}
.dasboard-card.box-5{background: #1570EF;}
.dasboard-card.box-5 .progress-bar{background: #1570EF;}


/* ITP Builder */
.table.itp-table{ border-collapse: separate; border-spacing: 10px; }
.table-responsive .table.itp-table th,.table-responsive .table.itp-table td { padding: 14px 20px; border-bottom: 2px solid #e9ebec !important; background-color: #f9fbfc !important; }
.black-white-theme .table-responsive .table.itp-table th,.black-white-theme .table-responsive .table.itp-table td{
 background-color: var(--bs-body-bg) !important;
 border-color: var(--bs-border-table) !important;
}
.table-responsive .table.itp-table th{ font-size: 14px; font-weight: 700; }
.table-responsive .table.itp-table td{ font-size: 14px; vertical-align: top; }
.table-responsive .table.itp-table tbody td:last-of-type{ padding-inline-end: 20px; }
.itp-builder-create textarea.form-control{ height: 145px; }
.itp-modal-ic{ width: 48px; height: 48px; border-radius: 10px; border: 1px solid #EAECF0; display: flex; align-items: center; justify-content: center; }
.itp-modal .modal-dialog{ max-width: 688px; }
.sign-btn1{ border: 1px solid #FDA29B;color: #B42318 ;padding: 5px 14px;border-radius: 8px; font-weight: 600;}
.sign-btn1 .rounded-dot{ background-color: #12B76A;}
.sign-btn2{ border: 1px solid #FDA29B;color: #FDA29B ;padding: 5px 14px;border-radius: 8px; font-weight: 600;}
.sign-btn2 .rounded-dot{ background-color: #FDA29B;}
.rounded-dot{ width: 8px;height: 8px;border-radius: 50%;display: inline-block; margin-right: 4px;}
.itp-undo-sign { border: 1px solid var(--form-input-border); border-radius: 8px; width: 32px; height: 28px; display: flex;align-items: center;justify-content: center;}

/* Gantt chart */
.gantt-chart-filters { border: 1px solid #cecece; padding: 10px 12px; margin-top: 12px; }
.gantt-chart-filters .switch label{ width: 44px; }
.gantt-chart-filters .custom-checkbox [type="radio"] + label::before{ width:18px; height:18px; margin-inline-end: 6px;flex-shrink: 0; }
.gantt-chart-filters .custom-checkbox [type="radio"] + label::after{ top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 3px; }
.gantt-chart-filters .custom-checkbox [type="radio"] + label span { display: inline-block; }
.gantt-chart-filters .bootstrap-select.dropdown .dropdown-toggle{ height: 34px; line-height: 34px; }

/* Bootstrap Tooltip background color */
.tooltip.bs-tooltip-top .tooltip-inner,
.tooltip.bs-tooltip-bottom .tooltip-inner,
.tooltip.bs-tooltip-start .tooltip-inner,
.tooltip.bs-tooltip-end .tooltip-inner {
    background-color: var(--bs-black);
    color: #FFF;
}
/* Bootstrap Tooltip arrow color for top tooltip */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-black);
}
/* Bootstrap Tooltip arrow color for bottom tooltip */
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-black);
}
/* Bootstrap Tooltip arrow color for right (end) tooltip */
.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-black);
}
/* Bootstrap Tooltip arrow color for left (start) tooltip */
.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-black);
}
/* Light Tooltip with white background */
.custom-tooltip-light .tooltip-inner { background-color: #ffffff; filter: drop-shadow(0 0 10px #e2e2e2); color: #344054; border-radius: 8px; padding: 8px 12px; font-size: 14px; }
.custom-tooltip-light.tooltip.show {opacity: 1;}
.custom-tooltip-light.bs-tooltip-top .tooltip-arrow::before { border-top-color: #ffffff; }
.custom-tooltip-light.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #ffffff; }
.custom-tooltip-light.bs-tooltip-left .tooltip-arrow::before { border-left-color: #ffffff; }
.custom-tooltip-light.bs-tooltip-right .tooltip-arrow::before { border-right-color: #ffffff; }

/* Punch details */
.iso-content.punch-photo{
  display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.punch-photo .iso-image{ width: 100%;  border: 0;border-radius: 0;padding: 0;}
.iso-row.punch-details-block{ flex-basis: 66.67% !important; }
.punch-details-content{ display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; }
.punchlist-photo {width: 80px;height: 58px;display: inline-block;border-radius: 6px;}
.punchlist-photo img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 6px;}

/* User Guide */
.line-tabs-wrap.nav-tabs{ background: var(--bg-light-gray); padding: 4px 16px; margin-bottom: 0 !important; }
.line-tabs-wrap.nav-tabs::before{background-color: var(--bs-border-table);}
.line-tabs-wrap .nav-link{ font-size: 14px; font-weight: 500; color: #3C4257; border: none; padding: 6px 10px; }
.line-tabs-wrap.nav-tabs .nav-link.active{ color: var(--bs-indigo);background-color: inherit;position: relative;}
.line-tabs-wrap.nav-tabs .nav-link.active:after{content: '';background: var(--bs-indigo); position: absolute; left: 0; right: 0; width: 100%; height: 1px; bottom: -4px;}
.user-guide-cards .user-guide-card{position: relative; border-radius: 8px; padding: 22px 24px; min-height: 300px;height: 100%; ;transition: transform .3s;cursor: pointer;box-shadow: 0px 8px 16px -8px #0000004D; }
.user-guide-cards .user-guide-card::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; opacity: 0.3; height: 100%; background-position: bottom; }
.user-guide-cards .user-guide-card.card-pattern1{ background-color: #005598; }
.user-guide-cards .user-guide-card.card-pattern1:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23FFFFFF' fill-opacity='0.2' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 6V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 5-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E"); }
.user-guide-cards .user-guide-card.card-pattern2{ background-color: #2c316a; }
.user-guide-cards .user-guide-card.card-pattern2:before{ background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFFFFF' fill-opacity='0.2'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.user-guide-cards .user-guide-card.card-pattern3{ background-color: #453077; }
.user-guide-cards .user-guide-card.card-pattern3:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23FFFFFF' fill-opacity='0.2'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.user-guide-cards .user-guide-card:hover{ transform: translateY(-8px);}
.user-guide-cards .user-guide-card p{ color: rgb(255 255 255 / 70%); font-weight: 500; }
.user-guide-cards .user-guide-card h3{font-size: 22px; }
.user-guide-card .read-now-link{ opacity: 0; transition: opacity .3s; }
.user-guide-card:hover .read-now-link { opacity: 1; }
.user-guide-card-content{ position: relative;z-index: 1;height: 100%; }
.user-guide-card .read-now-link .read-icon { transition: transform .3s; display: inline-block; margin-left: 2px; }
.user-guide-card:hover .read-now-link .read-icon {  transform: translateX(8px);  transition: transform .3s;}
.user-guide-banner { margin-left: -30px; margin-top: -22px; width: calc(100% + 60px); height: 400px; background: #f6f9fc; background-position: center; background-size: cover; position: relative; overflow: hidden; display: flex; justify-content: center; flex-direction: column; padding: 100px 110px; }
.user-guide-banner  .shape{ position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 120px 100vw 0 0; border-color: transparent #ffffff transparent transparent; }
.user-guide-contents .sticky-top{ top: 100px; z-index: 999; }
.user-guide-contents .list-group-item{ border: 0; border-radius: 0; background: transparent; color: #0A2540; font-weight: 500; position: relative; padding: 4px 20px; margin: 0 0 8px; }
.user-guide-contents .list-group-item::before{ content: ""; position: absolute; top: 4px; left: 0; width: 2px; height: calc(100% - 6px); background: linear-gradient(180deg, #02BCF5 0%, #635BFF 0%, #02BCF5 100%); transform: scaleY(0); transition: transform .3s; }
.user-guide-contents .list-group-item.active, .user-guide-contents .list-group-item:hover{ color: var(--bs-indigo); }
.user-guide-contents .list-group-item.active::before{ transform: scaleY(1); }
.text-dark-blue{ color: #0A2540 !important; }
.user-guide-contents .scrollspy-content p, .user-guide-contents .scrollspy-content li{ font-weight: 400; color: #425466; }
.user-guide-contents .scrollspy-content ul{ padding-left: 30px; }
.user-guide-contents .scrollspy-content ul li:not(:last-child){ margin-bottom: 16px; }
.user-guide-contents .scrollspy-content li{ position: relative; }
.user-guide-contents .scrollspy-content li::before{ content: ''; position: absolute; left: -24px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #CFD7DF; }
.user-guide-contents .list-item-wrapper{ margin-bottom: 50px; }

.black-white-theme .line-tabs-wrap .nav-link{color: var(--bs-body-color);}
.black-white-theme .line-tabs-wrap.nav-tabs .nav-link.active{color: var(--bs-white);}
.black-white-theme .line-tabs-wrap.nav-tabs .nav-link.active:after{ background: var(--bs-white); }
.black-white-theme .text-dark-blue{ color: #aaa9b7 !important; }
.black-white-theme .user-guide-banner{background: #11142f;}
.black-white-theme .user-guide-banner .shape{border-color: transparent #0b0d13 transparent transparent;}
.black-white-theme .user-guide-contents .scrollspy-content p,.black-white-theme .user-guide-contents .scrollspy-content li{ color: #7D7C93; }
.black-white-theme .user-guide-contents .list-group-item{ color: var(--bs-body-color); }
.black-white-theme .user-guide-contents .list-group-item.active, .black-white-theme .user-guide-contents .list-group-item:hover {color: var(--bs-white);}

.btn-add-question{ width: auto;border-radius: 6px; }

/* Moc page */
.moc-table tbody td,.moc-table thead th { border: 1px solid #E5E5E5; font-size: 14px; line-height: 1.2; }
.moc-table thead th { font-weight: 600; padding: 10px 16px; }
.moc-table tbody td { font-weight: 500; padding: 10px 16px; }
.attribute-badge{ padding: 4px 10px !important; display: flex;align-items: center; gap: 3px;}
.reason_text { max-width: 200px; word-break: break-all;}

.recat-badge { width: 20px; height: 20px; display: flex;align-items: center;justify-content: center; background: #FEF0C7; position: absolute; border-radius: 50%; top: -6px; right: -6px; }

/* Handover breakdown table */
table.dataTable.handover-breakdown-table tbody td,.handover-breakdown-table thead th{ font-size: 14px; line-height: 1.2; }
table.dataTable.handover-breakdown-table tbody td{ font-weight: 500; border: 1px solid rgba(0, 0, 0, 0.15); }
table.dataTable.handover-breakdown-table thead th{ font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.15);}
.handover-breakdown-tablewrap .dataTables_wrapper{border-radius: 0;border: 0;}
table.dataTable.handover-breakdown-table > tbody > tr:last-child > *{border-bottom: 1px solid rgba(0, 0, 0, 0.15);}


/* Hide sidebar */
.sidebar-hidden .sidenav{ display: none;width: 0 !important; }
.sidebar-hidden .content-box{padding: 22px 30px 22px 86px !important;}
/* .sidebar-hidden .sidebar-toggle{display: none;} */

/* Vendor MDRS dropdown */
.vendor-dropdown-container{ width: 280px; max-width: 280px; }
.vendor-dropdown .dropdown-menu{width: 280px !important;min-width: 280px;}

/* New Signup Flow Styles */
.auth-page-wrapper{ display: flex; flex-wrap: wrap; min-height: 100vh; }
.auth-page-wrapper .auth-aside { width: 302px;padding: 60px 20px 20px;position: relative;}
.auth-page-wrapper .auth-img-wrap{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.auth-page-wrapper .auth-img-wrap:before{ content: ''; position: absolute; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); height: 100%; width: 100%; z-index: 0; }
.auth-page-wrapper .auth-img-wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.auth-page-wrapper .auth-aside-content{ position: relative; z-index: 1; }
.auth-page-wrapper .auth-body{ width: calc(100% - 302px); padding: 48px; }
.auth-page-wrapper .login-content-box{ width: 100%; max-width: 511px; margin: 0 auto; height: 100%; justify-content: space-between; display: flex; flex-direction: column; padding-top: 70px; }
.form-group .iti.iti--allow-dropdown{ width: 100%; }
.or-block .border-block{ position: relative;display: block; }
.or-block .border-block::before{ position: absolute;left: 0;width: 100%;height: 1px; ;content: ''; border: 1px solid #E5E3E8;top: 50%; transform: translateY(-50%);z-index: -1;}
.verification-block { display: flex; gap: 12px; justify-content: space-between; }
.verification-block input { font-size: 20px; text-align: center; }
.btn-blue{ background-color: #3D63F9;color: #FFF; }

/*Handover Comment*/
.review-button{margin: 0 auto;box-sizing: border-box;display: flex;flex-direction: row;align-items: center;padding: 6px;gap: 6px;background: #FFFFFF;border: 1px solid #D0D5DD;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;}
.review-button .badge-sm {border-radius: 50px; }

/* Move FancyBox caption to the top */
.fancybox__caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    z-index: 10;
    text-align: center;
}

/* Adjust padding to account for the top caption */
.fancybox__content {
    padding-top: 40px; /* Adjust this value based on the height of your caption */
}

.row-elment, .activity-rows {
  position: relative;
  transition: transform 0.2s ease;
}

.row-elment .drag-handle {
  width: 20px;
  cursor: move;
  color: #888;
  position: absolute;
  left: -30px;
  top: 28%;
  margin-left: 10px;
  transform: translateY(-50%);
}

.activity-rows .drag-handle {
  width: 20px;
  cursor: move;
  color: #888;
  position: absolute;
  left: -30px;
  top: 28%;
  margin-left: 30px;
  transform: translateY(-50%);
}

.row-elment.dragging, .activity-rows.dragging {
  opacity: 0.5;
  transform: scale(0.95);
}

.row-elment:hover .drag-handle, .activity-rows:hover .drag-handle {
  color: #333;
}

.tox-tinymce{
  border: solid 1px var(--form-input-border) !important;
  background-color: transparent !important;
  border-radius: 8px !important;
}

.bootstrap-select .dropdown-menu .inner li.disabled {
  background-color: #f0f0f0;
  color: #aaa;
}


.module-selection-dropdown .dropdown-menu { min-width: 210px;}
.module-selection-dropdown .bootstrap-select.dropdown .dropdown-menu{ max-height: 180px; }
.module-selection-dropdown .filter-option-inner-inner,.module-selection-dropdown .dropdown-item .text{ display: flex !important; align-items: center;gap: 8px;}
.document-tabs-wrap .nav-tabs{margin-bottom: 24px !important;}
.document-tabs-wrap .nav-tabs::before{display: none;}
.document-tabs-wrap .nav-link { border: none; padding: 6px; min-width: 245px; font-size: 20px; font-weight: 500; color: #717680;height: auto;}
.document-tabs-wrap .nav-tabs .nav-link.active{color: #7F56D9;border-bottom: 2px solid #7F56D9; }
.white-theme .document-tabs-wrap .nav-tabs .nav-link.active{color: #7F56D9;border-bottom: 2px solid #7F56D9; }

.matrix-filterbar.filter .filter-left{ width: 100%; max-width: 420px; }
.matrix-filterbar .dis_phase .bootstrap-select.dropdown .dropdown-toggle{ min-width: 192px;max-width: 192px; }
.matrix-filterbar .edit-delete-group { border: 1px solid #D0D5DD; border-radius: 6px; padding: 5px 8px; display: flex;gap: 3px;margin-left: 80px;}
.matrix-filterbar .edit-delete-group a {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 4px; color: #7d7c93;}
.matrix-filterbar .edit-delete-group a:hover{ background: #D0D5DD; }
.matrix-filterbar .edit-delete-group a.active{ background: #D0D5DD; }
.ag-header-container input[type=checkbox]{ transform: scale(1); width: 16px; height: 16px; }
.flex-center{display: flex;align-items: center;justify-content: center; gap: 10px;}
.ag-grid-actions{ display: flex;align-items: center;justify-content: center; gap: 3px; height: 100%;}
.ag-grid-actions .ag-grid-actionbtn{ width: 30px;height: 30px;display: flex;align-items: center;justify-content: center; border: 1px solid #D1D4DB;border-radius: 4px; }
.ag-center-cols-viewport [col-id="action_buttons"] div:first-of-type {
   height: 100%;
}
.status-closed, .status-rejected, .status-completed, .status-open, .status-verified, .status-cancelled {line-height: 1.3; font-weight: 500;padding: 6px 20px; font-size: 14px; border-radius: 6px; margin: 0;white-space: nowrap;}
.status-in_progress{ color: #344054; background-color: #edeff3 }
.status-closed {color: #5925DC; background-color: #F4F3FF;}
.status-open { color: #B54708; background-color: #FFFAEB;}
.status-cancelled { color: #5D615E; background-color: #FFFAEB;}
.status-a { color: #C01048; background-color: #FFF1F3;}
.status-b { color: #B93815; background-color: #FFF4ED;}
.status-c { color: #027A48; background-color: #ECFDF3;}
.status-d { color: #026AA2; background-color: #F0F9FF;}
.status-x { color: #697586; background-color: #F2F4F7;}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
button[data-id="action"] {
    padding: 0px 15px !important;
}
.remove-itpuploaded-files{
  position: absolute;
  right: -2px;
  top: -6px;
}


.remove-itpuploaded-files{
  position: absolute;
  right: -2px;
  top: -6px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #dc3644;
  display: flex ;
  align-items: center;
  justify-content: center;
}
.remove-itpuploaded-files .fa-remove{
  color: #FFF;
  font-size: 10px;
}
.verification-file-upload{
  display: flex ;
  gap: 8px;
  height: 40px;
}
.verification-file-upload .choose-file-btn{
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-body-color);
  border: solid 1px var(--form-input-border);
  background: #f8f9fa;
  padding: 2px 12px;
  height: 100%;
  flex-shrink: 0;
  display: flex ;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
}
.verification-file-upload .uploadefile-name{
  color: var(--form-input-color);
  border: solid 1px var(--form-input-border);
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  height: 100%;
  flex-grow: 1;
  padding: 2px 34px 2px 12px;
  display: flex ;
  align-items: center;
  position: relative;
}
.verification-file-upload .uploadefile-name .uploadefile-name-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: pre-wrap;
}
.verification-file-upload .uploadefile-name .pdf-icon{
  display: inline-block;
  margin-right: 8px;
}
.verification-file-upload .uploadefile-name .remove-file{
  position: absolute;
  right: 6px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  display: flex ;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transform: translateY(-50%);
  cursor: pointer;
}
.verification-file-upload input{
  display: none;
}
/* Add to your CSS or in a <style> tag */
.dialog-backdrop {
  z-index: 9999 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.dialog-backdrop > div {
  z-index: 10000 !important;
  position: relative !important;
}

/* Make sure pointer events work correctly */
.dialog-backdrop * {
  pointer-events: auto;
}


.form-control.update-question{
  width: 200px;
}