/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    --vz-border-radius: 14px !important;
    --vz-link-color-rgb: #0b1729;
    --vz-primary: #0b1729 !important;
    --vz-primary-text-emphasis: #263151;
    --vz-primary-rgb: 11, 23, 41 !important;
    --vz-header-item-sub-color: #878a99;
    /* --vz-success: #50FA9A; */
    --vz-success: #0c9b78;
    --vz-success_text: #0c9b78;
    --vz-success-rgb: 12, 155, 120;
    /* --vz-success_text: #0b6b47;
    --vz-success-text: #49E28B; */
    --vz-info: #0e7eae;

    --vz-secondary: #376dcf;
    --vz-secondary-rgb: 55, 109, 207;
    --vz-secondary-text-emphasis: #376dcf;
    /* --vz-secondary-bg-subtle: #eef4ff; */
    --vz-secondary-bg-subtle: #e8ecf4;
    
    --vz-secondary-color: #738198;
    
    --vz-warning: #c48314;
    --vz-warning-rgb: 196, 131, 20;
    --vz-danger: #c84a55;
    --vz-success-bg-subtle: #0c9b7833;
    --vz-danger-bg-subtle: #c84a552e;
    --vz-warning-bg-subtle: #c4831422;
    --line: #e8edf3;
    --vz-header-border: #e8edf3;
    --vz-link-color-rgb: #1f2138;
    --form-label: #5f6f87;
    --mint: #18c79c;
    --vz-vertical-menu-width: 305px;
    --shadow: 0 8px 28px rgba(13, 31, 55, .055);
    /* New Theme color code */
    --navy: #0b1729;
    --navy2: #10233d;
    --ink: #102038;
    --muted: #738198;
    --muted2: #97a3b4;
    --soft: #f7f9fc;
    --soft2: #fbfcfe;
    --white: #fff;
    --mint: #18c79c;
    --mintDark: #0c9b78;
    --mintSoft: #e9fbf5;
    --blue: #4d86f7;
    /* --blueSoft: #eef4ff; */
    --blueSoft: #d7deec;
    --violet: #8b5cf6;
    --violetSoft: #f3eeff;
    --amber: #f2a114;
    --amberSoft: #fff6e6;
    --red: #e65a64;
    --redSoft: #fff0f1;
    --radius: 20px; 
    --vz-font-family-primary: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --vz-font-family-secondary: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
* {
     /* font-family: "Roboto", sans-serif !important; */
    font-family: "Inter", sans-serif !important;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    overflow-wrap: break-word; 
    word-wrap: anywhere;
}
.page-content .container-fluid {
    padding: 20px 50px 40px;
    margin: 0 auto;
}
body {
    /* font-family: "Roboto", sans-serif !important; */
    font-family: "Inter", sans-serif !important;
    background-color: #fff;
    background: #fff;
    color: var(--ink);
    font-size: 13px;
}

img {
    object-fit: cover;
}
/* Loader Design */
 /* ---------- Icon + orbiting arcs ---------- */
 .loader {
    display: flex;
    flex-direction: column;
    align-items: center;
}
 .orbit-stage {
    position: relative;
    width: clamp(50px, 30vw, 100px);
    height: clamp(50px, 30vw, 100px);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .glow {
    position: absolute;
    width: 62%;
    height: 62%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(52, 211, 153, 0.25) 0%, rgba(52,211,153,0) 70%);
    animation: pulseGlow 2.4s ease-in-out infinite;
    filter: blur(2px);
  }

  .orbit-stage svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
  }

  .ring {
    fill: none;
    stroke-linecap: round;
  }

  .ring-track {
    stroke: rgba(11, 23, 41, 0.08);
    stroke-width: 2;
  }

  .ring-a { stroke: #34d399; stroke-width: 3; }
  .ring-b { stroke: #0b4785; stroke-width: 3; }
  .ring-c { stroke: #7dd3c0; stroke-width: 2.5; }

  .travel-a { animation: dashMoveA 3.2s linear infinite; }
  .travel-b { animation: dashMoveB 4.4s linear infinite reverse; }
  .travel-c { animation: dashMoveC 6.5s linear infinite; }

  /* Each keyframe shifts the dash by exactly one lap of that ring's
     perimeter, so the pattern lines up perfectly and loops seamlessly
     while the square itself stays put, aligned with its track. */
  @keyframes dashMoveA { to { stroke-dashoffset: -692.5; } }
  @keyframes dashMoveB { to { stroke-dashoffset: -562.2; } }
  @keyframes dashMoveC { to { stroke-dashoffset: -431.9; } }

  @keyframes pulseGlow {
    0%, 100% { opacity: 0.55; transform: scale(0.92); }
    50%      { opacity: 1;    transform: scale(1.08); }
  }

  .icon-badge {
    position: relative;
    width: 42%;
    height: 42%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: breathe 2.4s ease-in-out infinite;
  }

  .icon-badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 14px;
    display: block;
  }

  @keyframes breathe {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.045); }
  }

  /* ---------- Wordmark ---------- */
  .wordmark {
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 10px 0;
    gap: 2px;
    font-size: clamp(24px, 4.5vw, 32px);
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 1;
  }

  .wordmark .sathe { color: #0b1729; }
  .wordmark .os {
    background: linear-gradient(90deg, #34d399, #22c3a6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .tagline {
    margin-top: -6px;
    font-size: clamp(10px, 2vw, 12px);
    font-weight: 600;
    letter-spacing: 3px;
    color: #7f8ba0;
    text-align: center;
    text-transform: uppercase;
  }

  /* ---------- Dot indicators ---------- */
  .dots {
    display: flex;
    gap: 8px;
    margin: 12px;
    justify-content: center;
  }

  .dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(11, 23, 41, 0.08);
    animation: dotPulse 1.4s ease-in-out infinite;
  }

  .dots span:nth-child(1) { animation-delay: 0s; }
  .dots span:nth-child(2) { animation-delay: 0.2s; }
  .dots span:nth-child(3) { animation-delay: 0.4s; }

  @keyframes dotPulse {
    0%, 100% { background: rgba(11, 23, 41, 0.08); transform: scale(1); }
    50%      { background: #34d399; transform: scale(1.25); }
  }

  /* ---------- Progress bar ---------- */
  .progress-track {
    width: clamp(160px, 40vw, 220px);
    height: 3px;
    border-radius: 2px;
    background: rgba(11, 23, 41, 0.08);
    overflow: hidden;
    position: relative;
  }

  .progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40%;
    border-radius: 2px;
    background: linear-gradient(90deg, #0b4785, #34d399);
    animation: sweep 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
  }

  @keyframes sweep {
    0%   { left: -40%; }
    100% { left: 100%; }
  }

  @media (prefers-reduced-motion: reduce) {
    .glow, .travel-a, .travel-b, .travel-c, .icon-badge,
    .dots span, .progress-fill { animation: none !important; }
  }
/* Design Laoder End */

.btn {
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 700;
}
.btn:not(.btn-sm):not(.btn-xs):not(.btn-lg) { 
    min-height: 46px;
    padding: 10px 18px;
}
.btn.btn-danger {
    border: 0;
}
/* .text-success {
    color: var(--vz-success-text) !important;
} */
.text-danger {
    color: var(--vz-danger) !important;
}
.text-warning {
    color: var(--vz-warning)!important;
}
/* .btn.btn-success {color: #04241A;} */
/*# sourceMappingURL=custom.min.css.map */
.topbar-head-dropdown .topbar-badge {
    width: 30px;
    height: 30px;
    padding: 3px;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    line-height: 19px;
}
.topbar-head-dropdown .topbar-badge.notif-badge {
    right: -20px;
}
.bell-animation {
    display: inline-block;
    transform-origin: top center;
    animation: bellRing 1s ease-in-out infinite;
}

@keyframes bellRing {
    0%, 100% {
        transform: rotate(0deg);
    }
    5% {
        transform: rotate(18deg);
    }
    10% {
        transform: rotate(-15deg);
    }
    15% {
        transform: rotate(12deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    25% {
        transform: rotate(6deg);
    }
    30% {
        transform: rotate(-4deg);
    }
    35% {
        transform: rotate(0deg);
    }
}

.auth-page-wrapper .footer {
    left: 0;
    right: 0;
    padding: 30px;
}
.auth-page-content .crm-auth--title {
    font-size: clamp(1.5rem, 2vw, 2rem);
}
.auth-page-content .crm-auth--desc {
    font-size: clamp(1.5rem, 2vw, 0.8rem) !important;
}
.hover-text--line {
    position: relative;
}

.hover-text--line:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: var(--vz-primary);
    position: absolute;
    bottom: -4px;
    left: 0;
    transition: all 0.3s ease-in-out 0s;
}
a:hover {
    color: var(--vz-primary)
}
.hover-text--line:hover {
    color: var(--vz-primary) !important;
}
.hover-text--line:hover:before {
    width: 100%;
}
.heading-h3 {
    font-size: 22px;
}
li.select2-results__option.select2-results__option--selectable {border-radius: 5px;margin: 2px;}

li.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
    background: var(--vz-primary);
    color: #fff;
}
.top-timer {
    border: 0;
    background: #fff;
    border-radius: 5px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 90px;
}
.select2-container,
span.select2-selection.select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}
span.select2-selection.select2-selection--single {
    padding-right: 35px;
    padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--vz-primary) transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
    margin-left: -12px !important;
    margin-top: -4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 8px !important;
    height: 8px !important;
    display: block;
    border-top: 2px solid var(--vz-primary) !important;
    border-left: 2px solid var(--vz-primary) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    transform: rotate(-136deg);
}
.select2-container--default .select2-selection--single,
.select2-dropdown {
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
}

.navbar-header {
    /* background: var(--vz-primary); */
    padding-right: 0;
}

.navbar-header .header-right .header-timer .btn {
    
    padding: 5px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.navbar-header .header-right .header-timer .btn.stop-timer-btn {
    width: 32px;
    height: 32px;
}
/* .jira-navbar-search-wrapper {
    width: 100%;
} */
.nav-timer-picker {
    max-width: 100%;
}
/* .nav-timer-picker #navTaskSelect, */
.nav-timer-picker span.select2.select2-container,
.nav-timer-picker .select2-container {
    width: 300px !important;
    max-width: 300px !important;
    height: 46px !important;
}

.nav-timer-picker #navTaskSelect {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    color: #495057;
}
.nav-timer-picker .select2-container,
.nav-timer-picker .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}
.nav-timer-picker span.select2-selection.select2-selection--single {
    height: 42px !important;
    padding-left: 16px;
}
.nav-timer-picker .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    padding-right: 30px;
}
button.select2-selection__clear {
    display: none;
}
h6.dropdown-header {
    color: #0b1729;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.btn-primary:hover {
    background: var(--vz-primary) !important;
    opacity: 0.8;
}
.filter-tab {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}


.filter-tab .btn.btn-md {
    margin: 10px 10px 0px 10px;
    border-bottom: 0;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0;
}

