:root {
    --header-height: 6rem;
    --top-header-height: 6rem;
}

.form-control[readonly] {
    color: #000;
}

.dark .revision-row {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.light .revision-row {
    --tw-bg-opacity: 0.3;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.revision-row {
    display: none;
}

.revision-row td {
    padding-left: 1.5rem;
}

.one-line-text {
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tippy-box[data-theme~='black'] .tippy-content {
    font-size: 12px;
}

.costing-sheet-pdf-div iframe {
    height: 100vh;
    width: 100%;
}

#pdf-placeholder {
    mix-blend-mode: multiply;
}

.select2-dropdown {
    z-index: 9999;
}

.card.sticky {
    z-index: 998;
    border-radius: 0;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.select2-search.select2-search--dropdown,
.select2-search__field {
    background: inherit;
}

.table-cells-paddding-min .table-th,
.table-cells-paddding-min .table-td {
    padding: 4px !important;
}

.table-cells-paddding-min .add-more-row .table-td {
    padding: 15px 4px !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}


.dark .clone-template {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.light .clone-template {
    background-color: #fff;
}

#scheduling-list-table .clone-template:hover,
#schedulingListDataTable .clone-template:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.dark .table-cells-paddding-min .remove-btn-div {
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.light .table-cells-paddding-min .remove-btn-div {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px) {

    .top-header {
        margin-left: 72px;
    }


    .truncate-name {
        display: inline-block;
        max-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .sub-sidebar:has(.extended) {
        width: 205px;
    }

    .content-wrapper:has(.extended) .page-content {
        margin-left: 205px;
        margin-top: -14px;
    }

    /* .main-headers.bg-white.px-6.py-2.border-b {
    margin-left: 274px;
} */

    .sub-sidebar.menu-hide:has(.extended) {
        width: 205px !important;
    }


    .sub-sidebar:has(.extended) {
        width: 205px;
    }

    /* .content-wrapper:has(.extended) .page-content {
            margin-left: 205px;
            margin-top: -14px;
        } */
    .md\:ml-0 {
        margin-left: 0px;
    }

    .md\:order-first {
        order: -9999;
    }

    .md\:mr-\[10rem\] {
        margin-right: 10rem;
    }

    .md\:w-1\/2 {
        width: 50%;
    }

    .md\:min-w-1\/2 {
        min-width: 50%;
    }

    .md\:w-1\/4 {
        width: 25%;
    }

    .md\:min-w-1\/4 {
        min-width: 25%;
    }

    .md\:w-1\/2 {
        width: 50%;
    }

    .md\:w-3\/4 {
        width: 75%;
    }

    .md\:min-w-3\/4 {
        min-width: 75%;
    }

    .md\:w-4\/5 {
        width: 80%;
    }

    .md\:min-w-4\/5 {
        min-width: 80%;
    }

    .md\:w-9\/10 {
        width: 90%;
    }

    .md\:min-w-9\/10 {
        min-width: 90%;
    }

    .md\:w-19\/50 {
        width: 95%;
    }

    .md\:min-w-19\/50 {
        min-width: 95%;
    }

    .md\:w-60 {
        width: 60%;
    }

    .md\:min-w-60 {
        min-width: 60%;
    }

    .md\:padding-left {
        padding-left: 4rem;
    }

    .md\:pl-20 {
        padding-left: 83px;
    }


    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
        grid-column: span 5 / span 5;
    }

    .md\:border-r {
        border-right-width: 1px;
    }

    .md\:pr-3 {
        padding-right: 0.75rem;
    }

    .md\:items-center {
        align-items: center;
    }

    .job-work-card,
    .other-cost-card,
    .total-cost-card {
        width: 50%;
    }
}


.error-border {
    border-color: red !important;
}

.add-more-btn {
    border-top: 1px solid #aaa;
    color: #5897fb;
    margin-top: 1px;
    font-size: 13px;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.mix-blend-lighten {
    mix-blend-mode: lighten;
}

.mix-blend-darken {
    mix-blend-mode: darken;
}

#file-preview img,
.secondary-file-preview img {
    height: 6rem;
    width: 6rem;
}

.file-preview img {
    height: 3rem;
    width: auto;
}

.input-success {
    color: green !important;
}


.dimension-box {
    --tw-border-opacity: 1;
    border: 1px solid;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    border-radius: 8px;
}

.dimension-box .form-control {
    border: none;
    border-radius: 0;
    text-align: center;
}

.dimension-box .input-area {
    position: relative;
}

.dimension-box .form-control:focus {
    --tw-ring-shadow: unset;
}

.dimension-box .input-area:last-child .multiplication-sign {
    display: none;
}

/*
.dimension-box .input-area:first-child .form-control {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.dimension-box .input-area:last-child .form-control {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
} */

.dimension-box input::placeholder {
    text-align: center;
}

.multiplication-sign {
    position: absolute;
    top: -4px;
    right: 0;
    transform: translate(0px, 8px);
    z-index: 99;
}


@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute;
    }

    .lg\:w-1\/2 {
        width: 50%;
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:col-span-5 {
        grid-column: span 5 / span 5;
    }

    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .lg\:w-60 {
        width: 60%;
    }

    .lg\:w-60 {
        width: 60%;
    }

    .lg\:pl-40 {
        padding-left: 10rem;
    }

    .lg\:pl-20 {
        padding-left: 83px;
    }
}

@media (max-width: 767px) {
    .sub-sidebar:has(.extended) {
        width: 205px;
    }

    .content-wrapper:has(.extended) .page-content {
        margin-left: 205px;
        margin-top: -30px;
    }

    .sidebar-wrapper.sub-sidebar.group {
        margin-top: 70px;
    }


    .sub-sidebar.menu-hide:has(.extended) {
        width: 205px !important;
    }


    .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .sm\:order-last {
        order: 9999;
    }

    .sm\:border-b {
        border-bottom-width: 1px;
    }

    .sm\:pb-3 {
        padding-bottom: 0.75rem;
    }

    .sm\:pl-4 {
        padding-left: 1rem;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:flex-col {
        flex-direction: column;
    }

    .sm\:gap-none {
        gap: 0;
    }
}

.danger-progress {
    color: red;
    border-color: red;
}

.info-progress {
    color: orange;
    border-color: orange;
}

.success-progress {
    color: green;
    border-color: green;
}

.font-size-10px {
    font-size: 10px;
    line-height: normal;
}

.font-size-12px {
    font-size: 12px;
    line-height: normal;
}

.font-size-15px {
    font-size: 15px;
    line-height: normal;
}

.pr-0 {
    padding-right: 0 !important;
}


.dataTables_wrapper .min-w-full {
    position: relative;
    max-height: calc(100vh - var(--header-height) - var(--top-header-height));
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: none;
    /* Firefox: hide scrollbars by default */
    transition: scrollbar-color 0.3s;
}

.dataTables_wrapper .min-w-full::-webkit-scrollbar {
    height: 0;
    width: 0;
    background: transparent;
    transition: height 0.3s;
}

.dataTables_wrapper .min-w-full:hover {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.dataTables_wrapper .min-w-full:hover::-webkit-scrollbar {
    height: 8px;
    background: #f1f5f9;
}

.dataTables_wrapper .min-w-full:hover::-webkit-scrollbar-thumb:horizontal {
    background: #cbd5e1;
    border-radius: 4px;
    transition: background 0.3s;
}

.dataTables_wrapper .min-w-full:hover::-webkit-scrollbar-thumb:horizontal:hover {
    background: #94a3b8;
}

.offcanvas .dataTables_wrapper .min-w-full {
    position: relative;
    max-height: 80vh;
    overflow: auto;
}

.offcanvas-body .dataTables_wrapper .min-w-full {
    max-height: 80vh;
}

.dark .dataTable thead.shadowed,
.dark .dataTable thead:not([class]) {
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
}

.light .dataTable thead.shadowed,
.light .dataTable thead:not([class]) {
    background-color: #fff;
}

.dataTable thead {
    position: sticky;
    top: -1px;
    z-index: 1;
}

.shadowed {
    box-shadow: 0px 2px 20px 4px rgba(0, 0, 0, 0.1);
}

.dataTables_wrapper ::-webkit-scrollbar {
    width: 0;
}

.dataTables_wrapper ::-ms-scrollbar {
    width: 0;
}

table.dataTable>thead .sorting,
table.dataTable>thead .sorting_asc,
table.dataTable>thead .sorting_desc,
table.dataTable>thead .sorting_asc_disabled,
table.dataTable>thead .sorting_desc_disabled {
    cursor: pointer;
}

/* table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    right: 0.7em;
    content: "↑";
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    right: 0em;
    content: "↓";
}


table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    display: block;
    opacity: .3;
}

table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after {
    opacity: 1;
} */

/* table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after{
    position: absolute;
    bottom: 50%;
    right: 1em;
    transform: translateY(50%);
    display: block;
    opacity: .3;
} */

table.dataTable>thead .sorting_desc:after {
    content: url('../images/icon/download-arrow.svg');
    margin-left: 8px;
}

table.dataTable>thead .sorting_asc::after {
    content: url('../images/icon/upward-arrow.svg');
    margin-left: 8px;
}

/* .apexcharts-canvas {
    margin-top: 1rem
} */

.setChartOfTopMargin .apexcharts-canvas {
    margin-top: 0rem !important;
}

table button.text-primary-500.font-semibold {
    text-align: left;
}

.items-baseline {
    align-items: baseline;
}

.h-fit {
    height: fit-content;
}

.w-fit {
    width: fit-content !important;
}

.h-\[50vh\] {
    height: 50vh;
}

.btn-extra-small {
    padding: 2px 8px !important;
    font-size: 12px;
}


.dt-hasChild.shown,
.dt-hasChild.shown:hover {
    background-color: #cae1ff;
}

.dark .dt-hasChild.shown,
.dark .dt-hasChild.shown:hover {
    background-color: #887366;
}

#loader,
#custom-loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5)
}

.dark #loader {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.semiDark .page-content,
.semiDark body {
    background-color: #fff;
}

.semiDark .card {
    border: 1px solid #E5E7EB;
}

.semiDark .app-header {
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2) !important;
    position: relative;
}

.semiDark #sidebar_type,
.semiDark .sidebarDotIcon {
    color: #fff !important;
}

.dataTables_empty {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
}

.select2-option-content,
.select2-search,
.select2-selection__rendered,
.select2-results__option,
.form-control {
    font-size: 12px;
}

.select2-selection.select2-selection--multiple {
    min-height: 2.1rem;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
}

.bg-light-orange {
    background-color: #FDF9EA;
}

.border-light-orange {
    border-color: #FDF7EA;
}

.border-light-orange-200 {
    border-color: #F2CE98;
}

.bg-light-orange-200 {
    background-color: #F2CE98;
}

.bg-light-red {
    background-color: #FDF2F2;
}

.bg-dark-green {
    background-color: #0E9F6E;
}

/* Costing Sheet */

.input-area label {
    font-size: 12px;
    /* font-family: Apercu; */
    --form-font-family: var(--font-default);
}

.bg-light-blue,
.hover\:bg-light-blue:hover {
    background-color: #EBF5FF;
}

.border-light-blue {
    border-color: #EBF5FF;
}

.alert-light-blue {
    background-color: #DEEDFF;
}

.borderlight-blue {
    border-color: #C3DDFD;
}

.theme-bg-color {
    background-color: #F3F4F6;
}

.card .dataTables_wrapper .min-w-full {
    border-radius: 12px 12px 0 0;
    width: auto !important;
}

/* .buttons-excel {
    display: none;
} */

.min-h-auto {
    min-height: auto !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #e2e5ef;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e2e5ef;
}

.text-yellow {
    color: #9F580A;
}

.commentContent li::before {
    width: 8px;
    height: 8px;
    left: -5px !important;
    background-color: #0E9F6E;
}

#commentForm {
    padding-top: 20px;
}

.auto-resize-textarea {
    width: 100%;
    overflow: hidden;
    resize: none;
}

/* Toaster */

/* .close-jq-toast-single {
    top: 10px;
    font-size: 25px;
}

.jq-icon-success {
    --tw-bg-opacity: 1;
    background-color: rgb(80 199 147 / var(--tw-bg-opacity))
} */

/* Toaster */

.form-control {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    color: black;
}

select,
input,
.select2-container .select2-selection--single {
    border-radius: 8px !important;
}

.select2-container .select2-selection--single {
    height: 35px;
}

.checkbox-area input+span {
    border-radius: 6px;
    width: 20px;
    height: 20px;
    background-color: #fff;
}

.bg-light-green {
    background-color: #DEF7EC;
}

.bg-light-gray {
    background-color: #F9FAFB;
}

.min-h-140 {
    min-height: 140px;
}

.min-h-180 {
    min-height: 180px;
}

.min-h-143 {
    min-height: 143px;
}

.min-h-53 {
    min-height: 53px;
}

/* Sample Submission */
.sample_form tr th {
    padding: 10px 5px;
}

.max-w-80 {
    max-width: 80px;
    width: 80px;
}

.max-w-160 {
    max-width: 160px;
    width: 160px;
}

.max-w-180 {
    max-width: 180px;
    width: 180px !important;
}

.max-w-40 {
    max-width: 40px;
    width: 40px;
}

.max-w-30 {
    max-width: 30px;
    width: 30px;
}

.max-w-20 {
    max-width: 20px;
    width: 20px;
}

.max-w-200 {
    max-width: 200px;
    width: 200px;
}

.max-w-250 {
    max-width: 250px;
    width: 250px;
}

.max-w-100 {
    max-width: 100px;
    width: 100px !important;
}

.max-w-120 {
    max-width: 120px;
    width: 120px !important;
}

.max-w-50 {
    max-width: 50px;
    width: 50px;
}

.max-w-10 {
    max-width: 15px;
    width: 15px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .max-w-80 {
        max-width: 100%;
        width: auto;
    }

    /* .main-headers.bg-white.px-6.py-2.border-b {
    margin-left: 274px;
} */

    .max-w-160 {
        max-width: 100%;
        width: auto;
    }

    .max-w-40 {
        max-width: 100%;
        width: auto;
    }

    .max-w-30 {
        max-width: 100%;
        width: auto;
    }

    .max-w-20 {
        max-width: 100%;
        width: auto;
    }

    .max-w-50,
    .max-w-10 {
        max-width: 100%;
        width: auto;
    }
}

.text-black {
    color: #000;
}

.ajax-data-table-costing-sheet {
    /* color: #787c81; */
}

.btn-custom-gray {
    color: #1F2A37;
    background-color: #F3F4F6;
    border: 1px solid #9CA3AF;
    padding: 5px 20px;
}

.form-table .form-control,
.form-table .select2-selection {
    border: none !important;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-radius: 0 !important;
}

.form-table .form-control:focus {
    --tw-ring-shadow: unset;
}

.form-table .select2-container .select2-selection--single {
    height: fit-content;
}

/* .form-table .table-td:focus-within {
    outline: 1px solid #000;
} */

.form-table .table-th {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.form-table .table-td {
    padding: 0;
}

.resize-handle-top {
    width: 100%;
    height: 16px;
    background: #ddd;
    cursor: ns-resize;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.resize-handle-top::after {
    position: absolute;
    left: 49%;
    transform: rotate(90deg);
    display: inline-block;
    width: 2em;
    height: 1em;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M768 2048V0h128v2048zM1152 0h128v2048h-128z'/%3E%3C/svg%3E");
}

button:disabled {
    cursor: no-drop;
}

.slider .owl-nav {
    top: 3%;
}

.top-49 {
    top: 49px;
}

.projectHeadTab a.active {
    color: #1A56DB;
    font-weight: 600;
    border-bottom: 2px solid #1A56DB;
}

.bg-white-input {
    background-color: #fff !important;
}

.table-th.text-center {
    text-align: center;
}


table.dataTable {
    width: 100% !important;
}

.gauge-overdue {
    background-color: #c41515 !important;
    border-color: #c41515 !important;
}

.gauge-due {
    background-color: #ff2d2d !important;
    border-color: #ff2d2d !important;
}

.gauge-warning {
    background-color: #d9a516 !important;
    border-color: #d9a516 !important;
}

.gauge-valid {
    background-color: #4f9d03 !important;
    border-color: #4f9d03 !important;
}

.gauge-overdue-table {
    color: #c41515 !important;
    /* font-family: Apercu; */
    --form-font-family: var(--font-default);
}

.gauge-due-table {
    color: #ff2d2d !important;
    /* font-family: Apercu; */
    --form-font-family: var(--font-default);
}

.gauge-warning-table {
    color: #d9a516 !important;
    /* font-family: Apercu; */
    --form-font-family: var(--font-default);
}

.gauge-valid-table {
    color: #4f9d03 !important;
    /* font-family: Apercu; */
    --form-font-family: var(--font-default);
}

.attachments-box img {
    width: 5rem;
    height: 5rem;
    object-fit: cover;
    object-position: center;
}

/* .white-space-remove{
    white-space: normal !important;
} */
.whiteSpaceDataTable td {
    white-space: normal !important;
}

.partWithoutBomAlert p {
    font-size: 14px;
    color: #403b26;
    text-decoration: none;
    font-weight: 300;
}

.partWithoutBomAlert {
    background: #f9e490;
}

.partAlertIcon {
    color: #f7a619;
}

.partWithoutBomAlert b {
    font-size: 16px;
}

.login-left-column img {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.login-right-column {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.selectedProvider {
    text-transform: lowercase;
}

.min-w-250 {
    min-width: 250px;
}

.custom-login-btn {
    border: 1px solid #ddd8d8;
    border-radius: 4px;
    padding: 9px 15px;
    /* font-family: Apercu; */
    --form-font-family: var(--font-default);
    font-weight: 500;
    font-size: 13px;
    color: #3f4347;
    letter-spacing: 0.3px;
}

.full-shadow-r {
    box-shadow: 0 2px 12px 0 #d7d5e2;
}

.canvas-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
}

.hover\:min-w-220:hover {
    min-width: 210px;
}

.group:hover .group-hover\:block {
    display: block;
}

.canvas-sidebar-content {
    margin-left: 52px;
}

.right-arrow-box {
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.max-h-\[320px\] {
    max-height: 320px;
}

.grabber-icon {
    cursor: grab;
}

.hover\:border-primary-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(26, 86, 219, var(--tw-border-opacity));
}

.arrow-steps {
    display: flex;
}

.arrow-steps .step {
    width: 100%;
}

.arrow-steps:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.arrow-steps .step {
    font-size: 12px;
    text-align: center;
    color: #666;
    margin: 0px 1px;
    padding: 5px 5px 5px 25px;
    min-width: auto;
    position: relative;
    background-color: #e2e8f0;
    transition: all 0.3s ease;
}

.arrow-steps .step:not(:last-child):after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 100%;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 17px solid #e2e8f0;
    z-index: 1;
    transition: all 0.3s ease;
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 17px solid #fff;
    z-index: 0;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.arrow-steps .step:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.arrow-steps .step.current,
.arrow-steps .step.done {
    color: #1A56DB;
    background-color: #DEEDFF;
}

.arrow-steps .step.current:not(:last-child):after,
.arrow-steps .step.done:not(:last-child):after {
    border-left: 17px solid #DEEDFF;
}

.arrow-steps .step:hover {
    color: #1A56DB;
    background-color: #DEEDFF;
}

.arrow-steps .step:hover:not(:last-child):after {
    border-left: 17px solid #DEEDFF;
}

.arrow-steps .step span {
    display: block;
    width: 90%;
}

.last-stages-inputs span {
    top: 5px;
    right: 5px;
}

.last-stages-inputs input {
    padding-right: 6rem;
}

.custom-grouped-buttons button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.custom-grouped-buttons button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.static-offcanvas+.offcanvas-backdrop.fade.show {
    pointer-events: none;
}

.ck-editor__editable {
    min-height: 400px;
}

#add-note-form .offcanvas {
    border-top-left-radius: 6px;
    height: 80vh;
}

.-mt-1 {
    margin-top: -1rem;
}

.-mx-1 {
    margin-left: -1rem;
    margin-right: -1rem;
}

.note-grouped-btns {
    opacity: 0;
    transition: all 0.3s ease;
}

.single-note-box:hover .note-grouped-btns {
    opacity: 1;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.block-ellipsis {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.note-content-box {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.note-content-box.expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

#send-mail-form .form-control:not(select),
.input-border-none-offcanvas .form-control:not(select) {
    border: none;
}

#send-mail-form .form-control:focus:not(select),
.input-border-none-offcanvas .form-control:focus:not(select) {
    outline: 0;
    --tw-ring-opacity: 0;
}

.email-badge-input {
    width: fit-content;
}

.form-label.w-auto.margin-none {
    width: auto;
    margin: 0;
}

.error-outline {
    outline: 1px solid red !important;
}

.error-outline:focus {
    outline: none !important;
}

/* 8 Apr By Ravi */
.datatable-footer-custom {
    transform: translateY(100%);
}

.truncate-name {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.sub-sidebar:has(.extended) {
    width: 205px;
}

.content-wrapper:has(.extended) .page-content {
    margin-left: 205px;
    margin-top: -16px;
}

.main-headers.bg-white.px-6.py-2.border-b {
    margin-left: 274px;
}

.sub-sidebar.menu-hide:has(.extended) {
    width: 205px !important;
}

.filter.btn.btn-sm:active{
stroke: white;
   }