:root {
    --primary-color: #1C5E6C;
    --navbar-color: #1C5E6C;
    --white-color: #fff;
    --button-color: #0E449B;
    --footer-color: #002157;
    --viewbtn-color: #31D2F2;
    --sharebtn-color: rgb(0, 85, 205);
    --workorderbtn-color: rgb(126, 88, 200);
    --managebillbtn-color: rgb(1, 111, 1);
    --infobtn-color: #2a8ca2;
}

.error {
    color: red;
}

.color_box_pb {
    height: 50px;
    width: 50px;
    background-color: #2d4859;
    color: #2d4859;
    /*margin-left: 60px;*/
}

.color_box_deputy {
    height: 50px;
    width: 50px;
    background-color: #fe7211;
    color: #fe7211;
    /*margin-left: 50px;*/
}

.color_box_tczp {
    height: 50px;
    width: 50px;
    background-color: #7ad689;
    color: #7ad689;
    /*margin-left: 40px;*/
}

.color_box_tctaluka {
    height: 50px;
    width: 50px;
    background-color: #128376;
    color: #128376;
    /*margin-left: 30px;*/
}

.color_box_azp {
    height: 50px;
    width: 50px;
    background-color: #8598c5;
    color: #8598c5;
    /*margin-left: 71px;*/
}

.color_box_ataluka {
    height: 50px;
    width: 50px;
    background-color: #3d177a;
    color: #3d177a;
    /*margin-left: 62px;*/
}

/* Dropdown Menu */
.nav {
    font-size: 12.63px;
}

.dropdown-menu {
    margin: 0px !important;
}

.dropdown-menu>li>a {
    /* padding: 1px 8px;
    width: 100%;
    display: block;
    text-decoration: none;
    color: #2d2b2b; */
}

.dropdown-menu>li.kopie>a {
    padding-left: 5px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: 4px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #555;
}

ul.nav li:hover>ul.dropdown-menu {
    display: block;
}

/* End Dropdown Menu */
.act-btn {
    height: 30px;
    margin: 3px 1px;
}

.card {
    border-radius: 10px;
    padding: 15px;
    background-color: var(--white-color);
    border: none;
}

.border-radius {
    border-radius: 5px;
}

.border-gray {
    border: 1px solid #ddd;
}

.border-primary {
    border: 1px solid #128376;
}

.text-new {
    color: #233340 !important;
}

.text-new h5 {
    font-size: 17px !important;
    font-weight: 600;
}

.other-menu::before {
    content: "";
    background-image: url(../img/ico_menu.png);
    height: 18px;
    width: 18px;
    background-size: contain;
    display: block;
}

.shadow {
    box-shadow: 0px 6px 8px 0px #0000001a !important;
}

header .dropdown-menu {
    border-radius: 5px;
    box-shadow: 2px 8px 10px 0px #00000040 !important;
    /* top:82% !important; */
    font-size: 14px;
}

/* header  .dropdown-menu li:first-child a:hover{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
header  .dropdown-menu li:last-child a:hover{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} */
.dropdown-menu>li>a {
    color: #333333;
}

.navbar-top-links>li>a {
    font-size: 14px;
    text-decoration: none;
}

.img-box {
    height: 45px;
    width: 45px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 4px;
}

.left-menu li a {
    font-weight: 500;
}

.radious-box {
    background: var(--white-color);
    border: 1px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.profiles #dropdown-user>.dropdown-toggle img {
    transform: translateY(1px) !important;
}

/*=================================== common css ===================================*/

.f_15 {
    font-size: 15px !important;
}

.lineh-auto {
    line-height: inherit !important;
}

.h-40 {
    height: 40px !important;
}

.h-45 {
    height: 45px !important;
}

.h-58 {
    height: 58px !important;
}

/* padding */
.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.border-radius {
    border-radius: 100%;
}

/*width -css */
.w-100 {
    width: 100% !important;
}