.filter-tab .btn.btn-md.btn-outline-primary {
    border-color: #eee;
}
.filter-tab .period-filter-btn {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.dashboard-filter-tab .card.card-animate {
    border: 1px solid #eee;
    height: 100%;
}
/* .global-timer-code {
    font-size: 11px;
    width: 35px;
} */
.stop-timer-btn {
 font-size: 15px;
}

.acitivity-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
tr {
    border: 0 solid #eee;
}
.flatpickr-current-month {
    color: #fff !important;
    font-size: 110% !important;
    line-height: 1.5rem !important;
}
.flatpickr-months .flatpickr-month {
    height: 40px !important;
}
.flatpickr-weekdays {
    height: 40px !important;
}
span.flatpickr-weekday {
    color: var(--vz-primary) !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--vz-primary) !important;;
    border-color: var(--vz-primary) !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 var(--vz-primary) !important;
    box-shadow: -10px 0 0 var(--vz-primary) !important;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
    fill: #fff !important;
    opacity: 1;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #fff !important;
    opacity: 0.9;
}
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--vz-primary) !important;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: -3px !important;
    height: 40px !important;
}


.clear-filter-btn .btn-soft-danger {
    font-size: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-filter-btn .btn-soft-danger i {
    font-size: 20px;
}
.clear-filter-btn {
    display: flex;
}

ul.nav.nav-tabs-custom {
    margin-bottom: 40px !important;
    border-bottom: 1px solid #eee !important;
    border-radius: 0 !important;
}
ul.nav.nav-tabs-custom.mb-0 {
    margin-bottom: 0 !important;
}
.nav-tabs-custom li.nav-item a.nav-link,
.nav-tabs-custom li.nav-item button.nav-link {
    font-size: 15px;
    padding: 8px 30px;
    font-weight: 500 !important;
    color: #738198;;
}

.nav-tabs-custom .nav-item .nav-link:hover{
    color: var(--vz-primary);
}
.nav-tabs-custom .nav-item .nav-link:hover:after {
    background: var(--vz-primary);
    transform: scale(1);
}
/* 
ul.nav.nav-tabs-custom {
    margin-bottom: 40px !important;
    border-bottom: 1px solid #eee !important;
    display: flex;
    justify-content: center;
}

.nav-tabs-custom li.nav-item {
    margin: 10px 10px 0px 0px;
    border-bottom: 0;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0;
    border: 1px solid var(--vz-primary);
}
.nav-tabs-custom li.nav-item a {
    padding: 14px 25px;
    font-size: 15px;
    font-weight: 400 !important;
}
.nav-tabs-custom .nav-item .nav-link::after {
    height: 0;
}
.nav-tabs-custom .nav-item .nav-link.active {
    background: var(--vz-primary);
    color: #fff;
    border-radius: 9px 9px 0 0;
} */
/* .tasks-board .tasks-list {
    margin-right: 0;
}

.tasks-list {
    min-width: 250px !important;
    max-width: 250px;
    flex-shrink: 0;
} */

.form-control:hover, .form-control:focus {
    box-shadow: 0px 4px 10px rgba(0,0,0,0.16);
}
.form-control::placeholder {
    color: #212529 !important;
    opacity: 0.7;
}
.modal-header .btn-close {
    opacity: 1;
}
.notificatio-header{
    max-height:300px;
    overflow-y:auto;
}
.notificatio-header a.dropdown-item {
    white-space: unset;
}

.notification-header button.btn {
    min-height: unset !important;
    min-width: unset;
    padding: 10px !important;
}
.accordion .accordion-body {
    color: inherit;
}
.jt-time-bar-fill {
    background: #51ae6b !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 0px solid #cbd5e1 !important;
}
input[type="number"].form-control {
    
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--vz-danger) !important;
}
.badge {
    --vz-badge-border-radius: 10px;
}
.jira-linked-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.jira-link-group-title {
    font-size: 14px;
    font-weight: 500;
    color: #212529;
}
.jira-linked-status-pill {
    font-size: 11px;
    background: #f1f5f9;
    color: #334155;
    padding: 3px 8px;
    border-radius: 10px;
}
.jira-linked-unlink-btn {
    color: #000 !important;
    opacity: 1 !important;
}
.jira-linked-right .avatar-xs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-tabs-custom.card-header-tabs .nav-link {
    background: transparent;
}
ul.nav.nav-tabs-custom.mbi-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.jt-comment-body {
    border-radius: 14px;
}

.comment-data .jt-comment-body p {color: #333;margin: 0 !important;}

.comment-data .jt-comment-body {
    border-radius: 14px;
}

.jt-comment-body strong,
.jt-comment-body b,
.comment-data .jt-comment-body strong,
.comment-data .jt-comment-body b,
.comment-data .jt-comment-body p strong,
.comment-data .jt-comment-body p b,
#descDisplay strong,
#descDisplay b,
#descDisplay p strong,
#descDisplay p b {
    font-weight: 700 !important;
}

.jt-comment-body em,
.jt-comment-body i,
.comment-data .jt-comment-body em,
.comment-data .jt-comment-body i,
#descDisplay em,
#descDisplay i {
    font-style: italic !important;
}

.jt-comment-body u,
.comment-data .jt-comment-body u,
#descDisplay u {
    text-decoration: underline !important;
}

.jt-comment-body s,
.jt-comment-body strike,
.jt-comment-body del,
.comment-data .jt-comment-body s,
.comment-data .jt-comment-body strike,
.comment-data .jt-comment-body del,
#descDisplay s,
#descDisplay strike,
#descDisplay del {
    text-decoration: line-through !important;
}

.jt-comment-body sub,
.comment-data .jt-comment-body sub,
#descDisplay sub {
    vertical-align: sub !important;
    font-size: 0.75em !important;
}

.jt-comment-body sup,
.comment-data .jt-comment-body sup,
#descDisplay sup {
    vertical-align: super !important;
    font-size: 0.75em !important;
}

.jt-comment-body blockquote,
.comment-data .jt-comment-body blockquote,
#descDisplay blockquote {
    border-left: 4px solid #ced4da !important;
    margin: 8px 0 !important;
    padding-left: 14px !important;
    color: #6c757d !important;
    font-style: italic;
}

.jt-comment-body pre,
.comment-data .jt-comment-body pre,
#descDisplay pre {
    background-color: #23241f !important;
    color: #f8f8f2 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 12.5px !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    margin: 6px 0 !important;
}

.jt-comment-body code,
.comment-data .jt-comment-body code,
#descDisplay code {
    background-color: #f1f2f4 !important;
    color: #eb5757 !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    font-size: 85% !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.jt-comment-body pre code,
.comment-data .jt-comment-body pre code,
#descDisplay pre code {
    background-color: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: inherit !important;
}

.jt-comment-body ol,
.comment-data .jt-comment-body ol,
#descDisplay ol {
    list-style-type: decimal !important;
    padding-left: 1.75em !important;
    margin: 6px 0 !important;
}

.jt-comment-body ul,
.comment-data .jt-comment-body ul,
#descDisplay ul {
    list-style-type: disc !important;
    padding-left: 1.75em !important;
    margin: 6px 0 !important;
}

.jt-comment-body li,
.comment-data .jt-comment-body li,
#descDisplay li {
    display: list-item !important;
    margin-bottom: 3px !important;
}

.jt-comment-body ol > li[data-list="bullet"],
.comment-data .jt-comment-body ol > li[data-list="bullet"],
#descDisplay ol > li[data-list="bullet"] {
    list-style-type: disc !important;
}

.jt-comment-body ol > li[data-list="ordered"],
.comment-data .jt-comment-body ol > li[data-list="ordered"],
#descDisplay ol > li[data-list="ordered"] {
    list-style-type: decimal !important;
}

.jt-comment-body .ql-align-center,
.comment-data .jt-comment-body .ql-align-center,
#descDisplay .ql-align-center {
    text-align: center !important;
}

.jt-comment-body .ql-align-right,
.comment-data .jt-comment-body .ql-align-right,
#descDisplay .ql-align-right {
    text-align: right !important;
}

.jt-comment-body .ql-align-justify,
.comment-data .jt-comment-body .ql-align-justify,
#descDisplay .ql-align-justify {
    text-align: justify !important;
}

.jt-comment-body .ql-indent-1:not(.ql-direction-rtl),
.comment-data .jt-comment-body .ql-indent-1:not(.ql-direction-rtl),
#descDisplay .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 2em !important;
}

.jt-comment-body li.ql-indent-1:not(.ql-direction-rtl),
.comment-data .jt-comment-body li.ql-indent-1:not(.ql-direction-rtl),
#descDisplay li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 2em !important;
}

.jt-comment-body .ql-indent-2:not(.ql-direction-rtl),
.comment-data .jt-comment-body .ql-indent-2:not(.ql-direction-rtl),
#descDisplay .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 4em !important;
}

.jt-comment-body li.ql-indent-2:not(.ql-direction-rtl),
.comment-data .jt-comment-body li.ql-indent-2:not(.ql-direction-rtl),
#descDisplay li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 4em !important;
}

.jt-comment-body .ql-indent-3:not(.ql-direction-rtl),
.comment-data .jt-comment-body .ql-indent-3:not(.ql-direction-rtl),
#descDisplay .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 6em !important;
}

.jt-comment-body li.ql-indent-3:not(.ql-direction-rtl),
.comment-data .jt-comment-body li.ql-indent-3:not(.ql-direction-rtl),
#descDisplay li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 6em !important;
}

.jt-comment-body h1, #descDisplay h1 { font-size: 1.6em !important; font-weight: 700 !important; margin: 6px 0 !important; }
.jt-comment-body h2, #descDisplay h2 { font-size: 1.35em !important; font-weight: 700 !important; margin: 5px 0 !important; }
.jt-comment-body h3, #descDisplay h3 { font-size: 1.2em !important; font-weight: 600 !important; margin: 4px 0 !important; }
.jt-comment-body h4, #descDisplay h4 { font-size: 1.1em !important; font-weight: 600 !important; margin: 4px 0 !important; }
.jt-comment-body h5, #descDisplay h5 { font-size: 1em !important; font-weight: 600 !important; margin: 3px 0 !important; }
.jt-comment-body h6, #descDisplay h6 { font-size: 0.9em !important; font-weight: 600 !important; margin: 3px 0 !important; }

.jt-comment-actions .reply-btn {
    color: var(--vz-primary) !important;
}


.jt-comment-actions {
    margin-top: 5px;
}
.search-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.search-btn .jira-filter-input {
    display: flex;
    width: 100%;
    min-width: 300px;
}
.search-btn--list {
    width: auto;
    justify-content: flex-end;
}

.ql-container {
    height: auto !important;
}
.badge {
    padding: 5px 10px;
    font-weight: normal;
    font-size: 11px;
    line-height: 1.2;
}

.jira-pagination .page-item {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px !important;
}

.jira-pagination .page-item .page-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jt-comment-body strong {
    color: #212529 !important;
}
.avatar-round--task {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 6px !important;
}
.leave-table--data .dataTables_length {
    display: flex;
    /* justify-content: flex-end; */
    border-bottom: 1px solid #f3f6f9;
    margin-bottom: 10px;
    padding: 15px 0;
}

