.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: #fff;
    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: #ffffff;
    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: #fff !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: #fff !important;
}
.page-item.active .page-link {
    background-color: #0E449B !important;
    border-color: #0E449B !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;
}
@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);
    }
}

@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: 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;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #container.mainnav-sm #navbar .navbar-content {
        margin-left: 42px;
    }
    .mb-md-2 {
        margin-bottom: 1.5em;
    }
}
@media only screen and (min-width: 903px) {
    .row-flex {
        display: flex;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 1444px) {
    #container.mainnav-sm #navbar .navbar-content ul.top-menu-left {
        width: 87%;
    }
}
@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;
    }
}
/* 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: #ffffff;
}
.menu-btn {
    font-size: 12px;
    font-weight: 600;
}
.forward-modal {
    background-color: #5964b3;
    color: white;
}
.btn-submit {
    background: #ddc404 !important;
    color: #ffffff;
    text-decoration: none;
}
.btn-submit:hover {
    background: #ceb604 !important;
    color: #ffffff;
    text-decoration: none;
}
.btn-reject {
    background: #cd5757 !important;
    color: #ffffff;
}
.btn-reject:hover {
    background: #cd5757 !important;
    color: #ffffff;
    text-decoration: none !important;
}
.btn-editproject {
    background-color: #3c7392 !important;
    color: #fff;
}
.btn-editproject:hover {
    background-color: #356581 !important;
    color: #fff;
}
.modal-title {
    font-size: 18px;
    /* font-weight: 300; */
}
.forward-modal {
    background-color: #5964b3;
    color: white;
    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: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.panel-primary .panel-heading,
.panel-primary .panel-footer,
.panel-primary.panel-colorful {
    background-color: #1C5E6C;
    border-color: #1C5E6C;
    color: #fff;
}

.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: #1C5E6C !important;
    border-color: #1C5E6C !important;
    color: #fff;
}
.bg-primary {
    background-color: #5fa2dd !important;
    color: #ffffff;
}
.btn {
    font-size: 14px;
}
.bg-info {
    background-color: #4ebcda !important;
}
.btn-purple:hover {
    color: #ffffff;
}
.view-title {
    font-size: 20px;
}
.btn-close {
    font-size: 10px;
}
#footer {
    background: #002157;
    position: fixed;
    bottom: 0px;
    z-index: 1;
    color: #fff;
}
.form-control {
    min-height: 43px;
    /* line-height: 82px; */
}
.form-select {
    height: 43px;
}
.height-38px {
    height: 38px;
}
.btn-download {
    background-color: #7c7e7e;
    color: white;
}
.btn-download:hover {
    color: white;
}
.btn-remove {
    background: red;
    color: #ffffff;
}
.btn-remove:hover {
    background: rgb(240, 3, 3);
    color: #ffffff;
}
.btn-logs {
    background-color: #ebaa4b;
    color: #fff;
}
.btn-logs:hover {
    background-color: #f0a22e;
    color: #fff;
}
.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: white;
}
.btn-close {
    background: white;
    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: white;
    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;
}
.panel-body {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.breadcrumb i {
    position: relative;
    top: -2px;
}

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

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

/* 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;
}
@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;
    }
}

/* 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: mediumpurple;
}
.medpurple-btn:hover {
    background-color: rgb(126, 88, 200);
    color: white;
}
.green-btn {
    background-color: green;
    color: white;
}
.green-btn:hover {
    background-color: rgb(1, 111, 1);
    color: white;
}
.olive-btn {
    background-color: olive;
    color: white;
}
.olive-btn:hover {
    background-color: rgb(111, 111, 1);
    color: white;
}
.teal-btn {
    background-color: teal;
    color: white;
}
.teal-btn:hover {
    background-color: rgb(1, 113, 113);
    color: white;
}
.blue-btn {
    background-color: rgb(0, 85, 205);
    color: white;
}
.blue-btn:hover {
    background-color: rgb(2, 77, 183);
    color: white;
}
.aqua-btn {
    background-color: #31D2F2;
    color: white;
}
.aqua-btn:hover {
    background-color: #2ebfdc;
    color: white;
}
.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
    }
}


/* dashboard */
@media screen and (min-width: 576px) and (max-width:767px){}

@media screen and (min-width: 768px) and (max-width:1023px){
    .chart_container{
         width:auto;
         height:200px;
    }
    #expenditure_chart{
        width: 100% !important;
        height: 400px !important;
    }
}

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

/* 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: #1C5E6C;
    color: #fff;
}
.collapse_tab:hover {
    color: #fff;
}

/* Subwork Accordion css */
.subwork_accordion .custom-accordion-button {
    background-color: #005B5C !important;
    color: #fff;
    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: #fff;
}
.subwork_accordion .nav-pills .nav-link {
    color: #333;
    background-color: #fff;
    border-radius: 6px;
}
.subwork_accordion .nav-pills .nav-link.active {
    background-color: #007B83 !important;
    color: #fff !important;
    border: none !important;
}

.subwork_accordion .nav-pills .nav-link:hover {
    background-color: #00A3A6 !important;
    color: #fff !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: #fff;
    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: #fff !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: #1C5E6C;
    color: white;
    padding: 10px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
}
.subheading_style {
    background-color: #0E449B;
    color: white;
    padding: 10px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
}
.bg_skyblue {
    background-color: #15A3E5;
}
.bg_blue {
    background-color: #0E449B;
}

@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: white;
    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: #0E449B;
    color: white;
}
.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: #0E449B;
    color: #fff;
    border-color: #0E449B;
}


/* 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: #0E449B;
    color: #fff;
    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: #0E449B; */
    color: #fff;
}

.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:#fff;
}
.amt_num{
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
}
.rupee_icon{
    font-size: 29px;
    background-color: #fff;
    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: #0E449B;
    color: #fff !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: #2a8ca2 !important;
    border-color: #2a8ca2 !important;
}
.badge-primary
 {
    background-color: #2a8ca2 !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: #1C5E6C !important;
    border-color: #1C5E6C !important;
    color: #fff !important;
    margin: 1px;
}
.chosen-container-single .chosen-single div b:before {
    content: "\f107";
    display: none!important;
}