[data-bs-theme=dark] {
    /* ================= Start:- Common ================= */

    html, body {
        background-color: var(--bs-body-bg);
    }


    footer {
        background-color: #141414;
    }

    .bg-light {
        background-color: #070707 !important;
    }

    .bg-dark-badge {
        color: #0d0d0e;
        background-color: #f1f1f1;
    }

    .btn-main {
        color: #ffffff !important;
        background-color: #070707 !important;
        box-shadow: 2px 2px 8px #1f1f1f;
    }

    .btn-main:hover,
    .btn-main:focus {
        box-shadow: 2px 2px 8px #1f1f1f23;
    }

    .btn-main-1 {
        color: #ffffff !important;
        background-color: #797ff2 !important;
        box-shadow: 2px 2px 8px #b4b3b3;
    }

    .btn-main-1:hover,
    .btn-main-1:focus {
        background-color: #5860f5 !important;
        box-shadow: 2px 2px 8px #d4d4d4;
    }

    .btn-main-2 {
        color: #ffffff !important;
        background-color: #117DBF !important;
        box-shadow: 2px 2px 8px #003d64ad;
        ;
    }

    .btn-main-2:hover,
    .btn-main-2:focus {
        background-color: #1a90da !important;
        box-shadow: 2px 2px 8px #03335000;
    }

    .btn-main-3 {
        color: #ffffff !important;
        background-color: #797979 !important;
        box-shadow: 2px 2px 8px #181818;
    }

    .btn-main-3:hover,
    .btn-main-3:focus {
        box-shadow: 2px 2px 8px #3232321c;
    }

    .btn-main-4 {
        color: #000000 !important;
        background-color: #dddddd !important;
        box-shadow: 2px 2px 8px #b4b3b3;
    }

    .btn-main-4:hover,
    .btn-main-4:focus {
        box-shadow: 2 5px 8px #d4d4d4;
    }

    .btn-main-5 {
        color: #ffffff !important;
        background-color: #2cdea5 !important;
        box-shadow: 2px 2px 8px #2cdea67c;
    }

    .btn-main-5:hover,
    .btn-main-5:focus {
        box-shadow: 2px 2px 8px #61e6bc31;
    }

    .btn-main-6 {
        color: #ffffff !important;
        background-color: #ff0000 !important;
        box-shadow: 2px 2px 8px #6100007d;
    }

    .btn-main-6:hover,
    .btn-main-6:focus {
        box-shadow: 2px 2px 8px #61000008;
    }

    .btn-main-7 {
        color: #ffffff !important;
        background-color: #18b44f !important;
        box-shadow: 2px 2px 8px #0034128f;
    }

    .btn-main-7:hover,
    .btn-main-7:focus {
        background-color: #07a13d !important;
        box-shadow: 2px 2px 8px #00341211;
    }

    .btn-outline-dark {
        color: #f1f1f1;
        background-color: #1f1f1f !important;
    }

    .btn-outline-dark:hover,
    .btn-outline-dark:focus {
        background-color: #0c0c0c !important;
    }

    .btn-headJCard {
        width: 100%;
        height: 100%;
        padding: 0.7rem;
        /* color: #0c0c0c !important; */
        color: #ffffff !important;
        font-size: 14px;
        font-weight: 500;
        background-color: #616161;
        border: 2px solid #0c0c0c;
        box-shadow: 2px 2px 8px #292929;
    }

    .btn-headJCard:hover,
    .btn-headJCard:focus,
    .jCard-activeMenu {
        background-color: #0c0c0c;
        box-shadow: 2px 2px 8px #2929294e;
    }


    .breadcrumb-item a {
        color: #1a90da !important;
    }

    a:link,
    a:hover,
    a:visited,
    a:active {
        color: #f1f1f1;
        text-decoration: none;
        outline: 0 !important;
    }

    /* ================= Start:- login ================= */


    .login-body {
        border-color: #414141;
        box-shadow: 2px 5px 8px #414141;
        background-color: #343434;
    }

    .crow-t-1 {
        background-color: #313131;
    }


    .container-fluid>.drow-t-1:nth-child(even) {
        background-color: #444444;
        -webkit-transition: .6s;
        transition: .6s;
    }

    .container-fluid>.drow-t-1:nth-child(odd) {
        background-color: #535353;
        -webkit-transition: .6s;
        transition: .6s;
    }

    .container-fluid>.drow-t-1:hover {
        background-color: #313131;
    }

    .drow-t-1 {
        border-left: 1px solid #313131;
        border-bottom: 1px solid #313131;
        border-right: 1px solid #313131;
    }

    /* ================= Start:- A-core ================= */

    .content-container>div {
        border: 6px;
        background-color: #242424;
    }


    /* ================= Start:- Nav ================= */

    .a-navbar {
        background-color: var(--bs-body-bg);
        box-shadow: 0 3px 4px #1c1c1c;
    }


    .btn-nicon {
        background-color: #696969;
        box-shadow: 2px 3px 5px #222;
    }

    .btn-nicon svg {
        fill: #f1f1f1 !important;
    }

    .btn-nicon:hover,
    .btn-nicon:focus {
        background-color: #454545;
        box-shadow: 2px 3px 3px #030303;
    }

    .a-navbar .dropdown-menu {
        min-width: 300px;
        padding: 8px;
        margin-top: 10px;
        border-radius: 10px;
        box-shadow: 0px 2px 8px #131313 !important;
    }

    .a-navbar .dropdown .dropdown-item {
        padding: 10px;
        display: flex;
        -ms-flex-align: center !important;
        align-items: center !important;
        font-size: 14px;
        color: #ffffff !important;
    }

    .a-navbar .dropdown .dropdown-item:hover,
    .a-navbar .dropdown .dropdown-item:focus {
        border-radius: 3px;
        background-color: #545353;
        box-shadow: 0px 2px 5px #1b1818 !important;
    }

    .dropdown-custom .dropdown-menu {
        min-width: 300px;
        padding: 8px;
        margin-top: 10px;
        border-radius: 10px;
        box-shadow: 0px 2px 8px #131313 !important;
    }

    .dropdown-custom .dropdown-item {
        padding: 10px;
        display: flex;
        -ms-flex-align: center !important;
        align-items: center !important;
        color: #ffffff;
        font-size: 14px;
    }

    .dropdown-custom .dropdown-item:hover,
    .dropdown-custom .dropdown-item:focus {
        border-radius: 3px;
        color: #ffffff;
        background-color: #545353;
        box-shadow: 0px 2px 5px #1b1818 !important;
    }

    /* Start: side-nav */

    .side-nav .module-info a {
        color: #f1f1f1 !important;
    }

    .navi {
        width: 100%;
        height: 73%;
        padding-top: 5px;
        background-color: inherit;
        overflow: auto !important;
    }

    .navi-controls {
        display: none;
    }

    .navi .accordion .card,
    .navi .accordion .card-header {
        border-radius: 0px !important;
        border-color: transparent !important;
    }

    .navi .accordion .card .card-header {
        padding: 0px;
        background-color: inherit !important;
    }

    .navi .card-header button:after {
        margin-top: 2%;
        content: "\f106";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 14px;
        float: right;
    }

    .navi .card-header button.collapsed:after {
        content: "\f107";
    }

    .navi .card-body {
        padding: .5rem 0rem .5rem .5rem !important;
    }

    .navi .btn.m-head {
        border-radius: 3px;
        padding: 14px 8px !important;
        color: #ffffff !important;
        font-size: 17px;
        font-weight: 500;
        background-color: #2b4452;
    }

    .navi .btn.m-head:hover,
    .navi .btn.m-head:focus {
        color: #ffffff !important;
        background-color: #169ef2;
    }

    .navi .btn.m-head-active {
        color: #ffffff !important;
        background-color: #169ef2;
    }

    .navi .btn.m-head-no-permi {
        border-radius: 3px;
        padding: 14px 8px !important;
        color: #ffffff !important;
        font-size: 17px;
        font-weight: 500;
        background-color: #e10f0f;
    }

    .navi .btn.m-head-no-permi:hover {
        background-color: #ae0202;
    }

    .btn-navilinks {
        width: 100%;
        height: 100%;
        color: #d6d6d6 !important;
        font-size: 15px;
        font-weight: 500;
        text-align: left !important;
        text-transform: capitalize;
        background-color: inherit;
        -webkit-transition: .6s;
        transition: .6s;
    }

    .btn-navilinks .d-icon {
        display: none;
        float: right;
        -webkit-transition: .7s;
        transition: .7s;
    }

    .btn-navilinks:hover .d-icon {
        display: inline-block;
    }

    .btn-navilinks:hover,
    .s-head-active {
        color: #169ef2 !important;
    }

    .s-head-active .d-icon {
        display: inline-block;
    }

    .s-head-no-permi,
    .s-head-no-permi:hover,
    .s-head-no-permi:focus,
    .s-head-no-permi .d-icon {
        color: #e10f0f !important;
    }

    .navim-list .nav-item {
        padding: .5rem;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .navim-list .nav-item .btn {
        width: 100%;
    }

    .siden-mini {
        position: relative;
    }

    .siden-content {
        position: absolute;
        top: 0px;
        right: -10%;
    }


    /* End: side-nav */

    /* ================= Start:- DropZone ================= */

    .dropzone {
        min-height: 100% !important;
        border: 2px solid #000 !important;
        background-color: #1c1c1c !important;
    }

    .dz-message svg {
        fill: #ffffff !important;
    }

    .dropzone .dz-preview.dz-image-preview {
        background: #ffffff;
        border-radius: 20px !important;
    }

    .dropzone .dz-preview.dz-file-preview .dz-image {
        border-radius: 20px;
        background: #ffffff;
        background: linear-gradient(to bottom, #fff, #f2f2f2) !important;
    }

    /* ================= Start:- Estimate ================= */

    /* ================= Start:- DashM ================= */

    .dash-info-c1 {
        border-radius: 5px;
        background-color: #4d4d4d;
        box-shadow: 2px 2px 5px #161414;
    }

    .module-card {
        height: 100%;
        min-height: 140px;
        border-radius: 10px;
        background-color: #3A9BD7;
        color: #000000 !important;
        box-shadow: 2px 5px 8px #001827;
        cursor: pointer;
        -webkit-transition: .3s;
        transition: .3s;
        position: relative !important;
    }

    .module-card:hover {
        box-shadow: 2px 5px 8px #00182728;
    }

    .estimate-item-type {
        width: 100%;
        height: auto;
        padding: 1rem;
        border-radius: 10px;
        background-color: #2b4452;
        text-align: center;
        font-size: 1.2rem;
        font-weight: 700;
        cursor: pointer;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .estimate-item-type:hover,
    input[name=estimateItemType]:checked+.estimate-item-type {
        color: #f0f0f0;
        background-color: #117DBF;
    }

    .brace-line-td {
        border-right: 2px solid hsl(0, 0%, 75%);
    }

    .brace-arrow-td span {
        background-color: hsl(0, 0%, 75%);
    }

    .curly-brace {
        border: 2px solid hsl(0, 0%, 75%);
        border-left-color: transparent;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .curly-brace::after {
        background-color: hsl(0, 0%, 75%);
    }


    .estimate-row-heading,
    .estimate-row-category,
    .estimate-row-item,
    .estimate-row-item-group {
        border-bottom: 1px solid #495057;
    }

    .estimate-row-heading {
        background-color: hsl(0, 0%, 10%);
    }

    .estimate-row-category {
        background-color: hsl(0, 0%, 15%);
    }

    .estimate-container .estimate-row-item:nth-child(odd) {
        background-color: hsl(0, 0%, 25%);
    }

    .estimate-container .estimate-row-item:nth-child(even) {
        background-color: hsl(0, 0%, 20%);
    }

    .estimate-row-item:last-child {
        border-bottom: none;
    }

}