.leave-table--data .dataTables_length label {
    margin: 0;
}
.leave-table--data .row:last-child > div[class^=col-]:first-child {display: flex;align-items: center;}
.leave-table--data .row:last-child {
    border-top: 1px solid #e8edf3;
    border-radius: 0 0 4px 4px;
}

.leave-table--data .row:last-child .paging_simple_numbers ul {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}
div#holidaysTable_length {
    display: flex;
    /* justify-content: flex-end; */
    border-bottom: 1px solid #f3f6f9;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
div#holidaysTable_length label {
    margin: 0;
}
.user-table--data .row:first-child .dataTables_length {
    display: flex;
    padding: 0;
    /* justify-content: flex-end; */
}
.page-content {
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.tl-table-body .row:first-child,
.mw-logs--table .row:first-child {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tl-table-body .row:first-child  div.dataTables_filter,
.mw-logs--table .row:first-child  div.dataTables_filter {
    text-align: left;
}
.tl-table-body .row:first-child .dataTables_length,
.mw-logs--table .row:first-child .dataTables_length {
    display: flex;
    justify-content: flex-end;
    margin-right: 90px;
}
.search-width input,
.mw-logs--table input.form-control {
    width: 250px !important;
}
.timining-card {
    background: #fff;
    border: 0px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.1);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    border-left: 4px solid var(--vz-success);
    height: 116px;
}
.modal-btn-close.btn-close {
    background: transparent;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.ql-snow .ql-editor img {
    max-height: 200px;
    width: auto;
    object-fit: cover;
    margin-right: 10px;
}

.btn.btn-soft-success {
    background: var(--vz-success-bg-subtle);
    color: var(--vz-success_text);
    border: none;
}
.btn.btn-soft-success:hover {
    background: var(--vz-success);
    color: #fff;
}

.modal-height--scroll {
    max-height: calc(85vh - 130px); overflow-y: auto;
}
div#projects-table_wrapper .col-sm-12.col-md-6 {
    width: 100%;
}

div#projects-table_length {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-right: 90px;
}

.fc-toolbar-chunk .fc-button-group .fc-button,
button.fc-today-button.fc-button.fc-button-primary {
    background:  #0b172933 !important;
    color:  var(--vz-primary) !important;
}
button.fc-today-button.fc-button.fc-button-primary:hover,
.fc-toolbar-chunk .fc-button-group .fc-button:hover,
button.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active,
.fc.fc-media-screen .fc-button-primary:not(:disabled).fc-button-active {
    background: var(--vz-primary) !important;
    color: #fff !important;
}
.external-event--list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.external-event--list .external-event.fc-event {
    width: auto;
    justify-content: center;
    padding: 3px 15px !important;
}
.upcoming-event-card {
    width: 100%;
    margin: 0;
}
.upcoming-event-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.date-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.date-group .input-group-text {
    padding: .4rem .9rem;
}
.external-event.fc-event {
    color: #222;
}

/* .client-table--data .row:first-child .dataTables_length {
    display: flex;
    justify-content: flex-end;
} */
.client-table--data .row:first-child .col-md-6 {
    width: 100%;
}
ul.nav.nav-tabs-custom.client-nav {
    margin-bottom: 10px !important;
}
.btn.rl-filter-btn.active,
.btn.rl-filter-btn:hover {
    background: var(--vz-primary);
    color: #fff !important;
    border-color: var(--vz-primary);
}
.rl-filter-btn .badge {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
}
.btn.rl-filter-btn .badge {
        color: #fff;
        background: #0b1729;
}

.input-group.space-key--input input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group.space-key--input span.input-group-text {
    height: 46px !important;
}
.task-count {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    line-height: 21px;
}

.table-show-data .row:first-child {
    justify-content: flex-end;
    align-items: center;
}

.table-show-data .row:first-child .col-md-6 {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    /* justify-content: flex-end; */
    align-items: center;
}
.modal-btn-close.btn-close.delete-modal {
    color: #000;
}
.jt-comment-body img {
    max-height: 200px;
    width: auto;
    object-fit: cover;
    margin-right: 10px;
}
.lr-tl-item {
    padding-bottom: 10px;
}
.dataTables_wrapper .row:last-child {
    display: flex;
    align-items: center;
    padding: 15px 0 0;
    border-top: 1px solid var(--line);
    margin-top: 15px !important;
}
div.table-responsive>div.dataTables_wrapper>div.row:first-child>div[class^=col-]:first-child {
    border-bottom: 1px solid var(--line);
    padding-bottom: 15px;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child label {
    margin: 0;
    color: var(--muted);
    font-weight: 300;
}
.dataTables_wrapper .row:last-child .dataTables_info,
.dataTables_wrapper .row:last-child .dataTables_paginate {
    padding: 0 !important;
    color: var(--muted);
    font-weight: 300;
}


.form-control.rounded-tl-0,
.rounded-tl-0 {
    border-top-left-radius: 0 !important;
}

.form-control.rounded-bl-0,
.rounded-bl-0 {
    border-bottom-left-radius: 0 !important;
}
.form-control.rounded-tr-0,
.rounded-tr-0 {
    border-top-right-radius: 0 !important;
}
.form-control.rounded-br-0,
.rounded-br-0 {
    border-bottom-right-radius: 0 !important;
}
.h-36 {
    height: 36px;
}
.h-46 {
    height: 46px;
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-header .btn-close {
    margin: 0;
}
.timelogs--pagination p.small.text-muted {
    margin: 0 15px 0 0;
}
.modal-header {
    justify-content: space-between;
}

.sticky-board--header {
    /* top: 95px; */
    z-index: 10;
    background: #fff;
}
.hamburger-icon span {
    -webkit-transition: .5s cubic-bezier(.8, .5, .2, 1.4);
    transition: .5s cubic-bezier(.8, .5, .2, 1.4);
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(1) {
    top: 0;
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) {
    bottom: 0
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span {
    left: 3px;
}

.modal.fade.show {
    height: 100vh;
    overflow: hidden;
}

.modal.show .modal-dialog {
    min-height: unset;
    max-height: 90vh;
    height: 100%;
}

.modal-content.border-0 {
    height: auto;
    overflow: auto;
    max-height: 100%;
}

.add-tema--multiple .select2-container--default.select2-container--focus .select2-selection--multiple {
    overflow: auto;
    height: 40px;
}
.avatar-group .avatar-group-item {
    border: 0px !important;
}
span.select2-search.select2-search--dropdown {
    border-radius: 8px;
}
.input-group-text {
    background-color: #fff;
}
.form-control {
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #34455f;
}
.shape>svg path {
    fill: #fff;
}

label.form-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--form-label);
    font-size: 14px;
    font-weight: 500;
}
.topbar-user {
    background-color: transparent;
}
.topbar-user .btn {
    border-left: 1px solid var(--line) !important;
    border-radius: 0;
}
.btn-topbar svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
li.menu-title {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #65758a;
    padding: 0 16px;
    margin: 0;
}

.navbar-nav {
    margin: 0 15px;
}

.navbar-menu .navbar-nav .nav-link {
    min-height: 50px;
    padding: 0 16px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: #b9c5d4;
    font-weight: 400;
    font-size: 15px;
    margin: 3px 0;
    transition: .16s;
}
.menu-title span {
    padding: 22px 16px 10px;
}
.navbar-menu .navbar-nav .nav-link:hover,
.navbar-menu .navbar-nav .nav-link.active {
    background: #172c49;
    color: #fff;
    box-shadow: inset 3px 0 0 var(--mint);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    right: 35px;
}
.navbar-menu .navbar-nav .nav-sm {
    /* border-left: 1px solid rgba(255, 255, 255, .09); */
    /* margin-left: 5px; */
    padding-left: 0;
}
.navbar-menu .navbar-nav .nav-sm .nav-sm {
    padding-left: 0;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    content: none;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
    display: flex;
    align-items: center;
    border-radius: 9px;
    color: #8291a5;
    font-size: 15px;
    margin: 2px 0 2px 15px;
    gap: 0;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:hover,
.navbar-menu .navbar-nav .nav-sm .nav-link.active {
    background: rgba(255, 255, 255, .045);
    box-shadow: none;
}
:is([data-sidebar-size=sm], [data-sidebar-size=sm-hover]) .navbar-nav .nav-item .nav-link.active i {
    color: #fff !important;
}
:is([data-sidebar-size=sm], [data-sidebar-size=sm-hover]) #navbar-nav {
    margin: 0 8px;
}

.card-tasks,
.card-animate {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    padding: 19px 20px;
    box-shadow: var(--shadow);
    transition: all .4s;
}
.card-tasks:hover,
.card-animate:hover {
    -webkit-transform: translateY(calc(var(--vz-grid-gutter-width) * -.15));
    transform: translateY(calc(var(--vz-grid-gutter-width) * -.15));
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, .12);
   
}
.card-tasks .card-tasks--sub-title,
.card-animate .card-tasks--sub-title {
    font-size: 13px;
    color: var(--muted);
    font-weight: 600;
    margin-bottom: .5rem;
}
.card-tasks .card-tasks--title,
.card-animate .card-tasks--title {
    font-size: clamp(24px, 3vw, 28px);
    font-weight: 800;
    letter-spacing: -.04em;
    margin-top: 4px;
}
.card-tasks--note,
.card-animate .card-tasks--note {
    font-size: 13px;
    margin-top: 8px;
    color: var(--mintDark);
    font-weight: 650;
}
.card {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
}
.card-title {
    font-size: 16px;
    margin: 0 0 7px 0;
    font-size: 17px;
    font-weight: 760;
    letter-spacing: -.02em;
}
.card-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 20px;
    border-bottom: 1px solid var(--line);
}
.icon-link.icon-link-hover {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 13px;
    color: #315caa;
    font-weight: 600;
}
.icon-link.icon-link-hover i {
    display: flex;
    font-weight: 900;
    align-items: center;
    flex-wrap: wrap;
}
.table th {
    background: #fff !important;
    color: var(--muted);
    font-weight: 600;
    margin-bottom: .5rem;
    font-size: 13px;
}
.table.table-borderless {
    color: var(--ink);
    
    font-size: 13px;
}
.btn.btn-back {
    min-height: unset !important;
    padding: 5px !important;
    width: 32px;
    height: 32px;
    border-radius: 7px !important;
    border: 1px solid var(--line);
    background: #fff;
    color: #4c5d78;
    font-size: 18px;
    margin-right: 5px;
}
.btn.btn-back:hover {
    background: #f8fafc;
}
.form-select:focus {
    box-shadow: none;
}
.text-secondary {
    color: #376dcf !important;
}
.text-dark {
    color: #0b1729 !important;
}
.badge {
    line-height: 1.2;
    height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
.navbar-menu .navbar-nav .nav-link i {
    min-width: unset;
}

div#slips_table_container .table {
    width: 1620px;
}
.btn-soft-secondary {
    background: #eef4ff;
    color: #376dcf;
}
.btn-soft-secondary:hover {
    background: #376dcf;
    color: #fff;
}
.card-tasks .card-tasks--title.form-control {
    box-shadow: unset;
}
input[type="number"].form-control.js-deduction-amount, input[type="number"].form-control.js-earning-amount {
    border-radius: 8px !important;
}
.form-control[type=file] {
    height: auto;
}
.text-para {
    font-size: 14px;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn.btn-sm-radius {
    border-radius: 8px;
}
.board-searchbar {
    flex: 1 1 auto;
    margin-left: 20px;
}
.search-box {
    flex: 1;
    min-width: unset;
    /* min-width: 300px; */
}
.board-filterbar > div {
    flex: 1 1 auto;
    width: 200px;
}
.board-filterbar > div.w-auto {
    width: auto;
    flex: unset;
}
.board-filterbar > div:has(#clearFiltersBtn) {
    flex: 0 0 auto !important; /* Button motu na thay ane natural size ma rahe */
  }
.nav-tabs-custom .nav-item .nav-link::after {
    height: 2px;
    background: #60728a;
}
.nav-tabs-custom li.nav-item a.nav-link, .nav-tabs-custom li.nav-item button.nav-link {
    /* padding: 8px 30px 15px 30px; */
    color: #60728a;
}
.nav-tabs-custom .nav-item .nav-link,
.nav-tabs-custom li.nav-item button.nav-link {
    font-size: 16px;
    font-weight: 500 !important;
    
}
.select2-selection--multiple {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.my-work-logs-page div.table-responsive>div.dataTables_wrapper>div.row:first-child {
    border-bottom: 1px solid var(--line);
}
.my-work-logs-page div.table-responsive>div.dataTables_wrapper>div.row:first-child>div[class^=col-]:first-child {
    border: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    padding-right: 90px;
}
.my-work-logs-page div.table-responsive>div.dataTables_wrapper>div.row:first-child>div[class^=col-]:last-child {order: -1;display: flex;}

input[aria-controls="my-work-logs-table"] {
    min-width: 400px;
}
.simplebar-content {
    padding: 0 !important;
}
/* .navbar-menu .navbar-nav .nav-item {
    margin: 0 10px;
} */
.daily-log--table {
    min-width: 1000px;
}
.daily-log--td {
    width: 350px;
}
.select2-task-dropdown.task-dropdown + .select2 {
    width: 350px !important;
}
.holidays-table--list {
    position: relative;
}

.holidays-table--list div#holidaysTable_info {
    width: 40%;
}

.holidays-table--list  div#holidaysTable_paginate {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 0;
}
.board-filterbar > div.custome-date--filter,
.board-filterbar > div.clear-filters--btn {
    width: auto;
}
.avatar--img {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
button#page-header-user-dropdown {
    width: 185px;
}