/*chart -css */
.full-width-chart .apexcharts-svg,
.full-width-chart .apexcharts-canvas {
    width: 100% !important;
}

.card-bottom-radious {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.card-top-radious {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

table {
    -moz-border-radius: 5px !important;
    /* border-collapse: separate !important; */
    border-radius: 6px;
    /* border: 2px solid #E0E0E0 !important; */
    border-spacing: 0;
}

th:first-of-type {
    border-top-left-radius: 5px;
}

th:last-of-type {
    border-top-right-radius: 5px;
}

tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 5px;
}

tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 5px;
}

table tbody tr:nth-child(odd) {
    background-color: #eff3f9 !important;
}

table.sub-table thead>tr {
    background-color: #415f70 !important;
    color: var(--white-color) !important;
}

table.sub-table thead>tr>th {
    font-size: 14px;
    font-weight: 400;
}

.dataTables_wrapper .pagination {
    margin-top: 10px;
}

.pager li a,
.pager li strong,
.dataTables_wrapper .pagination li a {
    border: none !important;
    border-radius: 100%;
    font-weight: normal;
    height: 24px;
    width: 24px;
    font-size: 13px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 3px;
    color: #000000;
}

.pager li strong,
.pager li a:hover,
.dataTables_wrapper .pagination li.active a,
.dataTables_wrapper .pagination li a:hover {
    border-radius: 100%;
    background: #334b70 !important;
    color: var(--white-color) !important;
}

.page-item.active .page-link {
    background-color: var(--button-color) !important;
    border-color: var(--button-color) !important;
}

.page-link {
    color: #1b1c1d;
}

div.dt-scroll-body {
    border-bottom-color: var(--bs-border-color);
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.pager li a[rel="next"]:hover,
.pager li a[rel="prev"]:hover,
.dataTables_wrapper .pagination li.next a,
.dataTables_wrapper .pagination li.previous a,
.dataTables_wrapper .pagination li.next a:hover,
.dataTables_wrapper .pagination li.previous a:hover {
    background-color: transparent !important;
    color: #334b70 !important;
    border-radius: 0px;
    border: none !important;
    box-shadow: none;
}

.pager li a[rel="next"],
.pager li a[rel="prev"],
.dataTables_wrapper .pagination li.next a,
.dataTables_wrapper .pagination li.previous a {
    padding-right: 0px;
    width: auto !important;
}

.pager li a[rel="next"]::before,
.dataTables_wrapper .pagination li.next a::before {
    content: "Next";
    margin-left: 4px;
    margin-right: 2px;
}

.pager li a[rel="prev"]::after,
.dataTables_wrapper .pagination li.previous a::after {
    content: "Previous";
    margin-right: 4px;
    margin-left: 2px;
}

.btn {
    border-radius: 5px !important;
}

/*=================================== End Common Css ====================================*/
.chosen-container {
    margin-bottom: 0px !important;
}

.chosen-container-single .chosen-single {
    display: block !important;
    width: 100% !important;
    font-size: 15px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    -webkit-transition: border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s !important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

.chosen-container-active {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),
        0 0 8px rgb(102 175 233 / 60%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.dashboard-listing .col-md-2 {
    min-width: 19.3%;
}

.dashboard-listing .figur-img-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
    display: flex;
    align-items: center;
}

.dashboard-listing .figur-img-box {
    height: 150px;
    width: 150px;
    margin: 0px auto;
}

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

.mobile-table-responsive .dataTables_wrapper .row:nth-child(2) {
    overflow-y: auto;
}

/* estimate scheduleB view */
@media screen and (min-width: 320px) and (max-width:575px) {
    .scheduleb-btns {
        margin-top: 15px;
        gap: 8px;
    }
}

@media only screen and (min-width: 466px) {
    .pagin-row-flex {
        display: flex;
    }

    .pagin-row-flex>div {
        display: table-cell;
        width: 50%;
    }
}

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

    #bills-pie,
    #bills-pie .apexcharts-canvas,
    #bills-pie .apexcharts-canvas svg,
    #projects-count-pie,
    #projects-count-pie .apexcharts-canvas,
    #projects-count-pie .apexcharts-canvas svg {
        width: 320px !important;
        height: 320px !important;
        min-height: 320px !important;
    }

    #bills-pie .apexcharts-canvas,
    #bills-pie .apexcharts-canvas svg .apexcharts-inner,
    #projects-count-pie .apexcharts-canvas,
    #projects-count-pie .apexcharts-canvas svg .apexcharts-inner {
        transform: translate(-8px, 5px) !important;
    }

    #bills-pie .apexcharts-canvas text {
        transform: translate(38px, -5px);
    }

    #projects-count-pie .apexcharts-canvas text {
        transform: translate(-38px, 10px);
    }
}