.invalid-feedback {
    color: var(--vz-danger);
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--vz-danger);
}
#leaves-table_wrapper .row:last-child {
    padding-bottom: 15px;
}
.select2-container--default .select2-selection--multiple {
    height: 46px !important;
    overflow-y: auto !important; 
    overflow-y: overlay !important; 
    border-radius: 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 4px;
    padding: 6px 12px !important;
}

/* --- Webkit Scrollbar Styling (Only displays when content actually overflows) --- */
.select2-container--default .select2-selection--multiple::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
    /* Set to transparent so an empty box never shows a ghost gray track line */
    background: transparent; 
    margin: 6px 0;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 14px;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 14px;
}
.select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 14px;
}
.team-data--table .dataTables_filter input.form-control {
    width: 300px;
}
.btn-link {
    color: #376dcf;
}
.search-width input {
    width: 250px;
}
.fc .fc-button-group > .fc-button {
    display: flex;
    align-items: center;
}
.offcanvas.offcanvas-end {
    width: 500px;
}
.offcanvas-header {
    justify-content: space-between;
}
.jt-user-avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
.jt-comment-avatar-img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
.jt-title-text {
    cursor: pointer;
    transition: background .15s ease;
    justify-content: space-between;
}
.jt-title-text:hover {
}
.jira-sidebar-accordion .accordion-button {
    padding: 12px 15px;
    font-size: 15px;
    font-weight: 600;
    color: #1f2138;
    background-color: #f8f9fa;
}
.jira-sidebar-accordion .accordion-button:not(.collapsed) {
    background-color: #eef2ff;
    color: #405189;
}
.jira-sidebar-accordion .accordion-body {
    padding: 12px;
}
.flex-grow-unset {
    flex-grow: unset !important;
}
div#project_description_quill {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.watch-dash-row {
    background: var(--navy);
    border-radius: 22px;
    padding: 20px 22px;
    box-shadow: var(--shadow);
    margin-bottom: 20px;
}
.clock-in-out .btn {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 120px;
}
.card-header:first-child, .card-header {
    border-radius: 20px 20px 0 0;
}
.card-footer:last-child, .card-footer {
    border-radius: 0 0 20px 20px;
}
.inline-field .input-group {
    width: auto;
    flex: 1 1 200px;
}
.fc .fc-list-event:hover td {
    background-color: #0b1729;
}
.topbar-user .dropdown-menu{
    top: 72px !important;
}
.navbar-header .btn-topbar.active, .navbar-header .btn-topbar:active, .navbar-header .btn-topbar:focus, .navbar-header .btn-topbar:hover {
    background-color: #f3f3f9;
}
.form-min-h {
    min-height: 25px;
}
.btn.btn-success:hover {
    background: #06685b;
    border-color: #06685b;
}
.min-w-110 {
    min-width: 110px;
}
.jira-link-row-inputs .select2.select2-container {
    width: 210px !important;
}
.task-tab--history .nav-tabs-custom li.nav-item a.nav-link,
.task-tab--history .nav-tabs-custom li.nav-item button.nav-link {
    padding: 10px 15px;
}
.dropdown-menu {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}
.assign-team-block {
    justify-content: space-between;
}
.assign-team-block .select2.select2-container {
    width: calc(100%  - 125px) !important;
}
.assign-team-role > div:first-child {
    width: calc(100% - 100px);
}
@media (min-width: 992px) and (max-width: 1367px) {
    .assign-team-block .select2.select2-container {
        width: 100% !important;
    }
    .task-datepicker .w-50 {
        width: 100% !important;
    }
    .assign-team-role > div:first-child {
        width: 100%;
    }
}
.task-datepicker {

}
code {
    font-size: inherit;
    color: var(--vz-primary);
    font-family: inherit;
}

    
.reply-editor .ql-editor {
    border-radius: 14px;
}
span.activitydescription {
    width: 300px;
    display: block;
}
.login-logo {
    width: 300px;
    height: auto;
}

.auth-one-bg .bg-overlay.new-bg-overlay {
    background: var(--vz-primary) !important;
    opacity: 0.9;
}
a.logo.logo-light.main-logo--block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0 10px;
}
span.logo-lg {
    display: block;
    width: 170px;
    padding: 20px 10px;
}
span.logo-lg .crm-inside-logo {
    width: 100%;
    height: auto;
    display: block;
}
/* .calender-event-height {
    max-height: 720px;
    overflow-y: auto;
} */


    /* All styles are scoped under .sx so they don't leak into the rest of the admin theme */
    .sx{--bg:#F6F8FB;--ink:#102038;--navy:#0B1729;--navy2:#12233D;--ink-2:#667085;--ink-3:#98A2B3;--line:#E7ECF2;--line-soft:#F1F4F8;--blue:#2563EB;--blue-ink:#1D4ED8;--blue-soft:#EAF1FE;--mint:#10B981;--mint-2:#34D399;--mint-ink:#0E9F6E;--mint-soft:#E6F7F1;
        position:fixed;inset:0;z-index:1040;overflow-y:auto;background:#fff;color:var(--ink);
        font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
    .sx *{box-sizing:border-box}
    .sx a{color:#0c9b78;;text-decoration:none;font-weight:600}
    .sx a:hover{text-decoration:underline}
    .sx button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
    .sx input{font:inherit;color:inherit}
    .sx .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}

    /* Left: form */
    .sx .form-side{display:flex;flex-direction:column;padding:40px 56px;background:#fff}
    .sx .brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1;color:var(--ink)}
    .sx .brand:hover{text-decoration:none}
    .sx .brand .os{color:var(--mint)}
    .sx .brand .lockup{display:flex;flex-direction:column;gap:4px}
    .sx .brand .tag{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
    .sx .form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}
    .sx .form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:26px}
    .sx h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
    .sx .sub{margin:8px 0 0;color:var(--ink-2);font-size:15.5px}
    .sx .form .tab-content,.sx .form .tab-pane form{display:flex;flex-direction:column;gap:22px}
    .sx .form .tab-content{display:block}
    .sx .form .tab-pane{display:none}
    .sx .form .tab-pane.active{display:block}
    .sx #otp-alert-container:empty{display:none}
    .sx .alert{margin:0;border-radius:12px;font-size:14px}

    /* Segmented tabs (Bootstrap tab behaviour kept) */
    ul.nav.segmented.nav-tabs-custom.mbi-0 {
        border-radius: 14px !important;
    }
    .sx .segmented{display:flex;gap:2px;padding:5px;background:var(--line-soft);border-radius:12px;list-style:none;margin:0;border:0}
    .sx .segmented .nav-item{flex:1}
    .sx .segmented .nav-link{display:flex;align-items:center;justify-content:center;height:40px;padding:0;margin:0;border:0;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink-2);transition:.15s;text-decoration:none}
    .sx .segmented .nav-link:hover{color:var(--navy)}
    .sx .segmented .nav-link.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(9,23,43,.1)}

    /* Fields */
    .sx .field{display:flex;flex-direction:column;gap:8px}
    .sx .field .lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:600}
    .sx .field .lbl a{font-size:13px}
    .sx .input{position:relative;display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:.15s}
    .sx .input:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
    .sx .input.is-invalid{border-color:#DC2626}
    .sx .input > svg{width:18px;height:18px;stroke:var(--ink-3);stroke-width:2;flex-shrink:0}
    .sx .input input{flex:1;min-width:0;height:100%;border:0;outline:0;box-shadow:none;background:transparent;font-size:15px;padding:0}
    .sx .input input::placeholder{color:var(--ink-3)}
    .sx .input .eye{color:var(--ink-3);display:flex;align-items:center;padding:4px;font-size:18px}
    .sx .hint{font-size:13px;color:var(--ink-3)}
    .sx .err{font-size:13px;color:#DC2626}

    /* Custom checkbox (real input kept for logic) */
    .sx .check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);cursor:pointer;user-select:none;margin:0}
    .sx .check input{position:absolute;opacity:0;pointer-events:none}
    .sx .check i{width:20px;height:20px;border-radius:6px;border:1.5px solid #CBD2DC;display:flex;align-items:center;justify-content:center;background:#fff;transition:.15s}
    .sx .check i svg{width:12px;height:12px;stroke:#fff;stroke-width:3;opacity:0}
    .sx .check input:checked + i{background:var(--navy);border-color:var(--navy)}
    .sx .check input:checked + i svg{opacity:1}
    .sx .check input:focus-visible + i{box-shadow:0 0 0 4px var(--blue-soft)}

    /* Buttons */
    .sx .sx-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:12px;font-size:15px;font-weight:700;transition:.15s;width:100%}
    .sx .sx-btn-dark{background:var(--navy);color:#fff}
    .sx .sx-btn-dark:hover{background:var(--navy2)}
    .sx .sx-btn-dark:disabled{opacity:.7;cursor:not-allowed}
    .sx .sx-btn-dark svg{width:17px;height:17px;stroke:var(--mint-2);stroke-width:2.2}
    .sx .spinner-border{width:16px;height:16px;border-width:2px}

    /* OTP / 2FA digit boxes */
    .sx .otp-input-group{display:flex;gap:10px}
    .sx .otp-digit-input,.sx .twofa-digit-input{flex:1;min-width:0;width:auto;height:60px;text-align:center;font-size:24px;font-weight:700;border:1.5px solid var(--line);border-radius:12px;outline:0;letter-spacing:-.02em;color:var(--ink);background:#fff;padding:0;transition:.15s}
    .sx .otp-digit-input:focus,.sx .twofa-digit-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
    .sx .otp-badge-target{display:inline-flex;align-items:center;gap:6px;background:var(--line-soft);border:1px solid var(--line);color:var(--ink);padding:6px 12px;border-radius:10px;font-weight:600;font-size:14px;word-break:break-all}
    .sx .timer-text{font-size:13px;color:var(--ink-2);margin-top:8px}

    .sx .foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-3)}
    .sx .foot span b{color:var(--ink-2);font-weight:600}
    .sx .step{display:flex;flex-direction:column;gap:22px}
    .sx .back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2);font-weight:600;cursor:pointer;padding:0;align-self:flex-start}
    .sx .back:hover{color:var(--ink)}
    .sx .back svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2}
    .sx .link-btn{font-size:13px;font-weight:600;color:#0c9b78;;padding:0}
    .sx .link-btn:disabled{color:var(--ink-3);cursor:not-allowed}
    .sx .shield{width:48px;height:48px;border-radius:14px;background:var(--mint-soft);color:var(--mint-ink);display:flex;align-items:center;justify-content:center;font-size:24px}

    /* Right: brand panel */
    .sx .brand-side{position:relative;overflow:hidden;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:56px 56px 40px;border-left:1px solid var(--line)}
    .sx .brand-side::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 90% 0%,rgba(37,99,235,.10),transparent 60%),radial-gradient(600px 400px at 0% 100%,rgba(16,185,129,.12),transparent 60%)}
    .sx .brand-side>*{position:relative}
    .sx .eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
    .sx .eyebrow i{width:40px;height:3px;background:linear-gradient(90deg,var(--blue),var(--mint));border-radius:2px}
    .sx .headline{font-size:54px;font-weight:800;letter-spacing:-.05em;line-height:1;margin:18px 0 0;color:var(--navy)}
    .sx .headline .g{background:linear-gradient(90deg,#2563EB,#10B981);-webkit-background-clip:text;background-clip:text;color:transparent}
    .sx .lede{margin:18px 0 0;font-size:14px;color:var(--ink-2);max-width:520px;line-height:1.55}
    .sx .ticks{display:flex;flex-direction:column;gap:9px;margin-top:20px}
    .sx .tick{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink-2)}
    .sx .tick b{width:22px;height:22px;border-radius:11px;background:var(--mint-soft);color:var(--mint-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}
    .sx .pills{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px;font-weight:600;color:var(--ink)}
    .sx .pills span{display:flex;align-items:center;gap:8px}
    .sx .pills i{width:8px;height:8px;border-radius:4px;background:var(--mint)}
    .sx .device{margin-top:30px;background:var(--navy);border-radius:28px;padding:14px 14px 0;box-shadow:0 28px 80px rgba(9,23,43,.22);max-width:450px;overflow:hidden}
    .sx .device .bar{display:flex;align-items:center;gap:8px;padding:0 0 20px;}
    .sx .device .bar i{width:9px;height:9px;border-radius:5px}
    .sx .device .bar .url{flex:1;margin-left:8px;height:24px;border-radius:7px;background:#12233D;color:#8B95A7;font-size:11px;display:flex;align-items:center;padding:0 10px}
    .sx .device .screen{border-radius:18px 18px 0 0;padding:0 0 20px;overflow:hidden}
    .sx .scene{perspective:1600px}
    .sx .stage{position:relative;width:100%;max-width:560px;aspect-ratio:560/430;margin:0 auto;transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d}
    .sx .pc{background:#fff;border-radius:16px;color:var(--ink);box-shadow:0 20px 50px rgba(9,23,43,.4)}
    .sx .pc.main{position:absolute;left:0;top:6%;width:78%;padding:20px 22px}
    .sx .pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
    .sx .pc-top b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em}
    .sx .pc-top span{font-size:11.5px;color:var(--ink-2)}
    .sx .pc-clock{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border-radius:999px;padding:4px 10px 4px 4px;font-size:11px;font-weight:600;white-space:nowrap}
    .sx .pc-clock span{color:#fff}
    .sx .pc-clock svg{width:26px;height:26px}
    .sx .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
    .sx .tile{background:var(--line-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
    .sx .tile span{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
    .sx .tile b{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
    .sx .tile b small{font-size:12px;color:var(--ink-3);font-weight:600}
    .sx .tile em{font-style:normal;font-size:10.5px;color:var(--ink-2)}
    .sx .tile em.ok{color:var(--mint-ink);font-weight:600}
    .sx .prow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:12px}
    .sx .prow i{width:9px;height:9px;border-radius:5px;flex-shrink:0}
    .sx .prow b{font-weight:700;white-space:nowrap}
    .sx .prow span{flex:1;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .sx .pc.float{position:absolute;transform:translateZ(60px)}
    .sx .pc.ring{right:-3%;top:52%;width:30%;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}
    .sx .pc.ring .donut{position:relative;width:110px;height:110px}
    .sx .pc.ring .donut svg{width:110px;height:110px;transform:rotate(-90deg)}
    .sx .pc.ring .donut .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
    .sx .pc.ring .donut .c b{font-size:24px;font-weight:800}
    .sx .pc.ring .donut .c span{font-size:9.5px;color:var(--ink-3);margin-top:3px}
    .sx .pc.ring .leg{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:10.5px;color:var(--ink-2);width:100%}
    .sx .pc.ring .leg span{display:flex;align-items:center;gap:5px;white-space:nowrap}
    .sx .pc.ring .leg i{width:7px;height:7px;border-radius:2px}
    .sx .pc.msg{left:-2%;bottom:-16%;width:52%;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;border:1px solid #E3ECFC}
    .sx .pc.msg .av{width:30px;height:30px;border-radius:15px;background:var(--mint-soft);color:var(--mint-ink);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .sx .pc.msg b{font-size:12.5px;font-weight:700}
    .sx .pc.msg span{font-size:10.5px;color:var(--ink-3)}
    .sx .pc.msg p{margin:3px 0 0;font-size:12px;line-height:1.4}
    .sx .pc.msg p em{font-style:normal;color:#0c9b78;;font-weight:600;background:var(--blue-soft);padding:0 3px;border-radius:3px}
    .sx .pc.msg a{display:inline-block;margin-top:5px;font-size:11px;color:var(--mint-ink)}
    .sx .pc.timer{right:8%;top:-2%;padding:10px 14px;display:flex;align-items:center;gap:10px}
    .sx .pc.timer i{width:10px;height:10px;border-radius:5px;background:var(--mint);box-shadow:0 0 0 4px var(--mint-soft);animation:sxpulse 1.6s infinite}
    @keyframes sxpulse{0%,100%{box-shadow:0 0 0 4px var(--mint-soft)}50%{box-shadow:0 0 0 7px rgba(16,185,129,.18)}}
    .sx .pc.timer b{display:block;font-size:12px;font-weight:700}
    .sx .pc.timer span{font-size:10.5px;color:var(--ink-2)}
    .sx .brand-foot{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-3);margin-top:24px}
    .sx .brand-foot b{color:var(--ink);font-weight:700}
    .sx .brand-foot .os{color:var(--mint)}

    @media (max-width:960px){
        .sx .split{grid-template-columns:1fr}
        .sx .brand-side{display:none}
        .sx .form-side{padding:28px 20px}
        .sx .otp-input-group{gap:6px}
        .sx .otp-digit-input,.sx .twofa-digit-input{height:52px;font-size:20px}
    }
    .sx .segmented .nav-link.active:after,
    .sx .segmented .nav-link:hover:after  {
        content: none;
    }
    
    img.login-logo {
        width: 45px;
        border-radius: 14px;
    }
    img.dashboard-screen {
        max-width: 100%;
        height: auto;
        border-radius: 30px;
    }
    ul.nav.segmented.nav-tabs-custom .nav-link {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    button.sx-btn.sx-btn-dark.forget-password {
        margin-top: 22px;
    }
    .mini-stats-wid .mini-stat-icon:before, .mini-stats-wid .mini-stat-icon:after {
        content: none;
    }
    .card.card-animate,
    .card.card-custom,
    .card.card-animate.card-custom {
        margin-bottom: 1rem;
    }
    .alert-dismissible .btn-close {
        right: 10px;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus, 
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px white inset !important;
        box-shadow: 0 0 0 1000px white inset !important;
    }

    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover .menu-dropdown {
        left: 55px;
        top: 50px;
        border-radius: 0 0 14px 0;
    }
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
        border-radius: 0 14px 14px 14px !important;
    }
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>.menu-dropdown {
        width: 215px;
    }
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link[data-bs-toggle="collapse"] {
        border-bottom-right-radius: 0;
    }
    .welcome {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
    }
    .welcome .eyebrow {
        font-size: 11px;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--muted);
        font-weight: 700;
        margin-bottom: 5px;
    }
    .welcome h1 {
        font-size: clamp(24px, 4vw, 34px);
        letter-spacing: -.04em;
        line-height: 1.05;
        margin: 0;
        font-weight: 800;
        color: var(--ink);
    }
    .welcome p {
        margin: 7px 0 0;
        color: var(--muted);
        font-size: 15px;
        font-weight: 300;
    }
    .welcome-date {
        font-size: 13px;
        color: var(--muted);
        padding-top: 5px;
        white-space: nowrap;
    }
    .welcome.mb-3 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.5rem;
    }


    button.btn.btn-icon.btn-topbar.btn-42 {
        width: 42px !important;
        height: 42px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        color: #40506b;
        min-width: 42px;
        min-height: 42px;
        padding: 5px;
    }
    button.btn.btn-icon.btn-topbar.btn-42  i {
        display: flex;
        align-items: center;
    }
@media (min-width: 991px) {
    .h-lg-auto {
        height: auto !important;
    }
    .h-md-100 {
        height: 100% !important;
    }
    /* Force the table to respect a 100% width limit */
    /* .dataTables_wrapper .table {
        width: 100% !important;
        table-layout: fixed;
        word-wrap: break-word;
        white-space: normal; 
    }
    .table td, .table th {
        white-space: normal !important;
        word-break: break-word; 
    } */
}
.dropdown-header {
    font-size: 13px;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9f1ff;
    color: #1c3155;
    font-weight: 700;
    display: grid;
    place-items: center;
    flex: none;
}
.sidebar-user span {
    display: block;
    font-size: 12px;
    color: #8795a9;
    margin-top: 3px;
}
.ticket-title {
    width: 95%;
}
.jira-history-diff-box .badge {
    white-space: unset;
    height: auto;
    padding: 8px 15px;
    justify-content: flex-start;
    text-align: left;
}
.history-content img,
.history-img img {
    max-width: 140px;
    margin: 0 auto;
    display: flex;
}
.clockstatus-btn {
    font-size: 13px;
    font-weight: 400;
    gap: 9px !important;
    background: rgb(255 255 255 / 12%) !important;
}
.clockstatus-btn i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #708096;
}

.avatar.bottom-profile-user {
    padding: 0;
}

.avatar.bottom-profile-user img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    object-fit: cover;
    overflow: hidden;
}
.modal-dialog.modal-xl.ticket-modal-block {
    max-width: calc(100% - 370px);
    margin-left: auto;
    margin-right: 30px;
    max-height: calc(100vh - 60px);
}

.modal-dialog.modal-xl.ticket-modal-block .modal-content {
    border-radius: 14px;
}

.select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--multiple:hover {
    box-shadow: none !important;
}
.select2 + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F4F7FB !important;
    border-radius: 14px !important;
}
.select2.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /* padding: 5px 7px !important; */
    border: 0 !important;
}
/* .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: none;
} */
/* .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-bottom: 0 !important;
} */
/* span.select2-selection.select2-selection--multiple {
    padding: 0 !important;
} */
.select2-container--default .select2-search--inline .select2-search__field {
    display: flex;
    align-items: center;
    height: 30px !important;
    margin: 0 !important;
    line-height: 30px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-flex !important;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    height: 100%;
    margin: 0;
}
.accordion-item.rounded {
    border-radius: 18px !important;
}

.sx-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; font-size: 14px; font-weight: 700; }
.sx-pill-sm { padding: 4px 12px; font-size: 13px; }
.sx-blue  { background: #e0ebff; color: #1d4ed8; }
.sx-green { background: #d9f7ea; color: #059669; }
.sx-amber { background: #fff1d6; color: #b45309; }
.card.card-grey-light {
    background: #FBFCFE;
}
.ql-toolbar.ql-snow {
    background: transparent !important;
    border-color: #e9ebec !important;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow { border-color: #e9ebec !important; }

.form-control:focus {
    border-color: #ced4da;
}
.bg-body-tertiary {
    background-color: #FBFCFE !important;
}

.bg-primary-subtle {
    background-color: rgb(244, 247, 251) !important;
}
.accordion-item { 
    background: #fff;
    box-shadow: 0 8px 28px rgba(13, 31, 55, .055); 
}

.rounded-14 {
    border-radius: 14px !important;
}
.rounded-18 {
    border-radius: 18px !important;
}
.project-img {
    width: 40px;
    height: 40px;
}
.small, small {
    font-size: 12px;
}

td .btn-sm.btn-sm-radius {
    width: 30px;
    height: 30px;
    border-radius: 8px;
} 
td .btn-sm.btn-sm-radius i {
    display: flex;
    align-items: center;
} 
.avatar-sm img,
.avatar-xs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jt-title-text .ml-title {
    width: calc(100% - 50px);
}
/* .btn-soft-primary {
    background: #F4F7FB;
    color: var(--muted);
} */
.block-36 {
    width: 36px;
    height: 36px;
}
.block-26 {
    width: 26px;
    min-width: 26px;
    height: 26px;
}
.btn.block-36 {
    min-width: 36px;
    min-height: 36px !important;
    padding: 5px !important;
    display: flex;
    align-items: center;
    border-radius: 14px !important;
}
.modal-task--title {
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: normal !important;
}
.letter-space-1 {
    letter-spacing: .12em;
}
.letter-space-5 {
    letter-spacing: .06em;
}
img.activity-img {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}
.summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
}
.summary-item {
    padding: 24px 26px;
    min-height: 115px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-right: 1px solid var(--line);
}
.summary-label {
    font-size: 12px;
    color: var(--muted);
    font-weight: 600;
    margin-bottom: 8px;
}
.summary-value {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.035em;
}
.summary-note {
    font-size: 11px;
    color: var(--muted-2);
    margin-top: 4px;
}
.form-control.form-control-block {
    width: auto;
}
span.text-truncate.text-truncate-1 {
    width: 150px;
    display: inline-block;
}
.text-truncate.text-truncate-1 {
    width: 150px;
}

@media (max-width: 1600px) {
    .table.table-borderless {
        width: 1200px !important;
    }
}
.rotate-90 {
    transform: rotate(90deg);
    display: inline-block;
  }

  h1.ml-title {
    font-size: clamp(24px, 4vw, 34px);
    letter-spacing: -0.04em;
    line-height: 1.05;
    font-weight: 800;
    color: var(--ink);
    margin: 8px 0;
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: 300 !important;
    color: var(--muted);
}
.show-page--date {
    color: var(--muted);
    font-weight: 300;
    margin: 0px;
}
#attendancePaginationWrapper  {
    padding-bottom: 0 !important;
}
#attendancePaginationWrapper nav {
    width: 100%;
}
#attendancePaginationWrapper nav p.small.text-muted {
    font-size: 13px;
    color: var(--muted);font-weight: 300;margin: 0;}

    .fc .fc-daygrid-day-number {
    width: 34px;
    height: 34px;
}

.fc .fc-toolbar-chunk:last-child .fc-button-group {
    font-size: 16px;
    font-weight: 500 !important;
}
.fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button {
    font-size: 16px;
    background-color: transparent !important;
    color: var(--muted) !important;
    padding: 8px 30px !important;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
}
.fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button.fc-button-active {
    border-color: #60728a;
    border-radius: 0px !important;
}
.fc .fc-toolbar-chunk:last-child .fc-button-group {
    border-bottom: 1px solid #eee;
}

.show-list {
    color: var(--muted);font-weight: 300;
}
.show-list--lable {margin: 0px;width: 60px;}
.show-list--entry {margin: 0px;width: 75px;}
.card-footer.timelogs--pagination {
    display: flex !important;
    align-items: center !important;
    margin-top: 15px !important;
    padding: 15px 0px 0px !important;
    border-top: 1px solid var(--line) !important;
    color: var(--muted);
    font-weight: 300;
    font-size: 13px !important;
}

.card-footer.timelogs--pagination small, .card-footer.timelogs--pagination .small {
    font-size: 13px;
}
.table-text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 200px !important;
}

div#manager-work-logs-table_wrapper  .row:last-child {
    border-top: 0;
    margin-top: 0;
}
div#manager-work-logs-table_wrapper  .row:first-child {
    border-bottom: 1px solid var(--line);
    margin-bottom: 15px !important;
}
.mw-logs--table .row:first-child  div[class^=col-]:first-child {
    border: 0 !important;
}
.list-group-flush>.list-group-item {
    border: 0;
    padding: 12px !important;
}
.w-32 {
    width: 32px;
}
.h-32 {
    height: 32px;
}
.icon-row {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 12px 0;
    border-bottom: 1px solid #eee !important;
}
.icon-row:last-child {
    border-bottom: 0 !important;
}
.approval small {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}
.lr-row {
    border-top: 1px solid #eee;
}
.lr-icon--row {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #5f6f87;
    font-size: 13px;
}