/* dashboard */
@media (max-width: 561px) {
    .dashboard-pg .apexcharts-canvas svg {
        margin-top: 25px;
    }
}

@media (max-width: 575px) {
    .estimate-ssr {
        margin-top: 10px;
    }

    .rate_type_div {
        gap: 10px;
    }

    .panel-primary .document_type_div {
        gap: 10px;
    }

    /* estimate create */
    .estimate-add {
        margin-top: 15px;
    }
}

@media (max-width: 576px) {

    /* LeadStatement --> edit  */
    .lead-next {
        margin-bottom: 10px;
    }

    /* rate analysis */
    .rate-analysis .button-cofirm {
        margin-top: 12px;
    }

    .rate-download {
        margin-top: 10px;
    }
}

/* tender project */
@media (max-width: 768px) {
    .tenderproject .panel-body table {
        display: block;
        overflow-x: auto;
        flex-wrap: nowrap;

    }
}

@media screen and (max-width: 768px) {
    .map {
        margin-top: 20px;
    }
}

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

    /* For mobile phones: */
    .navbar-brand {
        width: 60px;
    }

    .navbar-header {
        float: left;
    }

    /* .top-menu-left>li:not(.main-toggle-menu) {
        display: none;
    } */

    .top-menu-left>li:first-child {
        width: 42px !important;
    }

    .top-menu-left>li {
        width: 100%;
    }

    ul.nav.pull-left {
        float: none !important;
    }

    ul.nav.profiles {
        position: absolute;
        z-index: 999;
        right: 0px;
        top: 1px;
    }

    .mb-md-2 {
        margin-bottom: 1.5em;
    }

    #container.mainnav-sm #navbar .navbar-content {
        margin-left: 10px !important;
    }

    /* .main-toggle-menu{
        display: none;
    } */
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #container.mainnav-sm #navbar .navbar-content {
        /* margin-left: 42px; */
        margin-left: 0px;
    }

    .mb-md-2 {
        margin-bottom: 1.5em;
    }

    .nav>li>a {
        padding: 4px 2px !important;
    }

    .top-menu-left>li:not(.main-toggle-menu) {
        display: none;
    }
}

@media (min-width: 992px) {
    .main-toggle-menu {
        display: none;
    }
}

@media (max-width: 992px) {
    .top-menu-left>li:not(.main-toggle-menu) {
        display: none;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .nav>li>a {
        padding: 12px 8px;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .chart_container {
        width: auto;
        height: 200px;
    }

    #expenditure_chart {
        width: 100% !important;
        height: 400px !important;
    }
}

@media only screen and (min-width: 903px) {
    .row-flex {
        display: flex;
    }

}


@media only screen and (min-width: 1300px) {
    .dashboard-listing .col-md-2:first-child {
        padding-left: 0px;
    }

    .dashboard-listing .col-md-2:last-child {
        padding-right: 0px;
    }
}


@media (max-width: 1400px) {
    .dashboard .info-card {
        margin-bottom: 20px;
    }
}







/* new css */
.view-btn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.form-group {
    margin-bottom: 10px;
}

.control-label {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 14px;
}

.bg-success-highlight {
    background-color: #9cc96b;
    color: var(--white-color);
}

.menu-btn {
    font-size: 12px;
    font-weight: 600;
}

.forward-modal {
    background-color: #5964b3;
    color: var(--white-color);
}

.btn-submit {
    background: #ddc404 !important;
    color: var(--white-color);
    text-decoration: none;
}

.btn-submit:hover {
    background: #ceb604 !important;
    color: var(--white-color);
    text-decoration: none;
}

.btn-reject {
    background: #cd5757 !important;
    color: var(--white-color);
}

.btn-reject:hover {
    background: #cd5757 !important;
    color: var(--white-color);
    text-decoration: none !important;
}

.btn-editproject {
    background-color: #3c7392 !important;
    color: var(--white-color);
}

.btn-editproject:hover {
    background-color: #356581 !important;
    color: var(--white-color);
}

.modal-title {
    font-size: 18px;
    /* font-weight: 300; */
}

.forward-modal {
    background-color: #5964b3;
    color: var(--white-color);
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.btn-trans {
    background: transparent !important;
}

.editor-main .ck-editor {
    position: relative;
    flex: 0 0 100%;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: var(--white-color);
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.panel-primary .panel-heading,
.panel-primary .panel-footer,
.panel-primary.panel-colorful {
    background-color: var(--navbar-color);
    border-color: var(--navbar-color);
    color: var(--white-color);
}

.nav-tabs {
    border: none !important;
    background-color: #ebedef !important;
    height: 40px;
    align-items: center;
}

.tab-padding {
    padding: 0px;
}

.tab-padding {
    padding: 11px 22px !important;
    text-decoration: none;
    color: #555555;
}

.tab-padding.active {
    border: 0.8px solid #ebedef;
}

.btn-purple,
.btn-purple:focus,
.btn-hover-purple:hover,
.btn-hover-purple:active,
.btn-hover-purple.active,
.btn.btn-active-purple:active,
.btn.btn-active-purple.active,
.dropdown.open>.btn.btn-active-purple,
.btn-group.open .dropdown-toggle.btn.btn-active-purple {
    background-color: var(--navbar-color) !important;
    border-color: var(--navbar-color) !important;
    color: var(--white-color);
    margin-bottom: 3px;
}

.bg-primary {
    background-color: #5fa2dd !important;
    color: var(--white-color);
}

.btn {
    font-size: 14px;
}

.bg-info {
    background-color: #4ebcda !important;
}

.btn-purple:hover {
    color: var(--white-color);
}

.view-title {
    font-size: 20px;
}

.btn-close {
    font-size: 10px;
}

#footer {
    background: var(--navbar-color);
    position: fixed;
    bottom: 0px;
    z-index: 1;
    color: var(--white-color);
}

.form-control {
    min-height: 43px;
    /* line-height: 82px; */
}

.form-select {
    height: 43px;
}

.height-38px {
    height: 38px;
}

.btn-download {
    background-color: #7c7e7e;
    color: var(--white-color);
}

.btn-download:hover {
    color: var(--white-color);
}

.btn-remove {
    background: red;
    color: var(--white-color);
}

.btn-remove:hover {
    background: rgb(240, 3, 3);
    color: var(--white-color);
}

.btn-logs {
    background-color: #ebaa4b;
    color: var(--white-color);
}

.btn-logs:hover {
    background-color: #f0a22e;
    color: var(--white-color);
}

.btn-link {
    font-weight: 400;
    color: #337ab7 !important;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
}

.remove-add {
    height: 39px;
}

.chosen-container {
    width: 100% !important;
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>th.dt-ordering-asc,
table.dataTable thead>tr>th.dt-ordering-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc,
table.dataTable thead>tr>td.dt-ordering-asc,
table.dataTable thead>tr>td.dt-ordering-desc {
    position: relative;
    padding-right: 5px !important;
}

.btn-sanction {
    background-color: #7c7e7e;
    color: var(--white-color);
}

.btn-close {
    background: var(--white-color);
    font-size: 20px;
    padding: 0px 4px 4px !important;
    line-height: 0px;
    width: 20px !important;
    height: 20px !important;
}

input[type="file"]::file-selector-button {
    background-color: #157347;
    color: var(--white-color);
    padding: 9px 20px 12px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    line-height: 20px;
}

input[type="file"]::file-selector-button:hover {
    background-color: #145a32 !important;
}

.button-cofirm {
    height: 43px;
}

.bg-light-color {
    background-color: #d5f8ff;
}

#add_ssr_error_1_2021-2022 {
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Common Styling */
.panel {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none !important;
}

.panel-body {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.breadcrumb i {
    position: relative;
    top: -2px;
}



/* tender project pagination */
.dt-paging-button .page-link {
    z-index: 0 !important;
}

/* estimate page */
.estimate-documents-row {
    align-items: end;
}

.estimate-documents-row .btn-div {
    margin-bottom: 12px;
}

.estimate-intro-row {
    align-items: end;
}


/* Lead statement */
.lead-confirm {
    width: max-content;
}

/* rate analysis */
.rate-analysis .button-cofirm {
    width: max-content;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    text-wrap: wrap;
    line-height: normal;
}

@media (max-width: 384px) {
    .diff-rate {
        display: flex;
        flex-direction: column;
        text-wrap: wrap;
        width: min-content;
        padding: 5px 17px;
    }

    .rate-remove {
        display: flex;
        flex-direction: column;
        text-wrap: wrap;
        width: min-content;
    }
}

/* measurement */
.measurement-upload .panel-heading {
    display: flex;
    justify-content: left;
    align-items: center;
}

.measurement-upload .panel-title {
    padding: 5px 20px;
    line-height: normal;
    background-color: #5fa2dd;
    margin-bottom: 0px;
}

@media (max-width: 328px) {
    .measurement-upload .note {
        margin-top: 5px;
    }
}

.detailed-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}

/* viewSTEM */
.viewstem-year {
    align-content: end;
}

/* DTP Edit */
.dtp-security-div2 {
    align-items: end;
}

/* Add Tendor */
.addtender .tenderno {
    width: 140px;
}

@media (max-width: 768px) {
    .addtender .tenderno {
        width: 100%;
    }
}

/* tenderDetails */
#container .table-bordered th {
    padding-right: 30px !important;
}

/* Financial Bid */
.finbid-datetime {
    width: 173px;
    margin-left: 3%;
}

.finbid-date {
    width: 110px;
}

.finbid-upload {
    margin-bottom: 5px;
}

input[type="file"]::-webkit-file-upload-button {
    background-color: #dde0e3;
    color: black;
    cursor: pointer;
}

input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #dde0e3 !important;
    color: black !important;
}

/* projectlist */
.medpurple-btn {
    background-color: var(--workorderbtn-color);
}

.medpurple-btn:hover {
    background-color: var(--workorderbtn-color);
    color: var(--white-color);
}

.green-btn {
    background-color: var(--managebillbtn-color);
    color: var(--white-color);
}

.green-btn:hover {
    background-color: var(--managebillbtn-color);
    color: var(--white-color) !important;
}

.olive-btn {
    background-color: olive;
    color: var(--white-color);
}

.olive-btn:hover {
    background-color: rgb(111, 111, 1);
    color: var(--white-color);
}

.teal-btn {
    background-color: teal;
    color: var(--white-color);
}

.teal-btn:hover {
    background-color: rgb(1, 113, 113);
    color: var(--white-color);
}

.blue-btn {
    background-color: var(--sharebtn-color);
    color: var(--white-color);
}

.blue-btn:hover {
    background-color: rgb(2, 77, 183);
    color: var(--white-color);
}

.aqua-btn {
    background-color: var(--viewbtn-color);
    color: var(--white-color);
}

.aqua-btn:hover {
    background-color: #2ebfdc;
    color: var(--white-color);
}

.btn-fit a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    margin-top: 5px;
}