.lr-row {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 20px;
    align-items: center;
    min-height: 64px;
    padding: 14px 26px;
    border-bottom: 1px solid var(--line-soft);
}
.lr-row-notes {
    display: flex;
    gap: 20px;
    align-items: center;
    min-height: 64px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line-soft);
}
.lr-tl-days {
    width: 80px;
    text-align: right;
}
.lr-tl-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.ltr-row {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid var(--line-soft);
}

.lr-tl-dot {
    width: 8px;
    height: 8px;
}
.lr-tl-dot-annual {
    background: var(--vz-success);
}
.leave-number {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 22px;
}
.leave-number b {
    font-size: 44px;
    line-height: .9;
    letter-spacing: -.05em;
}
.leave-number span {
    font-size: 13px;
    color: var(--muted);
    padding-bottom: 4px;
}
.leave-line {
    height: 8px;
    border-radius: 999px;
    background: #edf7f4;
    overflow: hidden;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}
.leave-line i {
    display: block;
    height: 100%;
    width: 24%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--mint), #8de7d1);
}
.leave-note {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 22px;
}

/* .select2-container .select2-search--inline .select2-search__field {
    height: 30px !important;
} */
.client-table--data .row:first-child .col-md-6 {
    display: flex;
    justify-content: flex-end;
    padding-right: 90px;
}
.table-responsive {
    border-radius: 18px;
}
.edit-rolls-btn {
    
}
.lr-row.lr-two-row {
    grid-template-columns: 40px 1fr;
}

#holidays-table_wrapper div.row:first-child > div[class^="col-"]:first-child {
    width: 100%;
    justify-content: flex-end;
    padding-right: 90px;
}
div#leaves-table_wrapper  div.row:first-child > div[class^="col-"]:first-child { justify-content: flex-end; padding-right: 90px;}

.flex-grow-1.overflow-hidden.activity-table {
    display: grid;
    grid-template-columns: 120px 120px auto 350px;
    gap: 20px;
    align-items: self-start;
}
tr.table-warning.even,
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --vz-table-bg-type: #eee;
}
ul.nav.nav-tabs-custom.mbi-0 .nav-link.period-filter-btn:hover {
    background: transparent !important;
}
.navbar-menu #scrollbar {
    height: calc(-200px + 100vh) !important;
}
.sidebar-user {
    margin-top: 32px;
    padding: 12px 14px ;
    border-top: 1px solid rgba(255, 255, 255, .08);
    display: flex;
    align-items: center;
    gap: 12px;
    background: #102038;
    background-color: #102038;
}
.search-box.r-mw {
    min-width: unset;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.page-content .container-fluid .container-fluid { padding: 0}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] a.logo.logo-dark.logo-menu .logo-san img {
    width: 48px;
    height: auto;
    display: block;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] a.logo.logo-dark.logo-menu span.logo-lg {
    display: block !important;
}
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box a.logo.logo-dark.logo-menu {
    display: block;
}
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box a.logo.logo-light {
    padding: 0;
}

.notify-view-btn {
    min-width: 60px;
}