/* .view_project {
    float: right;
    color: #5FA2DD;
}
.view_tender {
    float: right;
    color: #5FA2DD;
} */

/* manual work order */
@media (max-width: 416px) {
    .manual-download {
        margin-top: 8px;
    }
}

/* manageBills */
@media (max-width: 400px) {
    .manage-head {
        overflow-x: scroll;
    }
}

@media (max-width: 870px) {

    .manage-billdetails,
    .manage-head {
        width: 100%;
    }
}

/* letters */
@media (max-width: 337px) {
    .pull-right {
        float: left;
        margin-top: 5px;
    }
}

.letters-closebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    padding-bottom: 7px !important;
}

/* Create letters */
@media (max-width: 576px) {
    .createletter-remark {
        width: 100%;
    }
}

.createletter-remark {
    max-width: 100%;
}

/* edit complete */
@media screen and (min-width: 320px) and (max-width:575px) {
    .enter-form-control {
        width: auto !important
    }
}

@media screen and (min-width: 320px) and (max-width:450px) {
    .nav>li>a {
        padding: 4px 2px !important;
    }

    .nav>li>a i {
        padding-right: 3px !important;
    }

    .navbar-content {
        padding: 0 2px !important;
    }

    .username {
        margin: 0 7px;
    }
}




/* editTS  */
.sanction-rs {
    display: flex;
    justify-content: left;
    align-items: center;
    border-radius: .25rem;
    border: 1px solid #ced4da;
    width: 100%;
    height: 43px;
    padding: .375rem .75rem;
}

@media (max-width: 941px) {
    .sanction-rs {
        height: auto;
    }
}

/* common stylings */
.border_bottom.active {
    border-bottom: 4px solid aqua !important;
}

.chosen_height_auto .chosen-container-multi .chosen-choices {
    overflow: hidden !important;
    height: auto !important;
    max-height: none !important;
}

.collapse_tab {
    background-color: var(--navbar-color);
    color: var(--white-color);
}

.collapse_tab:hover {
    color: var(--white-color);
}

/* Subwork Accordion css */
.subwork_accordion .custom-accordion-button {
    background-color: #005B5C !important;
    color: var(--white-color);
    font-weight: bold;
    border-radius: 8px;
    box-shadow: none;
}

.subwork_accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 8px 8px 0 0;
    color: var(--white-color);
}

.subwork_accordion .nav-pills .nav-link {
    color: #333;
    background-color: var(--white-color);
    border-radius: 6px;
}

.subwork_accordion .nav-pills .nav-link.active {
    background-color: #007B83 !important;
    color: var(--white-color) !important;
    border: none !important;
}

.subwork_accordion .nav-pills .nav-link:hover {
    background-color: #00A3A6 !important;
    color: var(--white-color) !important;
    border: none !important;
}


.subwork_accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.subwork_accordion .accordion-item {
    background-color: var(--white-color);
    border: none;
}

.subwork_accordion .accordion_body_border {
    border: 1px solid rgba(0, 0, 0, .125);
}

.subwork_accordion .tab-padding {
    padding: 11px 7px !important;
    text-decoration: none;
    color: #555555;
}

.subwork_accordion .pwd_list li:first-child {
    padding: 11px 7px !important;
}

.subwork_accordion .pwd_list li a:hover {
    color: #333 !important;
    background-color: var(--white-color) !important;
}

.subwork_accordion .nav>li>a {
    padding: 11px 7px;
}

.subwork_accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

.subwork_accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width: 767px) {
    .subwork_accordion .pwd_list {
        display: flex;
        justify-content: center;
    }
}

.subwork_accordion .nav li.active::before {
    background: transparent;
}








/* Sambhajinagar new stylings */