/* Select2 Modal Custom Styling */
#createTaskModal .select2-container {
    width: 100% !important;
    display: block !important;
}
#createTaskModal .select2-container--default .select2-selection--single,
#createTaskModal .select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
    min-height: 46px !important;
    border-radius: 14px!important;
    background-color: #fff !important;
    transition: all 0.3s ease-in-out;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    transition: all 0.3s ease-in-out;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--multiple:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
}
.fc-dayGridMonth-view.fc-view.fc-daygrid {
    overflow-x: auto;
 }
 .fc-col-header-cell.fc-day {
     width: 100px;
 }
 td.fc-day {
     width: 100px;
 }
 table.fc-scrollgrid-sync-table {
    width: auto !important;
}
.fc-theme-standard th:first-child {
    border-top-left-radius: 18px;
}
.fc-theme-standard th:last-child {
    border-top-right-radius: 18px;
}
.fc-theme-standard td:first-child {
    border-bottom-left-radius: 18px;
}
.fc-theme-standard td:last-child {
    border-bottom-right-radius: 18px;
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > th {
    border-bottom: 0 !important;
}
div#aiTaskModal {
    padding-right: 0 !important;
}
.history-img img {
    margin: 5px;
}
.history-img span {
    padding: 0 10px 0 0;
}
.board-filterbar.board-filterbar--page .search-box {
    min-width: unset;
}
.project-name.text-truncate {
    max-width: 400px;
}
.fs-32 {
    font-family: 32px;
}
.sx .input .password-addon {
    margin-left: auto;
    background: transparent;
    border: 0;
    padding: 0 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-3);
    cursor: pointer;
    line-height: 1;
    height: auto;
    width: auto;
}
.sx .input .password-addon:hover { color: var(--ink-2, var(--ink-3)); }
.sx .input .password-addon i { font-size: 18px; line-height: 1; }
.sx .input .password-addon:focus-visible { outline: 2px solid #2563EB; outline-offset: 2px; border-radius: 4px; }
.sx .input input.password-input { padding-right: 8px; }
.form-password-login {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.task-badge  {
    white-space: normal;
    text-align: left;
    height: auto;
}
.history-img, .history-img p {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.history-img {
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
}
.history-img img {
    width: 30px;
    height: auto;
    object-fit: cover;
}
.history-assign img {
    width: 30px;
}
.history-assign {
    padding: 5px 10px !important;
    border-radius: 50px !important;
    display: flex;
    gap: 10px;
}
.project-des.text-truncate,
.task-summary  {
    width: 300px;
    display: block;
}
.quick-edit-popover {
    background: #fff;
    border-top-left-radius: 14px;
}
.task-summary {
    width: 220px;
}
.quick-edit-trigger[data-field="assignee"] {
    min-width: 140px;
} 
.timeline-task--desc img {
    max-height: 200px;
    height: auto;
    width: auto;
    object-fit: cover;
    margin: 5px;
}
.navbar-main--search .jira-navbar-search-wrapper {
    width: 100%;
}
.todo-item-row:first-child {
    padding-top: 0;
}
.activity-item-row:first-child,
.project-glance-item:first-child {
    padding-top: 0;
}
.activity-item-row:last-child,
.project-glance-item:last-child {
    padding-bottom: 0;
}
.list-inline-item:not(:last-child) {
    margin-right: .3rem;
}
@media (min-width: 1921px) {
    body, 
    .card-tasks .card-tasks--sub-title,
    .card-animate .card-tasks--sub-title,
    .card-tasks--note,
    .card-animate .card-tasks--note,
    .icon-link.icon-link-hover,
    .sidebar-user span,
    .summary-label,  
    .fs-12 {
        font-size: 14px;
    }
    .fs-10,
    button.btn-close.ms-2,
    .topbar-head-dropdown .topbar-badge,
    .small, small,
    .topbar-head-dropdown .topbar-badge {
        font-size: 13px;
    }
    .fs-11,
    .jira-linked-status-pill,
    .badge,
    .welcome .eyebrow,
    .summary-note,
    li.menu-title,
    .jira-linked-status-pill  {
        font-size: 13px;
    }
    .fs-13,
    .nav-timer-picker #navTaskSelect,
    .table th,
    .table.table-borderless,
    .welcome-date,
    .dropdown-header,
    .clockstatus-btn,
    .sx-pill-sm,
    #attendancePaginationWrapper nav p.small.text-muted,
    .card-footer.timelogs--pagination small, .card-footer.timelogs--pagination .small,
    .leave-number span,
    .nav-timer-picker #navTaskSelect,
    .welcome-date,
    .table th,
    .table.table-borderless,
    .clockstatus-btn,
    .sx-pill-sm,
    #attendancePaginationWrapper nav p.small.text-muted,
    .card-footer.timelogs--pagination,
    .card-footer.timelogs--pagination small, .card-footer.timelogs--pagination .small,
    .lr-icon--row {
        font-size: 15px;
    }
    .fs-14,
    .jira-link-group-title,
    .text-para  {
        font-size: 16px;
    }
    .fs-15,
    .nav-tabs-custom li.nav-item a.nav-link,
    .nav-tabs-custom li.nav-item button.nav-link,
    .navbar-menu .navbar-nav .nav-link,
    .navbar-menu .navbar-nav .nav-sm .nav-link,
    .stop-timer-btn,
    .jira-sidebar-accordion .accordion-button,
    .welcome p,
    .jira-pagination .page-item  {
        font-size: 17px;
    }
    .fs-16,
    .fc .fc-toolbar-chunk:last-child .fc-button-group,
    .fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button,
    .nav-tabs-custom .nav-item .nav-link,
    .nav-tabs-custom li.nav-item button.nav-link,
    ul.nav.segmented.nav-tabs-custom .nav-link  {
        font-size: 18px;
    }
    .fs-17 {
        font-size: 18px !important;
    }
    .fs-18 {
        font-size: 20px;
    }
    /* .clear-filter-btn .btn-soft-danger i,
    .navbar-header .header-right .header-timer .btn,
    .clear-filter-btn .btn-soft-danger i {
        font-size: 23px;
    } */
    .summary-value {
        font-size: 25px;
    }
    .welcome h1,
    h1.ml-title {
        font-size: 35px;
    }
    .wordmark {
        font-size: clamp(24px, 4.5vw, 35px);
    }
    .tagline {
        font-size: clamp(10px, 2vw, 15px);
    }
    .auth-page-content .crm-auth--title {
        font-size: clamp(1.5rem, 2vw, 2rem);
    }
    .auth-page-content .crm-auth--desc {
        font-size: clamp(1.5rem, 2vw, 1rem) !important;
    }
    .card-tasks .card-tasks--title,
    .card-animate .card-tasks--title {
        font-size: clamp(24px, 3vw, 30px);
    }
    .heading-h3 {
        font-size: 25px;
    }
    .flatpickr-current-month {
        font-size: 115% !important;
    }
    .modal-btn-close.btn-close {
        font-size: 27px;
    }
    label.form-label, 
    .card,
    .btn.btn-back {
        font-size: 15px;
    }
    /* button.btn.btn-icon.btn-topbar.btn-42 */
    .card-title  {
        font-size: 20px;
    }
}
@media (min-width: 768px) {
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] {
        min-height: unset;
    }
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu {
        position: fixed;
        padding-top: 80px;
    }
}
@media (max-width: 1550px) {
    .nav-timer-picker span.select2.select2-container, .nav-timer-picker .select2-container {
        width: auto !important;
    }
    .task-tab--history .nav-tabs-custom li.nav-item a.nav-link,
    .task-tab--history .nav-tabs-custom li.nav-item button.nav-link {
        padding: 10px;
    }
    .task-tab--history {
        border-bottom: 1px solid #e9ebec;
        margin-bottom: 30px;
    }
    .task-tab--history .nav {width: 100%;}
    .task-tab--history .btn {
        width: auto;
        margin-right: 0;
        margin-left: auto;
    }
}
@media (max-width: 1440px) {
    .salary-structures--table table {
        width: 1200px;
    }
    .card-custom p {
        font-size: 12px;
    }
}
@media (max-width: 1400px) {
    .nav-timer-picker span.select2.select2-container, .nav-timer-picker .select2-container {
        width: 180px !important;
        max-width: 180px !important;
    }
    
}
@media (max-width: 1366px) {
    .flex-grow-1.overflow-hidden.activity-table {
        grid-template-columns: 120px 120px auto 180px;
    }
    .nav-tabs-custom li.nav-item a.nav-link, .nav-tabs-custom li.nav-item button.nav-link {
        font-size: 13px;
        padding: 6px 14px;
    }
}
@media (max-width: 1280px) {
    .search-btn .jira-filter-input {
        width: 100%;
        max-width: 300px;
    }
    .board-filterbar > div {
        width: 160px;
    }
}
@media (max-width: 1200px) {
    button#page-header-user-dropdown {
        width: auto;
    }
    
    .ul.nav.nav-tabs-custom.mbi-0 {
        margin-bottom: 0 !important;
        margin-right: 12px;
    }
    .nav-tabs-custom li.nav-item a.nav-link, .nav-tabs-custom li.nav-item button.nav-link {
        padding: 8px 10px;
    }
}
@media (max-width: 1199px) {
    .modal-dialog.modal-xl.ticket-modal-block {
        max-width: calc(100% - 60px);
    }
    :root {
       --vz-vertical-menu-width: 250px;
    }
    #preloader {
        width: calc(100% - 250px);
    }
    .navbar-header .header-right .header-timer .btn {
        width: 36px;
        height: 36px;
        padding: 5px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-profile-user {
        margin-left: 10px;
    }
    .daily-log--td {
        width: 300px;
    }
    .select2-task-dropdown.task-dropdown + .select2 {
        width: 300px !important;
    }
    .task-tab--history .nav-tabs-custom {
        justify-content: space-between;
        gap: 5px;
        max-width: 500px;
        margin: 0 auto;
    }
}
@media (max-width: 1070px) {
    .nav-timer-picker {
        width: auto;
    }
}
@media (max-width: 1024px) {
   
}
@media (max-width: 991px) {
    .header-right .header-task-timer {
        display: none !important;
    }
    .flex-grow-1.overflow-hidden.activity-table {
        grid-template-columns: 0.5fr 0.5fr 1.5fr 1.5fr;
    }
    .search-btn {
        justify-content: flex-start;
    }
    .dashboard-filter-tab .card.card-animate {
        height: auto;
    }
    .card-tasks {
        margin-bottom: 1rem;
    }
    .upcoming-event-card {
        width: calc((100% - 30px) / 3);
    }
    .page-content .container-fluid {
        padding: 10px 30px 40px;
    }
    /* .page-content .container-fluid .dashboard-main {
        padding-left: 15px;
        margin-right: 15px;
    } */
    .my-work-logs-page div.table-responsive>div.dataTables_wrapper>div.row:first-child {
        display: flex;
        flex-direction: column;
    }
    .my-work-logs-page div.table-responsive>div.dataTables_wrapper>div.row:first-child>div[class^=col-]:first-child {
        padding: 0 15px;
        margin-bottom: 15px;
        justify-content: flex-start;
    }
    .dashboard-main + .row.h-100 .col-12 {
        height: 100%;
    }
    .container-fluid .container-fluid {
        padding: 0;
    }
}
@media (max-width: 900px) {
    .board-searchbar {
        margin-left: 0;
        margin-top: 10px;
    }
    .search-box {
        min-width: 270px;
    }
}
@media (max-width: 767px) {
    ul.nav.nav-tabs-custom.mbi-0 li.nav-item {
        margin: 0 auto;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin: 0 15px;
    }
    :root {
        --vz-font-base: 0.75rem;
    }
    .flex-grow-1.overflow-hidden.activity-table {
        grid-template-columns: 1fr;
        border: 1px solid #eee;
        padding: 15px;
        border-radius: 18px;
        gap: 12px;
    }
    .activity-table-row-4 .d-flex {
        gap: 2px !important;
    }
    ul.nav.segmented.nav-tabs-custom .nav-link {
        font-size: 14px !important;
    }
    .sx .input input {
        font-size: 14px;
    }
    body, 
    .card-tasks .card-tasks--sub-title,
    .card-animate .card-tasks--sub-title,
    .card-tasks--note,
    .card-animate .card-tasks--note,
    .icon-link.icon-link-hover,
    .sidebar-user span,
    .summary-label,  
    .fs-12 {
        font-size: 13px;
    }
    .fs-10,
    button.btn-close.ms-2,
    .topbar-head-dropdown .topbar-badge,
    .small, small,
    .topbar-head-dropdown .topbar-badge {
        font-size: 10px;
    }
    .fs-11,
    .jira-linked-status-pill,
    .badge,
    .welcome .eyebrow,
    .summary-note,
    li.menu-title,
    .jira-linked-status-pill  {
        font-size: 10px;
    }
    .fs-13,
    .nav-timer-picker #navTaskSelect,
    .table th,
    .table.table-borderless,
    .welcome-date,
    .dropdown-header,
    .clockstatus-btn,
    .sx-pill-sm,
    #attendancePaginationWrapper nav p.small.text-muted,
    .card-footer.timelogs--pagination small, .card-footer.timelogs--pagination .small,
    .leave-number span,
    .nav-timer-picker #navTaskSelect,
    .welcome-date,
    .table th,
    .table.table-borderless,
    .clockstatus-btn,
    .sx-pill-sm,
    #attendancePaginationWrapper nav p.small.text-muted,
    .card-footer.timelogs--pagination,
    .card-footer.timelogs--pagination small, .card-footer.timelogs--pagination .small,
    .lr-icon--row {
        font-size: 11px;
    }
    .fs-14,
    .jira-link-group-title,
    .text-para  {
        font-size: 12px;
    }
    
    .fs-15,
    .nav-tabs-custom li.nav-item a.nav-link,
    .nav-tabs-custom li.nav-item button.nav-link,
    .navbar-menu .navbar-nav .nav-link,
    .navbar-menu .navbar-nav .nav-sm .nav-link,
    .stop-timer-btn,
    .jira-sidebar-accordion .accordion-button,
    .welcome p,
    .jira-pagination .page-item  {
        font-size: 13px !important;
    }
    .fs-16,
    .fc .fc-toolbar-chunk:last-child .fc-button-group,
    .fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button,
    .nav-tabs-custom .nav-item .nav-link,
    .nav-tabs-custom li.nav-item button.nav-link,
    ul.nav.segmented.nav-tabs-custom .nav-link  {
        font-size: 13px;
    }
    .fs-17 {
        font-size: 14px !important;
    }
    .fs-18 {
        font-size: 15px;
    }
    /* .clear-filter-btn .btn-soft-danger i,
    .navbar-header .header-right .header-timer .btn,
    .clear-filter-btn .btn-soft-danger i {
        font-size: 23px;
    } */
    .summary-value {
        font-size: 18px;
    }
    .heading-h3 {
        font-size: 20px;
    }
    .flatpickr-current-month {
        font-size: 100% !important;
    }
    .modal-btn-close.btn-close {
        font-size: 24px;
    }
    label.form-label, 
    .card,
    .btn.btn-back {
        font-size: 12px;
    }
    /* button.btn.btn-icon.btn-topbar.btn-42 */
    .card-title  {
        font-size: 15px;
    }


    body #preloader, #content-ajax-loader {
        top: 0 !important;
        min-height: 100vh !important;
    }
    .navbar-menu .navbar-nav .nav-sm .nav-link {
        font-size: 12px;
    }
    .nav-tabs-custom li.nav-item a.nav-link, .nav-tabs-custom li.nav-item button.nav-link {
        font-size: 14px;
        padding: 8px;
    }
    .btn:not(.btn-sm):not(.btn-xs):not(.btn-lg) {
        padding: 7px 12px;
    }
    .btn:not(.btn-sm):not(.btn-xs):not(.btn-lg),
    .select2-container,
    span.select2-selection.select2-selection--single,
    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .input-group.space-key--input span.input-group-text,
    .h-46,
    .form-control,
    .select2-container--default .select2-selection--multiple,
    #createTaskModal .select2-container--default .select2-selection--single, #createTaskModal .select2-container--default .select2-selection--multiple        {
        height: 40px !important;
        min-height: 40px !important;
    }
    .dropdown-menu-end[data-bs-popper] {
        right: 10px;
    }
    .navbar-header .dropdown .dropdown-menu {
        width: 300px;
    }
    .header-profile-user {
        height: 25px;
        width: 25px;
    }
    .welcome {
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    .welcome h1 {
        font-size: 24px;
    }
    /* .jira-search-input {
        padding-left: 30px !important;
        padding-right: 32px !important;
    } */
    .btn.topnav-hamburger {
        padding: 5px !important;
        margin-right: 5px;
    }
    button.btn.btn-icon.btn-topbar.btn-42 {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px;
        min-height: 32px !important;
        padding: 5px !important;
    }
    .header-profile-user {
        margin-left: 0;
    }
    button#page-header-user-dropdown {
        padding: 10px 0px 10px 10px;
    }
    .navbar-menu .navbar-nav .nav-sm {
        margin-left: 0;
    }
    .navbar-menu .navbar-nav .nav-link {
        min-height: 40px;
        padding: 0 10px;
        gap: 5px;
        font-size: 12px;
        border-radius: 8px;
    }
    .navbar-menu .navbar-nav .nav-sm {
        padding-left: 10px;
    }
    .card-tasks {
        margin-bottom: 15px;
    }
    button.btn-close.ms-2 {
        position: absolute;
        top: 15px;
        right: 15px;
        border: 1px solid #333;
        border-radius: 100%;
        width: 25px;
        height: 25px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 10px;
    }
    .todo-checkbox-custom {
        width: 18px !important;
        height: 18px !important;
    }
    .modal-header {
        padding-right: 20px !important;
    }
    .card.card-custom {
        text-align: center;
    }
    .sticky-board--header {
        position: unset;
    }
    .notif-page-item {
        padding: 10px;
    }
    table.dataTable>tbody>tr.child ul.dtr-details {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 20px;
        justify-content: flex-start;
    }
    .upcoming-event-card {
        width: 100%;
    }
    .navbar-menu .navbar-nav .nav-sm .nav-link {
        min-height: auto;
        padding: 8px 14px !important;
        margin-left: 0;
        gap: 0;
    }
    .holidays-table--list div#holidaysTable_paginate {
        width: 100%;
        display: flex;
        justify-content: center;
        position: unset;
        padding: 0;
    }
    .holidays-table--list div#holidaysTable_info {
        width: 100%;
    }
    .summary-item {
        border-bottom: 1px solid var(--line);
        border-right: 0;
    }
    .summary {
        grid-template-columns: repeat(1, 1fr);
    }
    span.lr-tl-days {
        width: 100%;
        text-align: left;
    }
    .lr-row {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .leave-title {
        flex-wrap: wrap;
    }
    .leave-title--approved {
        align-items: flex-start !important;
    }
    .leave-title--approved br {
        display: none;
    }
    .board-filterbar > div.w-auto {
        flex: 1 1 auto;
    }
    .modal-header--task {
        flex-wrap: wrap;
    }
    #jiraModalTaskBodyInner .container-fluid {
        padding: 0;
    }
    .btn.block-36 {
        min-width: 26px;
        min-height: 26px !important;
        padding: 5px !important;
        border-radius: 8px !important;
    }
    .assign-team-block .select2.select2-container {
        width: 100% !important;
    }

    .btn.board-icon-btn {
        height: 30px !important;
        min-height: 30px !important;
        padding: 8px 12px;
    }
    :is([data-layout=vertical],[data-layout=semibox]) .navbar-brand-box {
        display: block;
    }
    a.logo.logo-light.main-logo--block span.logo-lg {
        display: block;
    }
    span.logo-lg {
        display: block;
        width: 150px;
        padding: 10px;
    }
    .navbar-brand-box.horizontal-logo {
        padding: 0;
    }
    .notify-view-btn {
        min-width: 45px;
    }
    .notif-page-item {
        padding: 10px 0px !important;
    }
}
@media (max-width: 576px) {
    .task-tab--history ul.nav.nav-tabs-custom.mbi-0 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        align-items: center;
        margin: 0;
    }
    .modal-dialog.modal-xl.ticket-modal-block {
        max-height: calc(100vh - 20px);
    }
}
@media (max-width:500px) {
    .filter-tab .btn.btn-md {
        margin: 0;
    }
}
@media (max-width:400px) {
    .btn:not(.btn-sm):not(.btn-xs):not(.btn-lg) {
        padding: 6px 10px;
    }
}
@media (max-width: 767px) {
    .fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button {
        padding: 8px 18px !important;
    }
    ul.nav.nav-tabs-custom.mbi-0 li.nav-item {
        width: 100%;
    }   
    .dash-card-header {
        padding: 16px;
    }
    .card-tasks, .card-animate {
        padding: 15px;
    }
    .card-animate .card-tasks--title {
        text-align: left;
    }
    .table-responsive.dashboard-task--list table.table.table-borderless  {
        width: 800px !important;
    }
    .manage-project table.table.table-borderless {
        width: 320px !important;
    }
    .manage-project-tags table.table.table-borderless {
        width: 450px !important;
    }
    table.table.admin-modal-table {
        width: 1000px;
    }
    table .link-no-line {
        width: 200px;
    }
    .modal {
        --vz-modal-width: 90%;
    }
    .due-date {
        width: 130px;
    }
    .toggle-task-sessions {
        padding: 2px !important;
        width: 60px !important;
    }
    .jt-title-text .ml-title {
        width: 100%;
    }
    .card-header-pt-0  {
        padding-top: 0;
    }
    .topbar-head-dropdown .topbar-badge {
        width: 25px;
        height: 25px;
        padding: 2px;
        font-size: 8px !important;
    }
}


/* select2 and the search box fill their cell */
/* .board-filterbar--page .select2-container,
.board-filterbar--page .search-box,
.board-filterbar--page .search-box .form-control {
    width: 100% !important;
} */

/* Clear button (shown only when filters are active) keeps its natural size */
/* .board-filterbar--page > div:has(#clearFiltersBtn) {
    width: auto !important;
} */
.tasks-box .avatar-group.quick-edit-trigger {
    min-width: auto;
}
.board-filterbar--page > div:has(.search-box) {
    min-width: 300px;
}

.activity-feed-card .badge {
    white-space: unset;
    height: auto;
    padding: 10px !important;
    border-radius: 14px;
}