/* Common stylings */
.heading_style {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 10px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
}

.subheading_style {
    background-color: var(--button-color);
    color: var(--white-color);
    padding: 10px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    line-height: 13px;
}

.bg_skyblue {
    background-color: #15A3E5;
}

.bg_blue {
    background-color: var(--button-color);
}

@media screen and (min-width: 768px) {
    .pg_padding {
        padding: 0px 25px;
    }
}

/* modal common styling */
.modal_style .modal-content {
    border-radius: 10px;
    border: none;
}

.modal_style hr {
    color: #DCDCDC;
    height: 2px;
}


.form_style .form-label {
    font-size: 16px;
    /* label size stays default */
}

.form_style .form-control,
.form_style .form-select {
    font-size: 14px;
    /* smaller than label */
}

.form_style .custom-file-upload {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border: 1px dashed #ced4da;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #495057;
    height: 46px;
    justify-content: center;
}

.form_style .custom-file-upload i {
    margin-right: 8px;
    font-size: 18px;
}

.form_style .custom-file-upload input[type="file"] {
    display: none;
}

.form_style .file-preview {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.form_style .file-preview .file-box {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 7px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form_style .file-preview .file-box i {
    font-size: 20px;
    color: #EF0037;
    cursor: pointer;
}

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

.table_style div.dt-container div.dt-layout-full {
    padding-right: 0px;
    padding-left: 0px;
}

.table_style .table>:not(:last-child)>:last-child>* {
    border-bottom-color: #DEE2E6;
}


/* Navbar */
.site_logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar_content_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* footer */
#footer {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 8px;
    height: auto;
}


/* Sub department pages styling */
.section-container {
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-bottom: 15px;
}

.section-header {
    font-weight: 600;
    margin-bottom: 10px;
}

.action-icons i {
    cursor: pointer;
    margin: 0 5px;
}

.bg_grayicon {
    background-color: #E5E4E4;
}

.subdept_container .table thead {
    background-color: var(--button-color);
    color: var(--white-color);
}

.subdept_container .table td,
.subdept_container .table th {
    vertical-align: middle;
}

.subdept_container .arrow-icon {
    font-size: 1.2rem;
}

.subdept_container .blue {
    background-color: #B2D9FF;
}

.subdept_container .green {
    background-color: #C6FFFF;
}

.subdept_container .lightgreen {
    background-color: #C8FFE0;
}

.subdept_container .purple {
    background-color: #E5CBFF;
}

.subdept_container .orange {
    background-color: #FFDAB9;
}

.subdept_container .pink {
    background-color: #FFB9DB;
}

.subdept_container .lightblue {
    background-color: #CAD5FF;
}

.subdept_container .gray {
    background-color: #DCD5FF;
}


/* dept-card */
.subdept_container .dept-card {
    border-radius: 10px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    cursor: pointer;
}

.subdept_container .dept-card .text {
    font-size: 14px;
    font-weight: 600;
}

/* ...and force the .sub-card inside it to grow to fill */
.subdept_container .dept-card {
    flex: 1;
}

/* style for an “active” left tab */
.subdept_container .dept-card.active {
    background-color: var(--button-color);
    color: var(--white-color);
    border-color: var(--button-color);
}


/* taluka-card */
.subdept_container .taluka-card {
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    cursor: pointer;
}

.subdept_container .taluka-card .text {
    font-size: 14px;
    font-weight: normal;
}

/* ...and force the .sub-card inside it to grow to fill */
.subdept_container .taluka-card {
    flex: 1;
}

/* style for an “active” left tab */
.subdept_container .taluka-card.active {
    background-color: var(--button-color);
    color: var(--white-color);
    border: 4px solid #398DFF !important;
}

/* sub-card */
.subdept_container .sub-card {
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    cursor: pointer;
}

.subdept_container .sub-card .text {
    font-size: 14px;
    font-weight: 500;
}

/* make each .col on the left a flex-container... */
.subdept_container .col-lg-4 .row.row-cols-1 .col {
    display: flex;
}

/* ...and force the .sub-card inside it to grow to fill */
.subdept_container .col-lg-4 .row.row-cols-1 .col .sub-card {
    flex: 1;
}

.subdept_container .sub-card.active-card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /* border: 4px solid #398DFF; */
    /* background-color: var(--button-color); */
    color: var(--white-color);
}

.sub-card.green.active-card {
    background-color: #005B5B;
    border: 4px solid #31FFBC;
}

.sub-card.blue.active-card {
    background-color: #074784;
    border: 4px solid #40A1FF;
}

.sub-card.purple.active-card {
    background-color: #3F037B;
    border: 4px solid #A244FF;
}

.sub-card.lightgreen.active-card {
    background-color: #005B28;
    border: 4px solid #2FC570;
}

.sub-card.pink.active-card {
    background-color: #9E0C53;
    border: 4px solid #EC2C89;
}

.sub-card.gray.active-card {
    background-color: #454b50;
    border: 4px solid #6c757d;
}

.sub-card.orange.active-card {
    background-color: #9F510B;
    border: 4px solid #F28B2F;
}

.sub-card.lightblue.active-card {
    background-color: #001C89;
    border: 4px solid #839CFF;
}


/* Dashboard */
.card-custom {
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.map img {
    width: 100%;
    height: auto;
}

.bar-chart {
    width: 100%;
    height: 300px;
}

.barchart_dashboard {
    height: 500px;
}

@media screen and (max-width: 768px) {
    .map {
        margin-top: 20px;
    }
}

/* dash_budget_card */
.dash_budget_card {
    width: 295px;
    height: auto;
    border-width: 1px;
    /* border-radius: 10px !important; */
    padding: 11px 0px;
}

.budget_info {
    padding: 0px 20px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.amt_header {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: var(--white-color);
}

.amt_num {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    line-height: 42px;
    font-weight: 700;
    color: var(--white-color);
}

.rupee_icon {
    font-size: 29px;
    background-color: var(--white-color);
    padding: 2px 10px;
    border-radius: 50%;
}

.green_gradient {
    background: linear-gradient(45deg, #049768, #48D5A7);
}

.blue_gradient {
    background: linear-gradient(45deg, #0363E8, #75A7F1);
}


/* Budget --> index pg */
.table_aligned th:first-of-type {
    border-top-left-radius: 0px;
}

.table_aligned th:last-of-type {
    border-top-right-radius: 0px;
}

.table_aligned tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 0px;
}

.table_aligned tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 0px;
}


/* Budget --> edit pg */
.budgetdept_btn {
    width: 100%;
    background-color: var(--button-color);
    color: var(--white-color) !important;
    text-align: left;
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Income & expenditure pgs */
#demo-dt-basic-amtlist_wrapper .row:first-child {
    margin-top: 0px !important;
}

.btn-info {
    color: #000;
    background-color: var(--infobtn-color) !important;
    border-color: var(--infobtn-color) !important;
}

.badge-primary {
    background-color: var(--infobtn-color) !important;
}

.btn-primary,
.btn-primary:focus,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn.btn-active-primary:active,
.btn.btn-active-primary.active,
.dropdown.open>.btn.btn-active-primary,
.btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: var(--navbar-color) !important;
    border-color: var(--navbar-color) !important;
    color: var(--white-color) !important;
    margin: 1px;
}

.chosen-container-single .chosen-single div b:before {
    content: "\f107";
    display: none !important;
}

.backbtn {
    padding: 7px 24px;
}

/* span.dt-column-order{
padding-left: 10px;
} */

.min-height-error {
    min-height: 22px;
    /* Reserve enough space for one line of error text */
}

.backbtn {
    padding: 7px 24px;
}

.img-nav {
    height: 25px;
    width: 25px;
}

.dropdown-menu {
    min-width: 190px;
    margin-right: 10px !important;
}