.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    cursor: pointer;
    border-radius: 25px !important;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {
    background: #fff;
}

#tblBill_wrapper .dataTables_scrollBody table tbody tr td, #tblBill_wrapper .dataTables_scrollHead table thead tr th {
    min-width: 242px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.image-card {
    box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%) !important;
}

dataTable {
    margin-bottom: 24px;
}

.dataTable thead th {
    background: #fff;
    padding: 10px 8px;
}

    .dataTable thead th:first-child {
        border-radius: 4px 0 0 4px;
    }

    .dataTable thead th:last-child {
        border-radius: 0 4px 4px 0;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 4px 9px;
    cursor: pointer;
}

.dataTables_wrapper .add-row-btn {
    background: #e47e46;
}

.dataTable thead,
.dataTable tbody {
    text-transform: capitalize;
}

.dataTables_wrapper {
    position: relative;
}

    .dataTables_wrapper .alphabet-container {
        position: absolute;
        right: 0;
    }

        .dataTables_wrapper .alphabet-container .alphabet ul {
            display: flex;
            flex-direction: column;
        }


@media screen and (max-width: 575.9999999px) {
    .dark-mode .header-nav > li > a > span {
        display: none;
    }

    .dark-mode .header-nav-options.h-menu .dropdown > a:after {
        display: none;
    }

    .headerbar-right .header-nav-options {
        float: none;
    }

    .dark-mode #header .header-nav .header-nav-brand img {
        max-height: 70px;
    }

    .flex-header .headerbar-right .header-nav.header-nav-profile {
        display: none;
    }

    .page-header-menu-title {
        margin-left: 0;
    }

    .headerbar-right .header-nav-options {
        margin-left: 0;
    }

    .header-fixed #header .headerbar {
        height: 88px;
    }

    .top-menu-fixed.dark-mode .base-container {
        padding-top: 88px;
    }

    .section-title-flex {
        flex-direction: column;
    }

        .section-title-flex h3 {
            margin-bottom: 8px;
        }

    .page_footer .footer-contact {
        flex-direction: column;
    }

    .dataTables_wrapper .dataTables_length {
        justify-content: space-between;
    }

        .dataTables_wrapper .dataTables_length label {
            display: none;
        }

    .dataTables_buttons {
        flex-direction: row;
        margin-top: 5px;
    }

    .dataTables__top {
        position: relative;
    }

    .dataTables_wrapper .dataTables_buttons .dataTables_buttons_action_group {
        position: absolute;
        top: 0;
        right: 0;
    }

    .dataTables_wrapper .dataTables_length .actions__item {
        position: relative;
        top: 6px;
    }

    .dataTables_buttons > .input-group:not(:last-child) {
        margin-top: 0;
    }

    .dataTables_wrapper .add-row-btn .add-btn-text {
        display: none;
    }

    .project-list-item {
        flex-direction: column;
        position: relative;
    }

        .project-list-item .tools {
            position: absolute;
            right: 5px;
            top: 5px;
        }

    .overview-items {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .overview-items,
    .overview-item {
        flex-wrap: nowrap;
    }

    .overview-item {
        margin-right: 10px;
    }

        .overview-item > * {
            white-space: nowrap;
        }

    .overview-section .input-group {
        margin-top: 10px;
    }

    .overview-search {
        width: 100%;
    }

    .jobs-button {
        position: static;
        width: 100%;
    }

    .header-nav > li.topbar-search {
        display: none;
    }
}

table.dataTable tbody tr td.child ul li {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    padding-top: 0px !important;
    border: 0px !important;
    margin-bottom: 11px;
}

table.dataTable tbody tr td.child {
    width: 100%;
}

    table.dataTable tbody tr td.child ul {
        display: flex !important;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

@media only screen and (min-width:320px) and (max-width:1023px) {
    table.dataTable tbody tr td.child ul li {
        width: 50% !important;
    }

    .chargesContainer .charges > * {
        min-width: 200px;
        padding-right: 11px;
    }

    .formula-btn-space {
        min-width: auto !important;
    }
}

.dataTables__bottom .paging_simple_numbers {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #596166;
    margin-top: 0px
}

.dataTables__bottom {
    background: #EFF0F2;
    border-radius: 5px 5px 0px 0px;
    padding: 12px 10px;
    display: flex;
    justify-content: space-between;
}

    .dataTables__bottom .dataTables_info {
        display: flex;
        align-items: center;
        font-family: 'Plus Jakarta Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: #596166;
        margin-top: 0px;
    }

#tblClientRequest_wrapper .dataTables_paginate, #tblClientRequestall_wrapper .dataTables_paginate, #tblprofitandloss_wrapper .dataTables_paginate {
    margin-top: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #00529D !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .dataTables__bottom {
        flex-direction: column;
    }

        .dataTables__bottom .dataTables_info {
            justify-content: center;
            margin-bottom: 18px;
        }
}
/*datatable head section*/
.dataTables_wrapper .dataTables__top {
    margin-bottom: 10px !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
    margin-bottom: 5px !important;
}

.dataTables_buttons .input-group {
    width: 100% !important;
    background: #FFFFFF;
    border-radius: 5px;
}

.dataTables_buttons input[type="text"] {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #7F7E82;
}


.dataTables_buttons .cma_top_icon i {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 4px 15px;
}

.dataTables_buttons .cma_top_icon {
    width: auto;
    height: auto;
}

.dataTables_buttons .cma_add_button {
    background: #04927B !important;
    border-radius: 5px !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    height: 41px;
}

.dataTables_wrapper .dataTables_length select {
    background: #FFFFFF;
    border: 1px solid #EFEFEF !important;
    border-radius: 5px !important;
    margin: 0px;
    height: 38px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #7F7E82;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 0px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    color: #808080;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background: transparent;
    border: 2px solid #05A087;
    color: #05A087;
    font-weight: 800;
}


.dataTable thead th {
    color: #686D8F !important
}

.dataTable thead {
    border-bottom: 1px solid #00529D !important;
}

.dataTables_buttons.actions {
    margin-top: 0px;
    margin-left: 3px;
}

    .dataTables_buttons.actions .input-group-addon {
        border-color: #efefef;
    }

    .dataTables_buttons.actions .dropdown ul.ColVis_collection {
        overflow-x: hidden;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        margin-top: 10px;
    }

table.dataTable.mail-wrap tbody tr.odd td {
    background: #fff !important;
}

mail-wrap .dataTables_buttons.actions .input-group.prefix {
    background: #F4F6F8;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #7F7E82;
}

.mail-wrap .dataTables_buttons.actions .input-group.prefix input, .mail-wrap .dataTables_buttons.actions .input-group.prefix span {
    background: #F4F6F8;
}

.dataTables_wrapper .add-row-btn {
    color: #fff !important;
}

.invoice_left .dataTables_wrapper {
    height: 100%;
}


.chat-body-left table.dataTable tbody tr.even td {
    background: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
}


.chat-body-left table#tblChatSummary tbody tr.selected .user_profile {
    background: rgb(100 111 212 / 10%);
    color: #2E3680;
}

.chat-body-left table.dataTable tbody tr td {
    border-bottom: 1px solid rgb(126 142 141 / 10%);
}

.chat-body-left table.dataTable tbody tr.blues td .user_profile {
    background: rgb(100 111 212 / 10%);
    color: #2E3680;
}

.chat-body-left table#tblChatSummary tbody tr.selected > td {
    background: #F0F1F9;
    border: 1px solid #F4F5F8;
    border-radius: 0px;
}

.chat-body-left table.dataTable tbody tr.dark-blue td .user_profile {
    background: rgb(49 64 77 / 10%);
    color: #25435C;
}

.chat-body-left table.dataTable tbody tr.orange td .user_profile {
    background: rgb(221 135 56 / 10%);
    color: #A66427;
}

#tblMail_wrapper table.dataTable.mail-wrap tbody tr td {
    background: transparent !important;
}

#tblMail_wrapper table.dataTable.mail-wrap tbody tr.trbg td {
    background: #dadada !important;
}

.dataTable thead th {
    background: white;
}

.dataTables_wrapper .dataTables__top::after {
    height: 0px;
}

.dataTable thead {
    color: #ff8100;
    font-size: 14px;
    border-bottom: 2px solid;
    text-transform: none !important;
}

.dataTable tbody {
    text-transform: none !important;
}

.dataTables_wrapper .dataTables__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 0px;
    position: relative;
    margin-bottom: 0px;
}

.dataTable thead th {
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 150px;
}


.dataTables_wrapper table thead tr th {
    background: #E9E9EE !important;
    border-radius: 0px !important;
    color: #2B2E32 !important;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.3px;
}

.dataTables_wrapper table tbody tr td {
    overflow: hidden;
    color: #545555 !important;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
    /* min-width: 283px; */
    /* max-width: 40px; */
}

.dataTables_wrapper table tbody tr:nth-child(2n) td {
    background: #FAF8F8;
}

.dataTables_wrapper .dataTables__bottom {
    background: transparent !important;
}

    .dataTables_wrapper .dataTables__bottom .dataTables_info {
        color: #596166 !important;
        font-family: Roboto;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .dataTables_wrapper .dataTables__bottom .paging_simple_numbers a {
        color: #191C25;
        font-family: Roboto;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.dataTables_wrapper .input-group.prefix .form-control {
    border-color: transparent !important;
}

.dataTables_wrapper .input-group.prefix .input-group-addon {
    border-width: 0px !important;
}

.dataTables_wrapper .dataTables_buttons .input-group {
    border-radius: 5px;
    border: 1px solid #D5D5D6 !important;
    background: #FFF !important;
}

.dataTables_wrapper .dataTables_buttons .cma_top_icon i {
    padding: 4px 10px !important;
}

.dataTables_wrapper .dataTables_buttons .cma_top_icon:nth-child(3) i {
    color: #1F3D83 !important;
}

.dataTables_wrapper .dataTables_buttons .cma_top_icon:nth-child(2) i {
    color: #ED9006 !important;
}

table-responsive .dataTables_wrapper table thead {
    background: #E9E9EE !important;
}

.table-responsive .table-responsive-lg table tbody tr:nth-child(2n) {
    background: #f1f1f1 !important;
}

table tr td > a {
    color: #1F3D83 !important;
}

.dataTables_wrapper table tbody tr td.active {
    background: transparent !important;
    color: #00713D !important;
    font-weight: 500;
}

.dataTables_wrapper table tbody tr td.inactive {
    background: transparent;
    color: #8B0000 !important;
    font-weight: 500;
}

.table.dataTable > tbody > tr > td.dt-center {
    filter: drop-shadow(-2px 0px 13px rgba(0, 0, 0, 0.15));
    background: #FFF;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07);
}

.dataTables_buttons .cma_add_button {
    border-radius: 5px;
    background: #00713D;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row-reverse;
}

    .dataTables_buttons .cma_add_button span {
        font-size: 20px !important;
        margin-left: 0px !important;
        margin-right: 4px;
        font-weight: 600;
    }

.dataTables_wrapper .add-row-btn {
    padding-left: 8px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    border-radius: 4px;
    border: 1px solid #D2D2DA;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
}

.dataTables_wrapper .dataTables__top .input-group.prefix {
    border-radius: 5px;
    border: 1px solid #D5D5D6;
    background: #FFF;
    width: 300px;
    max-width: 100%;
}


/*datatable final top section*/
.dataTables_wrapper .dataTables__top {
    display: block;
    float: left;
    width: 100%;
    justify-content: inherit !important;
}

    .dataTables_wrapper .dataTables__top .input-group.prefix {
        display: inline-table;
        float: left;
    }

.dataTables_wrapper .dataTables_length {
    display: inline-table;
    vertical-align: middle;
    margin-top: 3px;
    margin-right: 10px;
}

.dataTables_wrapper .dataTables__top .actions {
    float: right;
}

@media only screen and (min-width:1981px) {
    .col-sm-3 {
        width: 20%;
    }
}

@keyframes rotate {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}


.dataTables__bottom .dataTables_paginate {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #596166;
    margin-top: 0px;
}

    .dataTables__bottom .dataTables_paginate input, .dataTables__bottom .dataTables_paginate select {
        border: 1px solid #00529D !important;
        border-radius: 4px !important;
        padding: 5px 10px !important;
        color: #00529D;
    }

    .dataTables__bottom .dataTables_paginate span {
        padding-right: 4px;
        font-size: 15px;
    }

.dataTables_scrollBody table tbody tr td:first-child, .dataTables_scrollHead table thead tr th:first-child {
    box-shadow: inset -3px 2px 3px #dddd;
}

.dataTables_scrollBody table tbody tr td:last-child, .dataTables_scrollHead table thead tr th:last-child {
/*    width: 120px !important;*/
/*    min-width: 190px !important;*/
    box-shadow: inset 1px 1px 6px #dddd;
}

.dataTables_wrapper .dataTables_scroll {
    border-bottom: 1px solid #f4f1f1;
}

.table-responsive .dataTables_wrapper .dataTables_scrollBody table thead th::after {
    display: none;
}

.dtfc-fixed-right a {
    padding-left: 5px;
}

.dataTables_scrollHead table thead {
    border: 0px !important;
}

.table-responsive .dataTables_wrapper table thead {
    border-bottom: 0px !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {
    height: 6px;
    cursor: pointer;
    border-radius: 25px !important;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .dataTables_scrollBody table tbody tr td:first-child, .dataTables_scrollHead table thead tr th:first-child {
        width: 100% !important;
        box-shadow: inset -1px 2px 3px #dddd;
    }

    .dataTables_scrollBody table tbody tr td:last-child, .dataTables_scrollHead table thead tr th:last-child {
        width: 75px !important;
        min-width: 75px !important;
        box-shadow: inset 1px 2px 3px #dddd;
    }

    .dtfc-fixed-right a {
        padding-left: 5px !important;
    }
}

.input-group.prefix {
    position: relative;
}

.dataTables_wrapper .input-group.prefix .input-group-addon {
    position: absolute;
    left: 8px;
    top: 9px;
    z-index: 99;
    padding: 0;
    pointer-events: none;
}

.dataTables_wrapper .input-group.prefix .form-control {
    padding-left: 32px;
    border: 1px solid #D5D5D6 !important;
    width: 40px;
    border-radius: 5px !important;
    transition: .9s all;
}

input.form-control.dt-global-search {
    width: 40px;
}

.dataTables_wrapper .dataTables__top .input-group.prefix {
    border: unset;
    transition: .9s all;
}

.dataTables_wrapper .input-group.prefix .form-control:focus, .dataTables_wrapper .input-group.prefix .form-control:not(:placeholder-shown) {
    width: 190px;
}


.dataTables__top {
    display: flex;
}

.dataTables__top {
    display: flex !important;
    align-items: center;
}

.dataTables_wrapper .dataTables__top .input-group.prefix {
    order: 1;
    width: 40px;
    margin-top: 2px;
}

.card-lst {
    order: 2;
    overflow: auto;
    flex-wrap: nowrap;
    justify-content: unset;
}

    .card-lst::-webkit-scrollbar {
        height: 3px;
    }

.dataTables_wrapper .dataTables__top .actions {
    order: 3;
    margin-left: auto;
}
/*QA Feedback*/
.dataTables_scrollBody table tbody tr td, .dataTables_scrollHead table thead tr th {
    min-width: 230px;
    /*   width: 190px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    display: table-cell;*/
}

#tblIdentifier_wrapper .dataTables_scrollHead table thead tr th:first-child, #tblIdentifier_wrapper .dataTables_scrollBody table tbody tr td:first-child {
    min-width: 200px !important;
}

.dataTables_wrapper table tbody tr td {
    font-size: 14px !important;
}


.dataTables_wrapper .dataTables_length label select {
    height: 40px;
}

div#lookups_wrapper .table.dataTable > tbody > tr > td {
    overflow: unset;
}

.cma_primary_button:hover {
    color: #FFFFFF !important;
    background-color: #232F34 !important;
    border-color: #232F34 !important;
}


.dataTables_wrapper .dropdown-menu-right {
    right: 43px;
}



.dataTables_wrapper .table.dataTable > tbody > tr > td {
    overflow: unset !important;
}

.card-lst .list.list_status.all {
    background: rgb(111 183 123 / 34%);
}

.card-lst {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 8px 0px;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
}

    .card-lst .col-sm-2 {
        width: 225px;
        max-width: 100%;
        min-width: 200px;
    }

    .card-lst .list {
        display: flex;
        padding: 8px 14px;
        border-radius: 5px;
        justify-content: space-between;
        align-items: center;
    }

        .card-lst .list span {
            color: #2B2E32;
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            position: relative;
            margin-left: 22px;
        }

        .card-lst .list label {
            color: #2B2E32 !important;
            font-family: Roboto;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            border-radius: 50px;
            background: #FFF;
            margin: 0;
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
        }



        .card-lst .list i {
            width: 16px;
            height: 16px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            color: #929395 !important;
            margin-left: 6px;
        }

        .card-lst .list span::before {
            content: "";
            width: 14px;
            height: 14px;
            background: #f00;
            position: absolute;
            left: -20px;
            top: 2px;
            border-radius: 2px;
        }

        .card-lst .list.grey {
            background: rgba(59, 0, 112, 0.15);
        }

            .card-lst .list.grey span::before {
                background: #3B0070;
            }

        .card-lst .list.green {
            background: rgba(0, 113, 61, 0.15);
        }

            .card-lst .list.green span::before {
                background: #00713D;
            }

        .card-lst .list.orange {
            background: rgba(255, 152, 0, 0.20);
        }

            .card-lst .list.orange span::before {
                background: #FF9800;
            }

        .card-lst .list.yellow {
            background: rgba(235, 183, 0, 0.18);
        }

            .card-lst .list.yellow span::before {
                background: #EBB700;
            }

        .card-lst .list.red {
            background: rgba(242, 63, 49, 0.15);
        }

            .card-lst .list.red span::before {
                background: #F23F31;
            }

.card-lst {
    order: 2;
    overflow: auto;
    flex-wrap: nowrap;
    justify-content: unset;
}

    .card-lst::-webkit-scrollbar {
        height: 3px;
    }

    .card-lst .list.approved {
        background: rgb(47 181 35 / 20%);
    }



        .card-lst .list.approved span::before {
            background: #00713D;
        }


    .card-lst .list.readyforreview {
        background: #2384b54d;
    }



        .card-lst .list.readyforreview span::before {
            background: #2384B5;
        }


    .card-lst .list.rework {
        background: #b5a42354;
    }



        .card-lst .list.rework span::before {
            background: #B5A423;
        }




    .card-lst .list.revised {
        background: rgba(235, 183, 0, 0.18);
    }



        .card-lst .list.revised span::before {
            background: #EBB700;
        }

    .card-lst .list.onhold {
        background: rgba(242, 63, 49, 0.15);
    }



        .card-lst .list.onhold span::before {
            background: #F23F31;
        }


    .card-lst .list:hover, .card-lst .list.active {
        box-shadow: 2px 2px 5px rgb(58 52 52 / 50%);
        margin: 2px;
    }


    .card-lst .list.rejected {
        background: rgb(181 35 37 / 20%);
    }

        .card-lst .list.rejected span::before {
            background: rgba(181, 35, 37, 1);
        }



    .card-lst .list.draft {
        background: rgba(242, 63, 49, 0.15);
    }

        .card-lst .list.draft span::before {
            background: #ff8100;
        }

    .card-lst .list.list_status.all {
        background: rgb(111 183 123 / 34%);
    }



    .card-lst .list.all span::before {
        background: #B57423;
    }


    .card-lst .list {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

p.tlt-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80px;
    margin-bottom: 0px;
    font-size: 15px;
}

span.select2 .select2-selection span {
    font-weight: 600 !important;
    color: #4A4A4A !important;
}

.select2-container--default .select2-selection--single {
    height: 37px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 32px !important;
    }

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

/*Custom Color Style theme */
#menubar {
    background: #0A164C !important;
}

.page-header-box {
    background: #ffffff !important;
}

    .page-header-box > h1 {
        color: rgba(38, 46, 47, 1) !important
    }

ul.header-nav.header-nav-profile > li > a {
    color: #0A164C !important;
}

.nano.has-scrollbar .gui-controls li:first-child {
    background: #0A164C !important;
    border-right: 1px solid #EBF1F6;
}

.gui-controls > li > a.active i {
    background: transparent !important;
    color: #00DEFF !important;
}

.gui-controls > li > a.active > .title {
    color: #00DEFF !important;
}

.gui-controls > li > a.active {
    border-top: 0px solid #04927B !important;
    border-bottom: 0px solid #04927B !important;
    border-radius: 0px;
}

.mainSideMenu .menu-dropdown ul li a::before {
    color: #00DEFF;
}

.gui-controls li > a:hover .title {
    color: #00DEFF !important;
}
/*.dataTables_scrollBody table tbody tr td:first-child, .dataTables_scrollHead table thead tr th:first-child {
    box-shadow: none !important;
}*/
.dataTables_buttons .cma_add_button {
    background: #0A164C !important;
}

.dataTables_wrapper .dataTables_buttons .cma_top_icon:nth-child(2) i {
    color: #0A164C !important;
}

.dataTables_scrollBody table tbody tr td:first-child, .dataTables_scrollHead table thead tr th:first-child {
    box-shadow: none;
}

.card-head header {
    color: rgba(32, 32, 32, 1) !important;
}

/*li:first-child {
    border-bottom: 0px solid #344955 !important;
}*/

.logo-item > img {
    height: 42px;
    width: 41px;
}

.cma_cancel_button {
    background-color: rgba(10, 22, 76, 1) !important;
    border-color: rgba(10, 22, 76, 1) !important;
    color: #fcf9f9 !important;
    border: none !important;
}

    .cma_cancel_button:hover {
        background-color: rgba(10, 22, 76, 1) !important;
        border-color: rgba(10, 22, 76, 1) !important;
        color: #fcf9f9 !important;
        border: none !important;
    }

button#btnSubmit, button#btnSubmitReview {
    background: rgba(0, 147, 230, 1) !important;
    border-color: rgba(0, 147, 230, 1) !important;
    color: #fcf9f9 !important;
}

.gui-controls > li:first-child {
    border-bottom: 0px solid #344955 !important;
}

.nano.has-scrollbar .gui-controls li:first-child {
    border-right: 0px solid #EBF1F6 !important;
}

.ColVis_collection .colvis_switch:checked:before {
    background: #2196f3 !important;
}

.cma_primary_button {
    background: rgba(0, 147, 230, 1) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(181, 116, 35, 1) !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
}

.table.dataTable > tbody > tr > td.dt-center a:hover {
    color: rgba(0, 147, 230, 1) !important;
}

.nav-tabs > li.active > a {
    border: none;
    border-bottom: 2px solid #B57423;
    color: rgb(255 255 255) !important;
    background-color: #B57423;
    cursor: default;
    opacity: 1;
    border-radius: 3px;
    padding: 6px 30px;
    line-height: 25px;
}

.card-head {
    background: #fff !important;
    color: rgba(34, 34, 34, 1);
}

.automatonShowFilter {
    background-color: rgba(10, 22, 76, 1) !important;
    color: #ffff !important;
    padding: 8px 3px !important;
    border-radius: 4px;
    height: 40px;
}

.automatonShowFilter {
    margin-top: 0px;
    margin-right: 10px;
}

.cma_primary_button {
    border: 1px solid rgba(0, 147, 230, 1) !important;
    color: #fff !important;
}

    .cma_primary_button:hover {
        color: #FFFFFF !important;
        background-color: rgba(0, 147, 230, 1) !important;
        border-color: rgba(0, 147, 230, 1) !important;
    }

.button-common, button.btn-add-services, button.btnaddonservices, button.btn-add-charges, button.btn-add-shipcontacts, .btnSubmit, button.btn-add-contacts, button.btn-add-details, button.btn-add-ctmspec, button#btnSubmitDraft, button.btn-add-locations, button.btn-add-pricelist {
    background: #fff !important;
    border-radius: 5px !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    height: 38px;
    color: rgb(255 255 255) !important;
    border: rgba(10, 22, 76, 1) !important;
    margin-top: 10px;
    background-color: rgba(181, 116, 35, 0.04) !important;
    margin-top: 10px;
    border: 0.75px solid rgba(181, 116, 35, 0.8) !important;
    background: rgba(181, 116, 35, 0.04);
    color: background: rgba(181, 116, 35, 1);
    color: rgba(181, 116, 35, 1) !important;
}

    .button-common:hover, button.btn-add-services:hover, button.btnaddonservices:hover, button.btn-add-charges:hover, button.btn-add-shipcontacts:hover, .btnSubmit:hover, button.btn-add-contacts:hover, button.btn-add-details:hover, button.btn-add-ctmspec:hover, button.btn-add-locations:hover, button.btn-add-pricelist:hover {
        background: #fff !important;
        border-radius: 5px !important;
        font-family: 'Plus Jakarta Sans' !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 27px !important;
        height: 38px;
        color: rgb(255 255 255) !important;
        border: rgba(10, 22, 76, 1) !important;
        margin-top: 10px;
        background-color: rgba(10, 22, 76, 1) !important;
        margin-top: 10px;
    }

#btnCloseFilter {
    border: 1px solid #DBDBDB;
    width: 102px;
    height: 41px;
    color: #222222;
    background: #fff !important;
    border-radius: 5px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    margin-right: 10px;
}

button#btnFilter {
    border: 0px solid #DBDBDB;
    width: 102px;
    height: 41px;
    color: #ffffff;
    background: #B57423 !important;
    border-radius: 5px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
}

.card-head header {
    display: inline-block;
    padding: 11px 1px;
    vertical-align: middle;
    line-height: 17px;
    font-size: 20px;
}

.card-body {
    padding: 4px;
    position: relative;
}

.table-responsive-lg table thead {
    background: rgba(0, 147, 230, 1);
    border-bottom: 1px solid rgba(0, 147, 230, 1);
    border-radius: 5px 5px 0px 0px;
    color: #ffffff !important;
    background: rgb(223 243 255);
}

.mainSideMenu .menu-dropdown ul li a {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    position: relative;
}

.gui-controls li .title {
    font-size: 12px;
}

button.button-common, button.button-common:hover {
    color: rgba(0, 147, 230, 1) !important;
}

.tab-card .nav-tabs > li.active > a, .tab-card .nav-tabs > li.active > a:focus, .tab-card .nav-tabs > li.active > a:hover {
    background: #2196f3;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
}

.tab-card .nav-tabs::after {
    content: "";
    position: absolute;
    height: 3px;
    background: #b57423;
    border-radius: 5px;
    z-index: 1;
    left: 0;
    width: 100%;
    top: 47px;
}

.div_filter {
    max-height: 400px;
    overflow-x: auto;
    width: 45% !important;
    position: absolute;
    top: 53px;
    left: 0px;
    background: #fcfeff !important;
    z-index: 1000;
    display: flex;
    padding: 10px;
    border: 1px solid #c8cbe6;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px !important;
}

.tab-card .nav-tabs > li.active > a, .tab-card .nav-tabs > li.active > a:focus, .tab-card .nav-tabs > li.active > a:hover {
    background: #c98a51 !important;
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    /* margin-top: 10px; */
}   

.detele-common-icon button span {
    color: #DB3712 !important;
    font-size: 22px;
}

.gui-controls > li > a > i {
    color: #b8b5b5 !important;
}

.nano .gui-controls li a span {
    color: #dedede !important;
}

.header-nav-profile .dropdown.open .profile-info {
    color: #313534 !important;
}

body .swal2-confirm, body .swal2-confirm:hover {
    background: rgba(10, 22, 76, 1) !important;
    border-radius: 9px !important;
    border: none !important;
}

body .swal2-cancel, body .swal2-cancel:hover {
    background-color: rgba(0, 147, 230, 1) !important;
    border-color: rgba(0, 147, 230, 1) !important;
    color: white;
    border-radius: 9px !important;
    float: left;
    border: none !important;
}

.swal2-icon.swal2-warning {
    border-color: #203374 !important;
    color: #0093e6 !important;
}

.card-head {
    position: relative;
    line-height: 53px;
    min-height: 71px;
    vertical-align: middle;
    border-radius: 2px 2px 0 0;
    /*box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
}

.input-group .input-group-addon {
    border-radius: 0 6px 7px 0;
}

.has-success .form-control {
    border-bottom-color: rgba(2, 153, 238, 1) !important;
    border-top-color: rgba(2, 153, 238, 1) !important;
    border-left-color: rgba(2, 153, 238, 1) !important;
}

.has-success .input-group-addon {
    border-bottom-color: rgba(2, 153, 238, 1) !important;
    border-top-color: rgba(2, 153, 238, 1) !important;
    border-right-color: rgba(2, 153, 238, 1) !important;
}

.card-head.nav-tabs > li > a, .card-head > .nav-tabs > li > a {
    line-height: 37px;
    padding-top: 0;
    padding-bottom: 0;
}

.card-head.nav-tabs > li > a, .card-head > .nav-tabs > li > a {
    line-height: 37px;
    padding-top: 0;
    padding-bottom: 0;
    color: rgba(123, 123, 123, 1);
}

.card-head.nav-tabs, .card-head > .nav-tabs {
    border-radius: 5px;
    padding-top: 4px;
}

.nav-tabs {
    border-bottom: 0px solid #dddddd !important;
}


    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        padding: 7px;
    }

.card-lst .list:hover, .card-lst .list.active {
    box-shadow: none !important;
    margin: 0px !important;
}

.dataTables_buttons .cma_top_icon i {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 4px 15px;
    color: red;
    color: #0A164C !important;
}

.dataTables_wrapper table thead tr th {
    background: #d4efff !important;
    border-radius: 0px !important;
    color: #2B2E32 !important;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.3px;
}

.trbg > td {
    background-color: #ffffff !important;
    border: 1px solid #80c8ff;
}

.dataTables_wrapper table tbody tr:nth-child(2n) td {
    /*background: #ffffff !important;*/
}

.table.dataTable > tbody > tr > td.dt-center {
    filter: none !important;
    background: #FFF;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07) !important;
}

table.dataTable tbody tr {
    background-color: transparent;
    border: 1px solid rgba(244, 244, 244, 1);
}

.cma_primary_button:hover, .cma_primary_button:focus {
    background: rgba(0, 147, 230, 1) !important;
    font-family: 'Plus Jakarta Sans';
    font-size: 15px !important;
    border: 1px solid rgba(0, 147, 230, 1) !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables__bottom {
    background: rgba(248, 250, 255, 1) !important;
    margin-top: 15px !important;
}

.dataTables_scrollBody table tbody tr td:last-child, .dataTables_scrollHead table thead tr th:last-child {
    box-shadow: none !important
}

.dataTables_wrapper .dataTables__top .input-group.prefix {
    border: unset;
    transition: none !important;
}

.dataTables_wrapper .input-group.prefix .form-control {
    padding-left: 32px;
    border: 1px solid #D5D5D6 !important;
    width: 190px;
    border-radius: 5px !important;
    transition: none;
}

button.button-common, button.button-common:hover {
    color: rgba(181, 116, 35, 1) !important;
}

.dependentContainerBorder {
    padding: 0px 20px !important;
}

.card-head header {
    display: inline-block;
    padding: 11px 1px;
    vertical-align: middle;
    line-height: 7px;
    font-size: 18px;
}

.explosiveinfoContainer:nth-child(even) {
    background-color: #f2f2f2; /* Light grey background color */
}

.dataTables_wrapper table thead tr th {
    background: rgba(255, 247, 241, 1) !important;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.846153846;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: none;
    opacity: 0.55;
    font-weight: 500;
    text-transform: capitalize;
}

.card-head > .nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.card-lst .list.list_status.all {
    background: #b574234f;
}

.card-head {
    position: relative;
    line-height: 53px;
    min-height: 40px;
    vertical-align: middle;
    border-radius: 2px 2px 0 0;
    /* box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.1); */
    border: none;
}

.table-responsive-lg table thead {
    background: rgba(0, 147, 230, 1);
    border-bottom: 0px solid rgba(0, 147, 230, 1);
    border-radius: 5px 5px 0px 0px;
    color: #ffffff !important;
    background: #d4efff57 !important;
}

.table-responsive-lg table tbody tr:nth-child(2n) {
    background: none;
    border: solid 1px rgba(244, 244, 244, 1) !important;
}

#base {
    background-color: rgba(247, 247, 247, 1) !important;
}

.main-content {
    /* background-color: #f0f1f8 !important;*/
    background-color: rgba(247, 247, 247, 1) !important;
}

body [class*=" md-"], [class^=md-] {
    font-size: 1.2em;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
    color: #000;
}

#base {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1;
}

footer {
    background-color: #f8f9fa;
}

    footer .card {
        padding: 0px 8px;
        margin: 0 !important;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #595A64;
        margin-top: 10px !important;
        bottom: 0;
        width: 100%;
    }

.automatonShowFilter {
    background-color: #0093E6 !important;
    color: #ffff !important;
    padding: 10px 6px !important;
    border-radius: 4px;
    height: 40px;
    width: 40px;
}

#base {
    padding-top: 78px;
}

.active .target-icon {
    filter: grayscale(0) brightness(2);
    transition: filter 0.3s ease;
}

.profileicon img {
    width: 49%;
    height: 52%;
    border-radius: 40px;
    cursor: pointer;
}

.page-header-box {
    padding: 20px 30px !important;
}

.mainSideMenu {
    display: flex;
    flex-direction: column;
    height: 98vh;
}

.profileicon {
    margin-top: auto;
}

    .profileicon .menu-dropdown ul li a::before {
        display: none !important
    }

    .profileicon .menu-dropdown ul li a {
        display: flex !important;
        /* flex-wrap: nowrap; */
        align-content: center !important;
        flex-direction: row !important;
        justify-content: start !important;
        padding: 10px 0px !important;
    }

        .profileicon .menu-dropdown ul li a i {
            padding-right: 10px;
        }

.card-lst .list {
    display: flex;
    padding: 7px 14px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
}

.maker_checker_card {
    background: #ffffff !important;
    padding: 10px !important;
    box-shadow: 0px 10px 20px 5px #0000000A;
    border: solid 1px #DDE1EF;
}

.dataTables_wrapper table thead tr th.dt-center {
    background: #f0faff !important;
}
/*DashBoard style */

.arrow_value {
    display: flex;
    align-items: center;
    gap: 30px;
}

.target-container {
    display: flex;
    gap: 10px;
}

.card-section {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
    min-width: 350px;
}

    .card-section.material-targets {
        /*        background: linear-gradient(224.38deg, rgba(0, 147, 230, 0.15) 0%, rgba(0, 147, 230, 0) 24.3%);*/
        border: 0.72px solid;
        border-image: linear-gradient(224.38deg, rgba(0, 147, 230, 0.95) 0%, rgba(0, 147, 230, 0) 46.3%);
        border-image-slice: 1;
        overflow-x: hidden;
        height: 315px;
    }

    .card-section.explosive-targets {
        border: 0.72px solid;
        border-image: linear-gradient(224.38deg, rgba(230, 0, 0, 0.95) 0%, rgba(230, 0, 0, 0) 46.3%);
        border-image-slice: 1;
        overflow-x: hidden;
        height: 315px;
        background: linear-gradient(224.38deg, rgb(228 10 10 / 20%) 0%, rgba(0, 147, 230, 0) 22.3%);
    }



    .card-section.fuel-targets {
        border: 0.72px solid;
        border-image-source: linear-gradient(224.12deg, #28BF68 0%, rgba(40, 191, 104, 0) 47.1%);
        border-image-slice: 1;
        overflow-x: hidden;
        height: 315px;
        background: linear-gradient(224.38deg, rgb(40 191 104 / 20%) 0%, rgba(0, 147, 230, 0) 22.3%);
    }
    .card-section.fuel-consumption-targets {
        border: 0.72px solid;
        border-image-source: linear-gradient(224.12deg, #2364B5 0%, rgba(35, 100, 181, 0) 47.1%);
        border-image-slice: 1;
        overflow-x: hidden;
        height: 315px;
        background: linear-gradient(224.38deg, rgb(35 100 181 / 20%) 0%, rgba(35, 100, 181, 0) 22.3%);
    }
/*rgba(35, 100, 181, 1)*/
.section-title {
    font-size: 18px;
    margin-top: 6px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #000000 !important;
}



/* Target Cards */
.target-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0px;
    padding: 2px 13px;
    margin-bottom: 6px;
    border: solid 1px transparent;
    cursor: pointer
}

    .target-card.active {
        box-shadow: 0px 4px 6px 0px hsla(0, 0%, 0%, 0.2);
        border: 1px solid hsla(202, 100%, 45%, 1);
    }

        .target-card.active .arrow {
            color: hsla(202, 100%, 45%, 1);
        }

    .target-card:nth-child(odd) {
        background: rgb(233 233 233 / 48%);
    }



/* Specific Item Icons */


/* Text Details */
.details {
    flex-grow: 1;
    margin-left: 10px;
}

.name {
    font-size: 14px;
    font-weight: bold;
    margin: 0px !important;
    color: #222222 !important;
    font-size: 16px;
    font-weight: 500;
}

.quantity {
    font-size: 12px;
    color: #7B7B7B;
    margin: 0px !important;
}

/* Arrow */
.dash_arrow {
    font-size: 18px;
    color: #7B7B7B;
}


.tab_nav {
    border-bottom: 1px solid rgba(231, 234, 239, 1) !important;
    opacity: 1 !important;
}

    .tab_nav .active {
        border-bottom: solid 2px rgba(0, 147, 230, 1);
        color: rgba(0, 147, 230, 1);
        opacity: 1 !important;
    }

    .tab_nav .nav-item {
        padding: 0px !important;
    }

.nav-tabs.tab_nav > li > a:hover {
    border-bottom: solid 2px rgba(0, 147, 230, 1)
}

.tab_nav + .tab-content .tab-pane {
    margin-top: 15px !important;
}

.Performance_card .card-head {
    align-items: start !important;
    line-height: 20px !important
}

.Performance_card label {
    line-height: 0px !important
}

.Performance_card .form-group {
    margin: 0px 10px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(37%) sepia(78%) saturate(643%) hue-rotate(190deg) brightness(92%) contrast(95%);
    cursor: pointer;
    color: #04927b;
}

input[type="date"] {
    color: rgba(123, 123, 123, 1) !important;
    font-size: 12px;
}

/**/
.performance-card {
    text-align: center;
    border: 0px solid #eee;
    border-radius: 10px;
    padding: 0px;
    width: 180px;
}



    .performance-card img {
        width: 32px;
        height: 37px;
        margin-bottom: 10px;
    }

    .performance-card .value {
        font-size: 14px;
        font-weight: 500;
    }

/* Nav Tabs Styling */
.performance-tab .nav-tabs .nav-link {
    padding: 7px 0px !important;
    /*background-color: rgba(252, 252, 252, 1);*/
    border: 0px solid #F4F4F4;
    border-bottom: 1px solid #f4f4f4;
    box-shadow: 0px 0px 5px 0px #00000008;
    border-top: 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0 !important;
}

    .performance-tab .nav-tabs .nav-link.active {
        color: #007bff;
        font-weight: bold;
        background-color: transparent !important;
    }

.performance-tab .nav-item {
    background-color: rgba(252, 252, 252, 1) !important;
    border: solid 1px #F4F4F4 !important;
    border-radius: 10px 10px 10px 10px !important;
    border-bottom: solid 0px !important;
    border-top: solid 3px #fff !important;
}

    .performance-tab .nav-item.active {
        background-color: rgba(252, 252, 252, 1) !important;
        border: solid 1px #F4F4F4 !important;
        border-radius: 10px 10px 0px 0px !important;
        border-bottom: solid 0px !important;
    }

.performance-tab .nav-tabs .nav-link {
    background-color: #FCFCFC !important;
    /*  background-color: transparent !important;*/
    border: 0px solid rgba(244, 244, 244, 1);
    opacity: 1;
    height: 100%;
}

.performance-tab .tab_nav .nav-item {
    padding: 0px 0px !important;
}

.performance-tab .nav-tabs.tab_nav > li > a:hover {
    border-bottom: 1px solid #f4f4f4;
}
/* Balance Bar Styling */
.trucking-balance {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.trucking-item {
    text-align: center;
}

.circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

    .circle.blue {
        background-color: #007bff; /* Blue */
    }

    .circle.navy {
        background-color: #1b1b6e; /* Navy */
    }

.label {
    margin-top: 8px;
    font-size: 12px;
    color: #666; /* Gray */
}

.balance-bar::before {
    content: '';
    width: 80px;
    height: 2px;
    background-color: #888;
    display: block;
    margin-bottom: -5px;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #888;
}

/* Overall Target Styling */
.overall-target {
    text-align: center;
}

    .overall-target .label {
        margin-top: 10px;
        font-size: 14px;
        color: #666;
    }
/**/


.balance {
    text-align: center;
}

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

        .balance .weights .weight {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .balance .weights .weight span:first-child {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 5px;
                color: white;
                background-color: #007bff; /* Blue for Under Trucking */
                border-radius: 50%;
                width: 35px;
                height: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .balance .weights .weight:last-child span:first-child {
                background-color: #1a1a5e; /* Dark Blue for Over Trucking */
            }

    .balance .bar {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

        .balance .bar .line {
            width: 120px;
            height: 2px;
            background-color: gray;
            position: relative;
        }

        .balance .bar .triangle {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 15px solid gray;
            position: absolute;
            bottom: -7px;
            left: 50%;
            transform: translateX(-50%);
        }

.overall {
    text-align: center;
}

    .overall .circle {
        width: 80px;
        height: 80px;
        background: conic-gradient(green 0% 40%, #e5e5e5 40% 100%);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

        .overall .circle span {
            font-size: 18px;
            font-weight: bold;
        }

    .overall span.text {
        display: block;
        margin-top: 10px;
        font-size: 14px;
        color: #555;
    }

.percontainer {
    display: flex;
    align-items: center;
    gap: 50px;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tcontent.active {
    display: block;
}

.tcontent {
    display: none;
}

.map_card {
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.29);
    border: 1px solid rgba(239, 240, 240, 1)
}



.map_card {
    background: #fff;
    padding: 20px;
    margin: 15px 0;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

    .map_card .info {
        flex: 1;
    }

        .map_card .info h3 {
            margin: 0;
            font-size: 18px;
            font-weight: bold;
            color: #333;
        }

        .map_card .info p {
            margin: 5px 0;
            color: #666;
            font-size: 14px;
        }

    .map_card .status {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .map_card .status img {
            width: 24px;
            height: 24px;
        }

        .map_card .status span {
            font-size: 14px;
            font-weight: bold;
            color: #333;
        }

    .map_card .sub-info {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 10px;
    }

        .map_card .sub-info div {
            text-align: center;
        }

        .map_card .sub-info img {
            width: 20px;
            height: 20px;
            display: block;
            margin: 0 auto 5px;
        }

        .map_card .sub-info span {
            font-size: 12px;
            color: #666;
        }

.status-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 5px;
}

    .status-indicator.running {
        background-color: #52c41a;
    }

    .status-indicator.breakdown {
        background-color: #ff4d4f;
    }

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.search_icon {
    position: absolute;
    right: 70px;
    opacity: 0.4;
}


.d-flex {
    display: flex;
}

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

.justify-content-between {
    justify-content: space-between;
}

.header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.icon img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ddd;
    margin-right: 12px;
}

.vehicle-details {
    flex-grow: 1;
}

.vehicle-number {
    font-weight: bold;
    font-size: 16px;
}

.status {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 4px;
    color: rgba(135, 138, 153, 1);
    font-size: 12px;
    font-weight: 400;
}

.status-dot {
    width: 10px;
    height: 10px;
    background-color: green;
    border-radius: 50%;
    margin-left: 6px;
}

.last-update {
    font-size: 12px;
    color: #888;
}



/*.details {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}*/

.detail-item {
    font-size: 10px;
    font-weight: 400;
    line-height: 12.6px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .detail-item img {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }

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

.time_data {
    display: flex;
    gap: 10px;
    align-items: center;
}

.map_side_card {
    margin-top: 10px;
    padding: 0px 10px;
    box-shadow: none;
    border-top: solid 0px rgba(221, 225, 239, 1);
    border-bottom: solid 1px rgba(221, 225, 239, 1);
    text-align: center;
    margin-bottom: 10px;
}

.dot {
    display: block;
    padding: 4px 4px;
    background-color: rgba(135, 138, 153, 1);
    border-radius: 20px;
}

.speed-info {
    display: flex;
    align-items: center;
    gap: 5px;
}

.error_message {
    color: rgba(246, 45, 81, 1);
    padding: 6px 10px;
    text-align: center;
    background-color: rgba(255, 233, 233, 0.9);
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    border: 1px solid rgba(255, 196, 196, 1)
}

.map_side_card.active {
    background-color: rgb(0 147 230 / 20%);
}

.svg-icon {
    filter: invert(34%) sepia(89%) saturate(739%) hue-rotate(200deg) brightness(94%) contrast(93%);
}
/*.icon-container {
    display: inline-block;
    background: rgba(242, 87, 103, 0.2);*/ /* Semi-transparent background */
/*border: 2px solid rgba(242, 87, 103, 1);*/ /* Solid border with specified color */
/*border-radius: 8px;*/ /* Optional: Rounded corners */
/*padding: 10px;*/ /* Space inside the container */
/*}*/

.vehicle-container {
    font-family: Arial, sans-serif;
}

.balance-target-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0px;
}

.balance-container {
    text-align: center;
    position: relative;
}

.line {
    width: 200px;
    height: 4px;
    background-color: gray;
    position: relative;
    margin-bottom: 20px;
    margin: 0 auto;
    top: 49px;
    border-radius: 10px;
}





.circle {
    width: 40px;
    height: 40px;
    background-color: #007bff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    position: absolute;
    top: -46px;
}

    .circle.right {
        background-color: #0d1b2a;
        right: 0;
    }

    .circle.left {
        left: 0;
    }

.text-left,
.text-right {
    font-size: 14px;
    color: gray;
    position: absolute;
    top: 50px;
}

.text-left {
    left: -13px;
}

.text-right {
    right: -20px;
}

.target-container1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.circle-progress {
    position: relative;
    width: 70px;
    height: 70px;
}

    .circle-progress svg {
        transform: rotate(-90deg);
    }

.progress-background {
    stroke-width: 3;
}

.progress {
    stroke-width: 3;
    stroke-dasharray: 40, 100; /* Percentage progress */
}

.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
    color: #28a745;
}

.target-label {
    font-size: 14px;
    margin-top: 8px;
    color: gray;
    text-align: center;
}

@media (max-width: 1250px) and (min-width: 768px) {
    .target-container {
        overflow: scroll;
    }
}

@media (max-width: 768px) {
    .target-container {
        overflow: scroll;
        display: flex;
        flex-direction: column;
    }
}

.progress-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: Arial, sans-serif;
}

.chart-container1 {
    position: relative;
    width: 100px;
    height: 100px;
}

.chart-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
    color: #28a745;
}

.label {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

.arrow-icon {
    margin-top: 46px;
}

li.profileicon .menu-dropdown {
    bottom: 20px !important;
    top: unset;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #e5e6e6;
    border-color: #0aa89e;
    border: none;
    background: transparent !important;
    border: solid 0px #0093e6 !important;
}

.dropleft {
    left: -100px !important;
}

.filter-item option {
    color: #000;
}

.page-header-box > h1 {
    color: rgba(38, 46, 47, 1) !important;
    display: inline-table;
    align-items: center;
}


#rejecticon_header {
    display: none !important;
}

#reworkicon_header {
    display: none !important;
}

.status-approved {
    color: #17C05B !important;
    font-weight: bold;
}

.status-rework {
    color: #a9a915;
    font-weight: bold;
}

.status-rejected {
    color: #F24B44 !important;
    font-weight: bold;
}

.status-ready-for-review {
    color: #DF8B06 !important;
    font-weight: bold;
}

.status-unknown {
    color: gray;
    font-weight: bold;
}

.cls_process {
    color: #B57423;
    font-weight: 600;
    font-size: 17px;
}

.cls_material {
    color: #B57423;
    font-weight: 600;
    font-size: 17px;
}

.cls_sector {
    color: #B57423;
    font-weight: 600;
    font-size: 17px;
}

.cls_pit {
    color: #B57423;
    font-weight: 600;
    font-size: 17px;
}

.cls_materialtype {
    color: #B57423;
    font-weight: 600;
    font-size: 17px;
}

.cls_plannumber {
    color: #B57423;
    font-weight: 600;
    font-size: 17px;
}

.card-padding {
    padding: 0px 10px;
}

.page-header-box .btn-icon-toggle .fa, .btn-icon-toggle .md, .btn-icon-toggle .glyphicon {
    margin: 0;
    color: #0093e6;
    font-size: 16px;
    font-weight: 600;
}

.arrow_button {
    border-bottom: 2px solid rgba(0, 147, 230, 1);
    color: rgb(255 255 255) !important;
    background-color: rgba(0, 147, 230, 1);
    border: none;
    border-radius: 3px;
}

    .arrow_button:hover {
        border-bottom: 2px solid rgba(0, 147, 230, 1) !important;
        color: rgb(255 255 255) !important;
        background-color: rgba(0, 147, 230, 1) !important;
        border: none !important;
        border-radius: 3px !important;
    }

.card-head.nav-tabs, .card-head > .nav-tabs {
    padding: 0 0px !important;
}

.status_bg {
    background-color: #d4efff57 !important;
    /* border: solid 1px #eee; */
    padding: 3px 14px;
}

.form-group span.select2 .selection .select2-selection .select2-selection__rendered {
    line-height: 25px;
}

.table.dataTable > tbody > tr > td.dt-center {
    display: flex;
    align-items: center;
}

.profileicon {
    position: fixed !important;
    bottom: 0
}

.filter-button button:hover {
    background-color: #002766 !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

.border-bottom-0 {
    border-bottom: solid 0px !important;
}

.perform_nav.nav.nav-tabs {
    display: flex;
    align-items: center;
    /* margin-left: 16px !important; */
    border: none;
    padding-left: 39px !important;
}

.list-map-tabs {
    margin-left: auto; /* Push the list-map-tabs to the end */
    display: flex;
    align-items: center; /* Align vertically with other tabs */
}

.margin-left {
    margin-left: auto;
}

.perform_nav.nav-tabs > li.active > a {
    padding: 0px 16px !important;
}

.performance-tab .nav-item.active {
    background-color: #ffff !important;
    border-top: 3px solid #0093E6 !important;
    border-radius: 4px 4px 0px 0px !important;
}

.nav.nav-tabs .active .target-icon {
    filter: grayscale(0) brightness(3) !important;
    transition: filter 0.3s ease !important;
}

.nav.nav-tabs .target-icon {
    filter: none !important;
    transition: none !important;
}

.printablerow {
    padding-top: 0px !important;
}


.profile_role {
    font-size: 10px !important;
}

.username {
    margin: 0px;
    padding-bottom: 0px;
}

.btn-flat:hover, .btn-icon-toggle:hover, .btn-flat:focus, .btn-icon-toggle:focus, .open .dropdown-toggle.btn-flat, .open .dropdown-toggle.btn-icon-toggle {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
}

.performance-tab .nav-item .title {
    color: #7B7B7B !important;
    line-height: 2 !important;
    font-size: 14px;
    font-weight: 500;
}

.performance-tab .nav-item.active .title {
    color: #0093E6 !important;
}

.performance-tab .nav-item .value {
    color: #7B7B7B !important;
}

.performance-tab .nav-item.active .value {
    color: #0093E6 !important;
}

.activeicon {
    filter: grayscale(100%);
    transition: filter 0.1s ease;
}

.nav-item.active .activeicon {
    filter: invert(32%) sepia(92%) saturate(2653%) hue-rotate(191deg) brightness(98%) contrast(90%);
}

.vertical-tabs .tab {
    background-color: #fff;
    color: #007bff;
    box-shadow: 0 2px 5px rgba(0, 123, 255, 0.2);
    margin: 0;
    gap: 13px;
    margin-right: 15px;
}

.text-white {
    color: white !important;
}

.box .form-group {
    margin: 0px !important;
}

.card-head > .nav-tabs > li > a, .nav-tabs > li.active > a {
    padding: 0px 16px !important;
}

.performance-tab .nav-tabs > li.active > a, .performance-tab .nav-tabs > li.active > a:hover {
    padding: 7px 0px !important;
}

.card-head > .nav-tabs > li > a, .nav-tabs > li.active > a {
    padding: 0px 16px !important;
}

.performance-tab .nav-tabs > li.active > a, .performance-tab .nav-tabs > li.active > a:hover {
    padding: 7px 0px !important;
}

.perform_nav.nav-tabs > li.active > a {
    border: none;
    border-bottom: 2px solid rgba(0, 147, 230, 1);
    color: rgb(255 255 255) !important;
    background-color: rgba(0, 147, 230, 1);
}

.perform_nav.nav-tabs > li.active > a {
    border: none;
    border-bottom: 2px solid rgba(0, 147, 230, 1);
    color: rgb(255 255 255) !important;
    background-color: rgba(0, 147, 230, 1);
}

.Aibtn {
    background-color: #0093E6 !important;
    color: #ffff !important;
    padding: 10px 6px !important;
    border-radius: 4px;
    border: none;
}

    .Aibtn:hover {
        background-color: #0093E6 !important;
        color: #ffff !important;
        padding: 10px 6px !important;
        border-radius: 4px;
        border: none;
    }

.text-end {
    text-align: end;
}

.filter-bar input {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 0;
    height: 13px;
}

.flex {
    display: flex;
    align-items: center;
}

@media (min-width: 320px) and (max-width: 1023px) {
    .card-head.nav-tabs, .card-head > .nav-tabs {
        white-space: nowrap !important;
        overflow-y: hidden !important;
        overflow-x: scroll !important;
    }

    .card-section {
        min-width: 319px !important;
    }

    .nav.nav-tabs.nav-overall {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .target-container {
        flex-direction: column !important;
    }

    .toggle-button.arrow_button {
        display: none;
    }
}

.nano .gui-controls li:first-child {
    background: #0A164C !important;
}

.target-container ::-webkit-scrollbar {
    width: 3px;
}

.target-container ::-webkit-scrollbar-button {
    background: #fff
}

.target-container ::-webkit-scrollbar-track-piece {
    background: #fff
}

.target-container ::-webkit-scrollbar-thumb {
    background: #888
}

.filter-item select {
    height: 28px !important;
}

.nano.has-scrollbar .gui-controls li.has-dropdown.profileicon {
    background-color: #0a164c !important;
    z-index: 999;
}

body .help-block-orange {
    background: #0093e6 !important;
    margin-bottom: 10px;
}

.filter-item span {
    margin-bottom: 5px !important;
    color: rgba(255, 255, 255, 1);
    font-size: 12px !important;
    font-weight: 200 !important;
}

.filter-item select {
    background-color: transparent !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.filter-item span {
    margin-bottom: 6px !important;
}

.filter-bar .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-item .select2-container--default .select2-selection--single {
    height: 9px !important;
}

    .filter-item .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 15px !important;
    }

    .filter-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 15px !important;
    }

.filter-item .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.filter-item .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.filter-button button {
    padding: 5px 15px !important;
}

.daily_shift .nav > li > a > img {
    width: 30px;
    height: 21px;
}

.row.printablerow {
    margin-top: 0px;
}

.maker_checker_card {
    margin-top: 0px;
}


.filter_card.card {
    margin: 0px auto;
    background-color: #007bff;
    border-radius: 8px;
    box-shadow: none;
    margin-bottom: 0px !important;
    border: none !important;
}

.filter_card .card-body {
    padding: 10px;
}

.filter-bar {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.filter-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    padding-right: 15px;
    border-right: 1px solid rgb(96 91 91 / 22%) /* Vertical line */;
    margin: 0px 7px;
}

    .filter-item:last-child {
        border-right: none;
    }

    .filter-item span {
        font-size: 12px;
        font-weight: 600;
        line-height: 15.12px;
        color: rgba(255, 255, 255, 1);
    }

    .filter-item select {
        padding: 0px 0px;
        border-radius: 5px;
        border: none;
        font-size: 14px;
        background-color: transparent;
    }

.filter-button button {
    background-color: #002766;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

    .filter-button button:hover {
        background-color: #003a99;
    }

.box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    padding: 0px 7px;
}

.vertical-tabs {
    display: flex;
    flex-direction: row;
    background-color: #f8f9fa;
    border-radius: 25px;
    padding: 0px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1) inset;
    align-items: center;
    padding: 10px 10px;
}


    .vertical-tabs .tab {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 14px;
        font-size: 14px;
        border-radius: 25px;
        cursor: pointer;
        transition: all 0.3s ease;
        margin-bottom: 10px;
        height: 32px;
    }

        .vertical-tabs .tab.active {
            background-color: #fff;
            color: #007bff;
            border: 1px solid #007bff !important;
            box-shadow: 0 2px 5px rgba(0, 123, 255, 0.2);
            margin: 0;
            gap: 13px;
            margin-right: 15px;
        }

        .vertical-tabs .tab.inactive {
            color: #6c757d;
            border: none;
            background-color: transparent;
            margin: 0;
            gap: 13px;
            margin-right: 15px;
        }

.daily_shift .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


.daily_shift .card-head {
    line-height: 36px !important;
}

.target-card.selected {
    border: 2px solid #007bff;
    background-color: #f0f8ff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.rejecticon_header {
    display: none;
}

.review_title {
    display: none;
}

section.main-content {
    padding: 0px 0px;
}

.performance-tab .nav-tabs > li.active > a, .performance-tab .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 0px solid rgba(0, 147, 230, 1) !important;
    color: #fff !important;
    cursor: default;
    opacity: 1;
    border-radius: 0px;
    line-height: 41px !important;
}

.performance-tab {
    padding: 10px;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.846153846;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0px;
    opacity: 0.55;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0px 29px;
    line-height: 41px !important;
}

.filter_section {
    padding: 10px;
    background-color: #F8F8F8;
    border: 1px solid #DDE1EF;
    border-right: solid 0px;
    border-left: solid 0px;
}

.performance-tab .nav-tabs > li.active > a, .performance-tab .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 0px solid rgba(0, 147, 230, 1) !important;
    color: #fff !important;
    cursor: default;
    opacity: 1;
    border-radius: 0px;
}

.row.daily_shift {
    margin: 0px !important;
}

.filter-bar .form-group.form-group--float-above {
    line-height: 1 !important;
}

.nano .gui-controls li > a.active:hover, .nano .gui-controls li > a.active:hover .title {
    color: #00DEFF !important
}

.row {
    margin: 0;
}

@-moz-document url-prefix() {
    .nano > .nano-content {
        /* Hide scrollbar */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer/Edge */
    }

    .nano .gui-controls li:first-child {
        border-right: 0px solid #EBF1F6 !important;
    }

    .filter-item option {
        background-color: #fff !important;
        padding: 0px !important;
        margin: 0px !important;
    }
}


/*login page*/
.card.login-card {
    box-shadow: unset;
    border: 0;
    max-width: 100%;
    margin-top: 0px;
    padding-top: 0px;
}

.login-section {
    margin: 0 auto;
    max-width: 520px;
}

.col.col-login {
    width: 500px;
    max-width: 100%;
}

.card-head.text-right img {
    background: transparent !important;
    margin-bottom: 50px;
}

.card-head img {
    background: transparent;
    float: right;
}

.login-card h3 {
    color: #141414;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans';
    font-size: 30px;
    padding-bottom: 0px !important;
    margin-bottom: 18px !important;
}

.login-card p {
    color: #141414;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    padding-left: 4px;
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.login form .form-group {
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
    font-weight: 400;
}

    .login form .form-group input {
        border: 1px solid #ccc;
        background: #FBFBFB;
        height: 45px;
        color: #141414 !important;
    }

    .login form .form-group label {
        padding-bottom: 13px;
    }

    .login form .form-group .input-group {
        height: auto;
    }

.forgot-pwd, .forgot-pwd:hover, .forgot-pwd:focus {
    background: transparent !important;
    float: right;
    height: auto !important;
    padding: 0px;
    color: #141414 !important;
    font-weight: 500 !important;
    margin-top: 0px;
    text-decoration: underline;
    margin-top: -2px;
    border: solid 0px !important;
}

.login-sub button[type="submit"] {
    background: #B57423 !important;
    border: 0px !important;
    height: 50px;
    border-radius: 8px !important;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
}


.login-sub {
    border-radius: 7px;
    background: #B57423 !important;
    margin-bottom: 0px;
    margin-top: 31px !important;
}

.reg_text p {
    color: #141414 !important;
    font-weight: 400;
    margin-top: 25px;
}

    .reg_text p a {
        color: #141414 !important;
        font-weight: 700 !important;
    }

.download-app {
    display: block;
    margin-top: 30px;
}

.download-txt {
    font-weight: 500;
    font-size: 14px !important;
    color: #141414 !important;
    font-family: 'Plus Jakarta Sans';
    text-align: center;
    padding-bottom: 10px;
    position: relative;
}

.download-mg {
    display: flex;
    justify-content: center;
    margin-top: 17px;
}

    .download-mg a {
        padding: 0px 6px;
    }

.login-card .card-head {
    min-height: auto;
    margin-bottom: 55px;
}



.carousel-inner {
    height: 98vh;
    border-radius: 42px !important;
}

.carousel-caption {
    position: absolute;
    bottom: 60px;
    z-index: 1;
    text-align: left;
}

    .carousel-caption h5 {
        font-family: 'Plus Jakarta Sans';
        color: #fff;
        font-size: 28px;
        font-weight: 700;
    }

    .carousel-caption p {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Plus Jakarta Sans';
    }

.carousel-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0px;
    left: 0px;
    border-radius: 15px;
}

.carousel-item {
    position: relative;
}

.carousel-item {
    height: 100vh;
}

.has-success .form-control {
    border-color: #b57423 !important;
}

.download-txt::before, .download-txt::after {
    position: absolute;
    content: "";
    width: 40px;
    border-bottom: 1px solid #cacaca;
}

.download-txt::before {
    left: 75px;
    top: 12px;
}

.download-txt::after {
    right: 75px;
    top: 12px;
}

.login form .form-group span {
    background: #FBFBFB;
    line-height: 35px;
    border-left: 0px !important;
}

.carousel-indicators {
    z-index: 99;
    bottom: 20px;
}

.carousel-control-next, .carousel-control-prev {
    z-index: 9;
}

.row.login_section {
    padding: 5px 5px;
}

.carousel-indicators button:hover {
    background: #fff !important;
}

.login .alert {
    top: 0px !important;
}

.login .form-group.has-error .help-block {
    display: block;
    width: 100%;
    font-family: 'Plus Jakarta Sans';
}

.forgot-arrow a {
    background: transparent !important;
    border: solid 1px #b57423 !important;
    line-height: 20px !important;
    padding: 7px 12px;
}
.forgot-arrow a:hover {
    background: transparent !important;
    border: solid 1px #b57423 !important;
    line-height: 20px !important;
    padding: 7px 12px;
}


@media only screen and (min-width:320px) and (max-width:991px) {
    .bg-banner {
        display: none;
    }
}

/*login page*/
/*assignment page*/
@media only screen and (min-width:320px) and (max-width:895px) {
    .assignment-container {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .perform_nav.nav-tabs > li > a {
        display: block;
        margin: 0 auto;
        width: max-content !important;
    }
}

.assignment-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
    gap: 23px;
    margin: 10px;
    font-family: "Plus Jakarta Sans" !important;
}

    .assignment-container .request-card-list {
        /* max-width: 430px;*/
        width: 100%;
        box-shadow: 0px 10px 20px 5px #0000000A;
        border: 1px solid #DDE1EF;
        background-color: #fff;
        /* max-width: 430px;*/
        /* padding-bottom: 14px; */
        /* height: 100%; */
        /* background: #E9F3F1 !important; */
    }

.assign_top_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
}

    .assign_top_section > div {
        display: flex;
        flex-direction: column;
    }

.assign-middle-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #EFF0F1;
    padding: 10px 20px;
}

.assign-lst ul {
    display: flex;
    margin: 0;
    padding: 0px;
    width: 100%;
    flex-direction: column;
    border: 0px solid #dcdfe2;
    border-radius: 5px;
}

    .assign-lst ul li {
        display: flex;
        justify-content: space-between;
    }

        .assign-lst ul li > div {
            display: flex;
            flex-direction: column;
        }

    .assign-lst ul li {
        display: flex;
        width: 100%;
        flex-direction: row;
        padding: 8px 10px;
        border-left: 3px solid transparent;
        align-items: center;
    }

.assign_top_section .tlt-num label {
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 1px;
    padding-bottom: 0px;
    width: 98px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.assign_top_section .tlt-num span {
    color: #B57423;
    font-size: 18px;
}

.assign_top_section .large-scale label {
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 1px;
    padding-bottom: 0px;
}

.assign_top_section .large-scale span {
    font-size: 15px;
    color: #434343;
}

.assign_top_section .breakdown span, .assign_top_section .underpref span {
    font-weight: 500;
    font-size: 11px;
    color: #7B7B7B;
}

.assign_top_section .breakdown, .assign_top_section .underpref {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .assign_top_section .breakdown label, .assign_top_section .underpref label {
        padding: 0px;
        margin: 0px;
    }

.assign-middle-section div {
    color: #434343;
    font-weight: 700;
    font-size: 14px;
    display:flex;
    align-items:center;
}
.header_textsection {
    margin-top: 6px;
    padding: 0px 15px;
}
.assign-bottom-section {
    padding:2px 20px;
    margin-bottom: 0px;
}

    .assign-bottom-section h5 {
        color: #7B7B7B;
        font-size: 14px;
        font-weight: 500;
    }

.assign-lst ul li:nth-child(2n) {
    background: #EAEAEA;
}

.assign-lst ul li .btm-lst label {
    margin-bottom: 0px;
    color: #434343;
    font-weight: 500;
    font-size: 13px;
    line-height: 12px;
}

.assign-lst ul li .btm-lst span {
    font-weight: 500;
    color: #7B7B7B;
    font-size: 11px;
}

.assign-lst {
    min-height: 0;
    overflow: auto;
    /* min-height: 95px; */
    /* margin-top: 10px; */
}
 
    .assign-lst ul li.active {
        background: #B52B230D;
        border-left: 3px solid #B52B23;
    }

    .assign-lst ul li .btm-lst label svg {
        margin-right: 8px;
    }

.assign-middle-section div span {
    margin-right: 3px;
    position: relative;
    top: 3px;
}

.assign-middle-section div svg {
    margin-left: 7px;
    position: relative;
    top: 1px;
}

.assign-middle-section div span svg {
    margin-left: 0px;
}

.tools .btn-icon-toggle i {
    transform: rotate(180deg);
    color: #838185;
    font-size: 22px;
}

.assign_top_section .breakdown label, .assign_top_section .underpref label {
    line-height: 12px;
}

    .assign_top_section .breakdown label svg, .assign_top_section .underpref label svg {
        width: 18px;
        height: 18px;
    }
/*assignment page*/
/*brown theme*/
html, body.brown-theme {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.brown-theme div#menubar {
    background: linear-gradient(180deg, #24272D 0%, #9C8C80 100%) !important;
}

.brown-theme .nano.has-scrollbar .gui-controls li:first-child {
    background: transparent !important;
}

.brown-theme .nano.has-scrollbar .gui-controls li.has-dropdown.profileicon {
    background: transparent !important;
}

.brown-theme .filter_card.card {
    background: #fff !important;
    /* border: none; */
}

.brown-theme span.text-white {
    color: #312B1B !important;
    font-weight: 600;
}

.brown-theme .filter-bar label {
    color: #7A431D !important;
    font-weight: 600;
}

.brown-theme .filter-item span.selection span, .brown-theme .filter-item span {
    color: #372C2E !important;
    font-size: 14px !important;
}

.brown-theme .filter-item .box input[type="text"] {
    color: #372C2E !important;
    font-weight: 600;
    font-size: 13px;
}


.brown-theme .nano .gui-controls li a span {
    font-size: 13px;
}

.brown-theme table thead {
    background: rgba(255, 247, 241, 1) !important;
}

.brown-theme .dataTables_wrapper .dataTables__bottom {
    background: #fff7f0 !important;
}

.brown-theme .dataTables__bottom .dataTables_paginate span {
    color: #B57423 !important;
}

.brown-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .brown-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #4F5356;
}

.brown-theme .dataTables__bottom .dataTables_paginate input, .brown-theme .dataTables__bottom .dataTables_paginate select {
    border: 1px solid #B57423 !important;
    color: #B57423 !important;
}

.brown-theme .dataTables_wrapper .dataTables__bottom .dataTables_info {
    color: #606060 !important;
    font-weight: 600;
}

.brown-theme .performance-tab .nav-item .title {
    color: #7B7B7B !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
}



.brown-theme .performance-tab .nav-item .value {
    font-weight: 700 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 18px;
}

.brown-theme .performance-tab .nav-tabs > li.active > a, .brown-theme .performance-tab .nav-tabs > li.active > a:hover, .brown-theme .nav-tabs > li.active > a:focus {
    border-bottom: 0px solid rgb(181 116 35) !important;
}

.brown-theme .performance-tab .nav-item.active {
    border-top: 3px solid #b57423 !important;
}

    .brown-theme .performance-tab .nav-item.active .title {
        color: #b47323 !important;
    }

    .brown-theme .performance-tab .nav-item.active .value {
        color: #b37223 !important;
    }

.brown-theme .vertical-tabs {
    background: #E7E5E4;
}

    .brown-theme .vertical-tabs .tab.inactive {
        border-color: #b57423 !important;
    }

.brown-theme .box {
    padding: 0px 8px !important;
}



.brown-theme .vertical-tabs .tab {
    box-shadow: unset;
}

.brown-theme .perform_nav.nav-tabs > li.active > a {
    color: #fff !important;
    border-color: #b37323;
    background: #b37323;
}

.brown-theme .perform_nav.nav-tabs > li a {
    background: #e7e5e4;
    color: #585858 !important;
    font-weight: 500;
    border-color: #e7e5e4;
}


.brown-theme .dataTables_wrapper .table.dataTable > tbody > tr > td {
    color: #222 !important;
    font-weight: 400 !important;
}
/*browm theme*/
/*map section*/
#map-tab-content ul.nav-tabs li {
    padding-bottom: 0px;
}



        #map-tab-content ul.nav-tabs li a.active {
            color: #B57423 !important;
            border-bottom: 1px solid #B57423 !important;
            opacity: 1;
            font-weight: 600;
        }

/*#map-tab-content .automatonShowFilter {*/
/*    border: 1px solid #e8e8e8 !important;
    background: #fff !important;
    color: #E85D00 !important;
    box-shadow: 0px 1px 4px 0px #0000000D;
    position: relative;
    left: 8px;
}
*/


.vehicle-container {
    font-family: 'Plus Jakarta Sans' !important;
}

    .vehicle-container .icon img {
        border: 0px !important;
    }

.vehicle-info span.vehicle-number {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    color: #1F1F1F;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height:0;
}

.vehicle-details span.status {
    color: #878A99;
    margin-top: 1px;
}

.last-update {
    color: #878A99;
    font-size: 12px;
    margin-top: 0px;
    padding-top: 0px;
    line-height:0;
}

.speed-info {
    color: #878A99;
    font-size: 11px;
    margin-top: 0px;
    padding-top: 0px;
}



span.error_message {
    width: 100% !important;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    padding: 4px;
    color: #B52B23;
    font-weight: 500;
    font-size: 10px;
}

    span.error_message img {
        margin-right: 4px;
    }

li.detail-item span {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    color: #1F1F1F;
}

li.detail-item span {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    color: #1F1F1F;
}

li.detail-item {
}

ul.fuel-overall {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: 'Plus Jakarta Sans';
    border-top: 1px solid #f2f2f2;
    padding-top: 6px;
}

    ul.fuel-overall li {
        list-style-type: none;
        display: flex;
    }

        ul.fuel-overall li .fuel-lst {
            display: flex;
            flex-direction: column;
            margin-left: 5px;
            justify-content: flex-start;
        }

            ul.fuel-overall li .fuel-lst label {
                color: #7B7B7B;
                font-size: 12px;
                margin-bottom: 0;
                text-align: left;
            }

        ul.fuel-overall li svg {
            position: relative;
            top: 4px;
        }

        ul.fuel-overall li .fuel-lst span {
            color: #434343;
            text-align: left;
            font-size: 12px;
        }

.tyre-detail ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-left: 0px !important;
    padding-left: 0px;
}

    .tyre-detail ul li {
        list-style: none;
    }

.tyre-detail {
    background: #F3F3F3;
    border: 1px solid #EEF1F3;
    padding: 6px 10px;
    border-radius: 6px;
    margin-top: 10px;
}

.tyre-tlt {
    text-align: left;
    color: #7B7B7B;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 1px;
}

    .tyre-tlt svg {
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.tyre-detail ul li label {
    font-size: 12px;
    font-weight: 600;
    color: #999B9D;
    margin-right: 3px;
}

.tyre-detail ul li span {
    color: #434343;
    font-size: 12px;
    font-weight: 600;
}

.map_side_card.active {
    background: #EDE8DC !important;
}
/*map section*/
.perform_nav.nav-tabs > li.active > a {
    color: #fff !important;
    border-color: #8ec6ff !important;
    background: #fff !important;
    border-bottom: 40px solid #007bff !important;
    border-left: 12px solid transparent !important;
    border-right: 12px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center !important;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    justify-content: center !important;
    font-size: 14px;
}

.perform_nav.nav-tabs > li > a {
    color: #222 !important;
    border-color: #8ec6ff !important;
    background: #fff !important;
    border-bottom: 40px solid #e7e5e4 !important;
    border-left: 12px solid transparent !important;
    border-right: 12px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center !important;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    justify-content: center !important;
    font-size: 14px;
}

.perform_nav.nav-tabs > li.active > a img {
    position: relative;
    top: 9px;
}

.perform_nav.nav-tabs > li a img {
    position: relative;
    top: 9px;
}

.brown-theme .perform_nav.nav-tabs > li.active > a {
    color: #fff !important;
    border-color: #B57423 !important;
    background: #fff;
    border-bottom: 40px solid #B57423 !important;
    border-left: 18px solid transparent !important;
    border-right: 18px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
/*    box-shadow: 0px 20px 10px -15px #a09f9f;*/
    font-weight: 700;
}

.brown-theme .perform_nav.nav-tabs > li a {
    color: #585858 !important;
    border-color: #e7e5e4 !important;
    background: #fff;
    border-bottom: 40px solid #e7e5e4 !important;
    border-left: 18px solid transparent !important;
    border-right: 18px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
/*    box-shadow: 0px 20px 10px -15px #a09f9f;*/
font-weight: 700;
}

    .brown-theme .perform_nav.nav-tabs > li a img {
        position: relative;
        top: 9px;
    }

.brown-theme .perform_nav.nav-tabs > li.active > a img {
    position: relative;
    top: 9px;
}

.perform_nav li {
    padding: 7px 0px !important;
}

.brown-theme .vertical-tabs {
    background: #E7E5E4;
    box-shadow: 0px 2px 3px 0px #0000001A inset;
    padding: 4px 8px;
}

.blue-theme .vertical-tabs {
    background: #0a164c;
    box-shadow: 0px 2px 3px 0px #0000001A inset;
    padding: 4px 8px;
}

    .blue-theme .vertical-tabs .tab.active svg path {
        stroke: #007bff !important;
    }

    .blue-theme .vertical-tabs .tab svg path {
        stroke: #ffffff !important;
    }

.blue-theme #map-tab-content ul.nav-tabs li a.active {
    color: #C37336 !important;
    border-bottom: 1px solid #C37336 !important;
    opacity: 1;
    font-weight: 600;
}

.blue-theme #map-tab-content .automatonShowFilter {
    color: #007bff !important;
}

.vertical-tabs .tab {
    margin-right: 0px !important;
}

.brown-theme .vertical-tabs .tab.inactive.active {
    border-color: #b57423 !important;
    background: #fff;
}

    .brown-theme .vertical-tabs .tab.inactive.active svg path {
        stroke: #b57423 !important;
    }

.brown-theme .vertical-tabs .tab.inactive svg path {
    stroke: #9c9da0;
}

.brown-theme .nano .gui-controls li > a.active:hover, .brown-theme .nano .gui-controls li > a.active:hover .title {
    color: #C98A51 !important;
}

.brown-theme .nav.nav-tabs.nav-overall > li.active > a, .brown-theme .nav.nav-tabs.nav-overall > li.active > a:hover, .brown-theme .nav.nav-tabs.nav-overall > li.active > a:focus {
    color: #fff !important;
    border-color: #B57423 !important;
    background: #fff;
    border-bottom: 40px solid #B57423 !important;
    border-left: 18px solid transparent !important;
    border-right: 18px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
    background-color: transparent !important;
    margin-left: 0px;
}

.brown-theme .gui-controls > li > a.active i, .brown-theme .gui-controls > li:hover > a i {
    color: #C98A51 !important;
}

.brown-theme .gui-controls > li > a.active > .title, .brown-theme .gui-controls > li:hover > a > .title {
    color: #C98A51 !important;
}

.tools .dropdown-menu li a img {
    margin-right: 10px;
    margin-top: -5px;
}

a.logo-item {
    margin-top: 10px;
}

.blue-theme .assign_top_section .tlt-num span {
    color: #007bff;
}

.blue-theme .assign-lst ul li.active {
    background: #1059e90d;
    border-left: 3px solid #007bff;
}

.vertical-tabs.theme-tab .tab {
    margin-left: 5px !important;
}
.brown-theme #isAutoAllocation.cma_primary_button:hover {
    background: #ffffff !important;
    color: #000 !important;
    border: 0px solid #ECECEC !important;
    padding: 0px 9px;
    border-radius: 8px;
    font-size: 14px;
    color: #333 !important;
    gap: 4px;
    background-color: #fff;
}
.brown-theme #isAutoAllocation.cma_primary_button {
    background: #ffffff !important;
    color: #000 !important;
    border: 0px solid #ECECEC !important;
    padding: 0px 9px;
    border-radius: 8px;
    font-size: 14px;
    color: #333 !important;
    gap: 4px;
    background-color: #fff;
}
.isAutoAllocation_craftmyapp_container {
     background: #ffffff !important;
     color: #000 !important;
     border: 1px solid #ECECEC !important;
     padding: 0px 9px;
     border-radius: 8px;
     font-size: 14px;
     color: #333 !important;
     gap: 4px;
     background-color: #fff;
     align-items: center;
}

.brown-theme .filter-button button {
    background: #b57423;
}

.brown-theme button.btn.btn-secondary.cma_cancel_button.waves-effect {
    background: #fff !important;
    border: 1px solid #b57423 !important;
    color: #b57423 !important;
    margin-left: 6px;
    height : 38px;
}

.brown-theme .mainSideMenu .menu-dropdown {
    background: #4c4949 !important;
}

    .brown-theme .mainSideMenu .menu-dropdown ul li a::before {
        color: #b57423 !important;
    }

/*.brown-theme .automatonShowFilter {
    background: #c98a51 !important;
}*/

.brown-theme .dataTables_buttons .cma_top_icon i {
    color: #000000 !important;
    border: 1px solid #B57423 !important;
    border: 0.75px solid rgba(181, 116, 35, 0.8);
    background: rgba(181, 116, 35, 0.04);
}

.brown-theme .dataTables_wrapper .dataTables_buttons .cma_top_icon:nth-child(2) i {
    color: #000000 !important;
}

.brown-theme .dataTables_buttons .cma_top_icon i {
    border: 1px solid #B57423 !important;
}

.brown-theme .dataTables_wrapper table thead tr th.dt-center {
    background: rgba(255, 247, 241, 1) !important;
}

.brown-theme .dataTables_buttons .cma_add_button {
/*    border: 0.75px solid rgba(181, 116, 35, 0.8);
    border: 0.75px solid rgba(181, 116, 35, 0.8);
    color: rgba(181, 116, 35, 1) !important;
    box-shadow: none;*/
    background: rgba(181, 116, 35, 1) !important;
}
/*.brown-theme .cma_add_button .material-icons {
    color: rgba(34, 34, 34, 1);
}*/
.brown-theme .page-header-box .btn-icon-toggle .fa, .brown-theme .btn-icon-toggle .md, .brown-theme .btn-icon-toggle .glyphicon {
    color: #b57423;
}

.brown-theme .arrow_button {
    background: #b57423 !important;
}

.brown-theme .filter-bar .filter-item span img {
    filter: invert(20%) sepia(98%) saturate(2653%) hue-rotate(191deg) brightness(98%) contrast(9%);
}

.brown-theme .filter-item span img {
    filter: invert(20%) sepia(98%) saturate(2653%) hue-rotate(191deg) brightness(98%) contrast(9%);
}


/*popup*/
.equip-rgt {
    display: flex;
}

.equipment-container {
    display: flex;
    flex-direction: column;
    margin: 20px;
    width: 97%;
    border: 1px solid #DDE1EF;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 10px 20px 5px #0000000A;
    border-radius: 5px;
}

.equip-head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 10px;
}

.equip-lft {
    color: #222222;
    font-weight: 700;
    font-size: 18px;
}

.equip-rgt a {
    display: flex;
}

.equip-rgt .upload-popup-btn {
    background: #B57423;
    padding: 5px 8px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    cursor: pointer;
    text-decoration: none;
}

    .equip-rgt .upload-popup-btn svg {
        margin-right: 4px;
        margin-top: 1px;
    }
a.bulk-upload.upload-popup-btn.automatonShowFilter {
    margin-right: 0;
    /*width: 120px !important;*/
    text-align: center;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    font-size: 14px;
    height: 37px;
    line-height: 18px;
    background-image: none !important;
}
a.filter-popup-btn {
    background: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    color: #B57423;
    border: 1px solid #B57423CC;
    margin-left: 9px;
    display: flex;
    cursor: pointer;
    text-decoration: none;
}

    a.filter-popup-btn svg {
        margin-right: 5px;
        margin-top: 1px;
    }

.equip-bottom {
    display: flex;
    justify-content: center;
    padding: 30px 0px;
}

.result-icon {
    width: 290px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
}

    .result-icon h3 {
        color: #272E38;
        text-align: center;
        font-weight: 700;
        width: 100%;
        float: left;
        margin-bottom: 14px;
    }

    .result-icon span {
        color: #717171;
        font-weight: 400;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
.filter-popup {
    width: 500px !important;
    box-shadow: 0px 3px 8px 1px #00000026 !important;
    border: 1px solid #DCDCDC;
    background: #fff !important;
    border-radius: 5px;
    float: right !important;
    right: 46px !important;
    left: unset;
    top: 86px;
}

.title-f {
    color: #222222 !important;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
}



.filter-popup .form-group label {
    color: #7B7B7B !important;
    font-weight: 500 !important;
    font-family: Plus Jakarta Sans !important;
    font-size: 14px !important;
    padding-bottom: 7px !important;
}

.filter-popup .form-group select {
    border: 1px solid #e7e7e7;
    color: #333333;
    font-size: 14px;
    font-weight: 500 !important;
    height: 40px;
}

.filter-popup .form-group {
    margin-bottom: 12px !important;
}

.can-sub {
    float: right;
    text-align: right;
}

button.cancel-btn {
    border: 1px solid #DBDBDB;
    width: 102px;
    height: 41px;
    color: #222222;
    background: #fff !important;
    border-radius: 5px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    margin-right: 10px;
}

button.submit-btn {
    border: 1px solid #DBDBDB;
    width: 102px;
    height: 41px;
    color: #ffffff;
    background: #B57423 !important;
    border-radius: 5px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
}

/*drag and drop*/
.drag-drop {
    border: 2px dashed #C8C8C8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: background-color 0.3s;
    cursor: pointer;
    width: 330px;
    margin: 0 auto;
    flex-direction: column;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.automatonShowFilter.filter-popup-btn {
    margin-right: 0px !important;
    width: 75px !important;
    text-align: center;
    font-weight: 700 !important;
    color: #B57423 !important;
    font-size: 14px;
    height: 37px;
    line-height: 18px;
    background: #fff !important;
}
.drag-drop .upload-area.dragover {
    background-color: #e6f7ff;
}

.drag-drop input[type="file"] {
    display: none;
}

.drag-drop .file-list {
    margin-top: 20px;
}

.drag-drop .error {
    color: red;
    margin-top: 10px;
}

.drag-drop span, .drag-drop button {
    display: inline-block;
    margin: 10px 0;
}

.drag-drop button {
    padding: 10px 20px;
    cursor: pointer;
}
.upload-area p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    color: #222222 !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.drag-drop span, .drag-drop button {
    margin: 0;
    color: #222222;
    font-size: 14px;
}

    .drag-drop button, .drag-drop button:hover {
        background: #B57423 !important;
        width: 85px;
        height: 36px;
        border-radius: 5px !important;
        color: #fff;
        border: 0;
        font-size: 14px;
        font-weight: 600 !important;
        line-height: 19px;
        margin-bottom: 10px;
    }

span.support-file {
    color: #7B7B7B !important;
    font-weight: 500;
    font-size: 12px;
}

.title-f {
    border-bottom: 1px solid #eef1f2;
    margin-bottom: 13px;
}

.upload-icon {
    margin-bottom: 10px;
}

.upload-popup {
    width: 500px !important;
    box-shadow: 0px 3px 8px 1px #00000026 !important;
    border: 1px solid #DCDCDC;
    background: #fff !important;
    border-radius: 5px;
    float: right !important;
    right: 46px !important;
    left: unset;
    top: 86px;
    max-width: 100% !important;
}
.blue-theme .automatonShowFilter.filter-popup-btn {
    border-color: #0093e6;
}

    .blue-theme .automatonShowFilter.filter-popup-btn span {
        color: #0093e6 !important;
    }

@media only screen and (min-width:320px) and (max-width:400px) {
    .equip-head {
        flex-direction: column !important;
    }
}
@media only screen and (min-width:320px) and (max-width:768px) {
    .row.div_filter.upload-popup {
        width: 93% !important;
        right: unset !important;
        left: 25px !important;
        top: 120px !important
    }

    .row.div_filter.filter-popup {
        width: 93% !important;
        right: unset !important;
        left: 25px !important;
        top: 120px !important
    }

    .row.div_filter.upload-popup .col-sm-12 {
        width: 100% !important;
    }

    .row.div_filter.filter-popup .col-sm-12, .row.div_filter.filter-popup .col-sm-6 {
        width: 100% !important;
    }
}

.target-container {
    margin-bottom: 2px;
}
.performance-tab .nav-item {
    border-top: 2px solid #f9f9f9 !important;
}
.brown-theme .performance-tab .nav-tabs > li .performance-card span svg path {
    fill: #968c84;
}
.brown-theme .performance-tab .nav-tabs > li.active .performance-card span svg path {
    fill: #b37223;
}

.blue-theme .performance-tab .nav-tabs > li .performance-card span svg path {
    fill: #968c84;
}

.blue-theme .performance-tab .nav-tabs > li.active .performance-card span svg path {
    fill: #007bff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px !important;
}

.dataTables__bottom .dataTables_paginate {
    font-size: 14px !important;
}
.dataTables_wrapper .dataTables__bottom .dataTables_info {
    font-size: 14px !important;
}
/*nav-tab-normal*/
.nav-tabs.nav-tab-normal > li.active > a, .nav-tabs.nav-tab-normal > li.active > a:hover, .nav-tabs.nav-tab-normal > li.active > a:focus {
    background: transparent !important;
    border: 0px !important;
    line-height: 0px !important;
}

ul.nav-tabs.nav-tab-normal li a.active {
    color: #B57423 !important;
    border-bottom: 1px solid #B57423 !important;
    opacity: 1;
    font-weight: 600;
}

ul.nav-tabs.nav-tab-normal li {
    padding-bottom: 23px;
    padding-left: 0px;
    padding-right: 0px;
}

    ul.nav-tabs.nav-tab-normal li a {
        color: #212529 !important;
        font-size: 15px;
        font-weight: 400;
        padding: 0px 16px !important;
        line-height: 0px !important;
        display: block;
        border-bottom: 0px !important;
    }

        ul.nav-tabs.nav-tab-normal li a.active {
            color: #B57423 !important;
            border-bottom: 1px solid #B57423 !important;
            opacity: 1;
            font-weight: 600;
        }

ul.nav.nav-tabs.nav-tab-normal {
    display: block;
    width: 100% !important;
    float: left;
    margin-bottom: 19px !important;
    border-bottom: 1px solid #E7EAEF !important;
    margin: 0px 10px;
    border-radius: 0px !important;
}

ul.nav-tabs.nav-tab-normal li:hover a, ul.nav-tabs.nav-tab-normal li a:hover {
    border-color: unset !important;
    background: transparent !important;
    border: unset !important;
}

ul.nav-tabs.nav-tab-normal li.active a {
    color: #B57423 !important;
    opacity: 1;
    font-weight: 600;
}

ul.nav-tabs.nav-tab-normal li.active {
    border-bottom: 1px solid #B57423 !important;
}

.tab-content.nav-tab-content .tab-pane {
    padding: 10px !important;
}


.has-success .input-group-addon {
    border-color: #b57423 !important;
}

.brown-theme .nav-tabs.nav-deviation > li.active > a, .brown-theme .nav-tabs.nav-deviation > li.active > a:hover, .brown-theme .nav-tabs.nav-deviation > li.active > a:focus {
    border-bottom: 0px !important;
    background-color: #ffff !important;
}

.blue-theme .nav-tabs.nav-deviation > li.active > a, .blue-theme .nav-tabs.nav-deviation > li.active > a:hover, .blue-theme .nav-tabs.nav-deviation > li.active > a:focus {
    border-bottom: 0px !important;
}

.sample-table table {
    width: 100%;
}

    .sample-table table thead tr th {
        padding: 10px 20px;
        color: #222222;
        font-size: 15px;
        font-weight: 600;
    }

    .sample-table table tbody tr td {
        padding: 10px 20px;
        color: #222222;
        font-size: 14px;
    }

        .sample-table table tbody tr td span {
            width: 100%;
            display: block;
            text-align: center;
        }

        .sample-table table tbody tr td img {
            margin-right: 12px;
            width: 26px;
            height: 26px;
        }

    .sample-table table tbody tr:nth-child(2n) td {
        background: #FAF8F8;
    }

.sample-table {
    margin-bottom: 26px;
    margin-top: 20px;
}
td.normal {
    color: #2364B5 !important;
    font-weight: 600;
}

td.fat {
    color: #B57423 !important;
    font-weight: 600;
}

td.over-work {
    color: #B52B23 !important;
    font-weight: 600;
}

img.arrow {
    width: auto !important;
    height: auto !important;
}

.staff-pop {
    width: 260px;
    box-shadow: 0px 10px 20px 0px #0000000A;
    border: 1px solid #DDE1EF;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
}

.blood-group {
    display: flex;
    justify-content: space-between;
}

    .blood-group span, .emergency-call span {
        width: auto !important;
        text-align: left !important;
        display: flex !important;
        align-items: center;
        font-size: 13px;
        font-weight: 700;
        color: #141414;
        padding-bottom: 7px;
    }

        .blood-group span svg, .emergency-call span svg {
            margin-right: 10px;
        }

    .blood-group label {
        font-size: 12px;
        color: #141414;
        font-weight: 500 !important;
    }

.contact-lst {
    margin-left: 27px;
}

.over-lst {
    color: #7a7777;
    font-weight: 500;
    font-size: 13px;
}

.contact-number {
    color: #141414;
    font-weight: 500;
    font-size: 13px;
}

.staff-pop {
    position: absolute;
    top: 0px;
    z-index: 9;
    right: -30px;
    opacity: 0;
}

.staff-pop-main:hover .staff-pop {
    opacity: 1;
}

td.staff-pop-main {
    position: relative;
}
.target-card.selected .dash_arrow {
    color: #b57423 !important;
}
.brown-theme .target-card.selected {
    border: 2px solid #b57423;
    background-color: #F4F5F9;
    box-shadow: 0px 4px 6px 0px #00000033;
}

    .brown-theme .target-card.selected .dash_arrow {
        color: #b57423;
    }
.brown-theme .card-section.material-targets {
    border: 0.72px solid;
    border-image: linear-gradient(224.38deg, rgb(190, 132, 61) 0%, rgba(240, 199, 185, 0) 46.3%);
    border-image-slice: 1;
    background: linear-gradient(224.38deg, rgb(255, 232, 203) 0%, rgba(0, 147, 230, 0) 24.3%);
}


div#menubar {
    box-shadow: 0px 1px 5px 1px #00000033;
}

.blue-theme div#menubar {
    background: #1e1e1e !important;
}

.blue-theme .nano.has-scrollbar .gui-controls li.has-dropdown.profileicon {
    background: #1e1e1e !important;
}

.blue-theme .filter_card.card {
    background: #1e1e1e;
}

.blue-theme .filter-bar .filter-item span img {
    filter: invert(20%) sepia(98%) saturate(2653%) hue-rotate(191deg) brightness(98%) contrast(9%);
}

.blue-theme .nano.has-scrollbar .gui-controls li:first-child {
    background: #1e1e1e !important;
}
div#menubar {
    box-shadow: 0px 1px 5px 1px #00000033;
}

.blue-theme div#menubar {
    background: #1e1e1e !important;
}

.blue-theme .nano.has-scrollbar .gui-controls li.has-dropdown.profileicon {
    background: #1e1e1e !important;
}

.blue-theme .filter_card.card {
    background: #1e1e1e;
}

.blue-theme .filter-bar .filter-item span img {
    filter: invert(20%) sepia(98%) saturate(2653%) hue-rotate(191deg) brightness(98%) contrast(9%);
}

.blue-theme .nano.has-scrollbar .gui-controls li:first-child {
    background: #1e1e1e !important;
}



.blue-theme #map-tab-content .card-body {
    background: #343434;
}

.blue-theme #map-tab-content ul.nav-tabs li a {
    color: #fff;
}

.blue-theme  div#map-tab-content {
    background: #000;
}

.blue-theme .card-head {
    background: #000 !important;
    padding-left: 10px;
    padding-right: 10px;
}

.blue-theme .perform_nav.nav-tabs > li.active > a, .blue-theme .perform_nav.nav-tabs > li a {
    color: #fff !important;
    border-color: #B57423 !important;
    background: #fff;
    border-bottom: 40px solid #B57423 !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
    background-color: transparent !important;
    margin-left: 0px;
}

.blue-theme .perform_nav.nav-tabs > li a {
    color: #585858 !important;
    border-color: #ECECEC !important;
    background: #fff;
    border-bottom: 40px solid #ECECEC !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
    background-color: transparent !important;
}


.blue-theme .filter_section {
    background: #343434;
    border-color: #000;
}

.blue-theme .card.map_side_card {
    background: #343434 !important;
}

.blue-theme .last-update {
    color: #ABABAB;
}

.blue-theme .vehicle-info span.vehicle-number {
    color: #fff;
}

.blue-theme li.detail-item span {
    color: #ababab;
}

.blue-theme ul.fuel-overall li .fuel-lst label {
    color: #fff;
}

ul.fuel-overall li .fuel-lst span {
    color: #ababab;
}

.blue-theme .vehicle-container .icon img {
    filter: invert(20%) sepia(98%) saturate(2653%) hue-rotate(191deg) brightness(98%) contrast(9%);
}

.blue-theme .search-container input {
    background: #000 !important;
    border-color: #646060 !important;
}

.blue-theme .search-container img {
    filter: invert(97%) sepia(100%) saturate(2653%) hue-rotate(195deg) brightness(101%) contrast(45%);
}

body.blue-theme #map-tab-content .automatonShowFilter {
    color: #c37336 !important;
    background: #000000 !important;
    border-color: #646060 !important;
}

.blue-theme footer {
    background: #1e1e1e !important;
}

    .blue-theme footer .card {
        background: #1e1e1e !important;
    }

        .blue-theme footer .card .card-body h4 {
            color: #9b9b9b;
        }

.blue-theme .tyre-detail {
    background: #000000;
    border-color: #646060;
}

    .blue-theme .tyre-detail ul li span {
        color: #fff;
    }



.blue-theme .gui-controls > li > a.active > .title {
    color: #c37336 !important;
}

.blue-theme .gui-controls > li > a.active i {
    color: #c37336 !important;
}

.blue-theme .nano .gui-controls li > a.active:hover, .blue-theme .nano .gui-controls li > a.active:hover .title {
    color: #c37336 !important;
}

    .blue-theme .nano .gui-controls li > a.active:hover i, .blue-theme .nano .gui-controls li > a.active:hover i {
        color: #c37336 !important;
    }

.blue-theme .gui-controls li > a:hover .title, .blue-theme .gui-controls li > a:hover i {
    color: #c37336 !important;
}

.blue-theme .filter-button button {
    background: #393939;
}

body.blue-theme .vertical-tabs {
    background: #393939;
}

    body.blue-theme .vertical-tabs .tab.active {
        color: #c37336 !important;
        border: 1px solid #c37336 !important;
    }

        body.blue-theme .vertical-tabs .tab.active svg path {
            stroke: #c37336 !important;
        }


.blue-theme .tcontent .card .card-body {
    background: #000000;
}

.blue-theme .assignment-container .request-card-list {
    background: #343434;
    border-color: #646060 !important;
}

    .blue-theme .assignment-container .request-card-list .dropdown-menu {
        background: #000;
        border-color: #646060;
    }

        .blue-theme .assignment-container .request-card-list .dropdown-menu li a {
            color: #181818;
        }

        .blue-theme .assignment-container .request-card-list .dropdown-menu li a {
            filter: invert(97%) sepia(100%) saturate(2653%) hue-rotate(195deg) brightness(101%) contrast(45%);
        }

.blue-theme .assign-middle-section {
    background: #000;
}

    .blue-theme .assign-middle-section div {
        color: #fff;
    }

.blue-theme .assign_top_section .large-scale span {
    color: #fff;
}

.blue-theme .assign-lst ul li .btm-lst label {
    color: #acacac;
}

.blue-theme .assign-lst ul li:nth-child(2n) {
    background: #000;
}

body.blue-theme .assign_top_section .tlt-num span {
    color: #c37336 !important;
}

.blue-theme .assign-lst ul {
    border-color: #646060;
}

.blue-theme .assign-bottom-section h5 {
    color: #fff;
}

body.blue-theme .assign-lst ul li.active {
    border-color: #c37336 !important;
}
body.blue-theme .daily_shift .col-sm-12.col-xs-12.p-0 {
    background: #000 !important;
}
body.blue-theme .daily_shift .col-sm-12 .card-body {
    background: #000 !important;
}
.blue-theme div#content {
    background: #000;
}
.blue-theme .mainSideMenu .menu-dropdown {
    background: #343434 !important;
}

    .blue-theme .mainSideMenu .menu-dropdown ul li a::before {
        color: #c37323;
    }
.blue-theme .mainSideMenu .menu-dropdown {
    background: #343434 !important;
}

    .blue-theme .mainSideMenu .menu-dropdown ul li a::before {
        color: #c37323;
    }

.blue-theme table thead {
    background: #343434 !important;
}

    .blue-theme table thead tr th {
        color: #969696 !important;
    }

.blue-theme .dataTables_wrapper .table.dataTable > tbody > tr > td {
    color: #fff !important;
}

.blue-theme .dataTables_wrapper .table.dataTable tbody tr td {
    background: #1e1e1e;
}
.blue-theme .sample-table table tbody tr td {
    color: #fff;
}

.blue-theme .sample-table table tbody tr:nth-child(2n) td {
    background: #212020;
}

.blue-theme ul.nav-tabs.nav-tab-normal li a {
    color: #ffffff !important;
}

.blue-theme ul.nav-tabs.nav-tab-normal li.active a {
    color: #B57424 !important;
}

.blue-theme h3.section-title {
    color: #fff !important;
}

.blue-theme .dataTables_wrapper table thead tr th {
    background: #343434 !important;
}

body.blue-theme table thead {
    background: #343434 !important;
}
.blue-theme ul.nav.nav-tabs.nav-tab-normal {
    border-color: #343434 !important;
}
.blue-theme .dataTables_wrapper .dataTables__bottom {
    background: #343434 !important;
}
.blue-theme .dataTables__bottom .dataTables_paginate input[type="number"] {
    color: #fff !important;
}
.blue-theme .dataTables__bottom .dataTables_paginate input, .blue-theme .dataTables__bottom .dataTables_paginate select {
    background: #000 !important;
    color: #fff;
    border: 1px solid #b36b34 !important;
}
.blue-theme .maker_checker_card {
    background: #1e1e1e !important;
    border-color: #3e3d3d !important;
}



.blue-theme .dataTables_wrapper .input-group.prefix .form-control {
    background: #000;
}

.blue-theme p.tlt-txt {
    color: #fff;
}

.blue-theme i.automatonShowFilter.actions__item.mdi.material-icons {
    background: #c37336 !important;
}

.blue-theme .dataTables_buttons .cma_add_button {
    background: #c37336 !important;
}
.blue-theme .equipment-container {
    background: #343434;
    border-color: #606060;
}

.blue-theme .equip-lft {
    color: #fff;
}

.blue-theme .automatonShowFilter {
    background: #c37336 !important;
}

    .blue-theme .automatonShowFilter.filter-popup-btn {
        border-color: #2a2827 !important;
        background: #565151 !important;
        color: #fff !important;
    }

body.blue-theme .automatonShowFilter.filter-popup-btn span {
    color: #fff !important;
}

.blue-theme .result-icon h3 {
    color: #fff;
}

.blue-theme .result-icon span {
    color: #ccc;
}

.blue-theme .equip-head {
    border-color: #7e7070;
}

.blue-theme a.filter-popup-btn svg path {
    stroke: #fff;
}
.blue-theme .equipment-container {
    background: #343434;
    border-color: #606060;
}

.blue-theme .equip-lft {
    color: #fff;
}

.blue-theme .automatonShowFilter {
    background: #c37336 !important;
}

    .blue-theme .automatonShowFilter.filter-popup-btn {
        border-color: #2a2827 !important;
        background: #565151 !important;
        color: #fff !important;
    }

body.blue-theme .automatonShowFilter.filter-popup-btn span {
    color: #fff !important;
}

.blue-theme .result-icon h3 {
    color: #fff;
}

.blue-theme .result-icon span {
    color: #ccc;
}

.blue-theme .equip-head {
    border-color: #7e7070;
}

.blue-theme a.filter-popup-btn svg path {
    stroke: #fff;
}

.blue-theme .performance-tab .nav-item.active {
    background: #1e1e1e !important;
    border-top: 3px solid #c37336 !important;
}

body.blue-theme .performance-tab .nav-tabs > li.active .performance-card span svg path {
    fill: #c37336;
}

body.blue-theme .performance-tab .nav-item.active .title {
    color: #c37336 !important;
}

.blue-theme .performance-tab .nav-item.active .value {
    color: #c37336 !important;
}

.blue-theme .performance-tab .nav-tabs .nav-link {
    background: #373737 !important;
}

.blue-theme .performance-tab .nav-item {
    background: #373737 !important;
}

.blue-theme .performance-tab .nav-tabs .nav-link.active {
    background: #1e1e1e !important;
}

.blue-theme .performance-tab .nav-item {
    border-top: 2px solid #4c4a4a !important;
}

    .blue-theme .performance-tab .nav-item .title {
        color: #ababab !important;
    }

    .blue-theme .performance-tab .nav-item .value {
        color: #ababab !important;
    }

body.blue-theme .performance-tab .nav-tabs > li .performance-card span svg path {
    fill: #ababab !important;
}

.blue-theme .performance-tab .nav-item {
    border-color: #000000 !important;
}

    .blue-theme .performance-tab .nav-item.active {
        border-color: #000000 !important;
    }

body.blue-theme .performance-tab .nav-item {
    border-top: 2px solid #000 !important;
}
.blue-theme .performance-tab .nav-tabs.tab_nav > li > a:hover {
    border-bottom: 1px solid #000;
}

body.blue-theme .performance-tab .nav-item.active {
    border-top: 3px solid #c37336 !important;
}

body.blue-theme .performance-tab .nav-tabs > li.active .performance-card span svg path {
    fill: #c37336 !important;
}
.blue-theme .dataTables_wrapper .input-group.prefix .form-control {
    border-color: #525252 !important;
}
.blue-theme .dataTables__bottom .dataTables_paginate span {
    color: #ababab;
}
.blue-theme .performance-tab .nav-tabs.tab_nav > li > a:hover {
    border-bottom: 1px solid #000;
}

body.blue-theme .performance-tab .nav-item.active {
    border-top: 3px solid #c37336 !important;
}

body.blue-theme .performance-tab .nav-tabs > li.active .performance-card span svg path {
    fill: #c37336 !important;
}

.blue-theme .dataTables_wrapper .input-group.prefix .form-control {
    border-color: #525252 !important;
}

.blue-theme .dataTables__bottom .dataTables_paginate span {
    color: #ababab;
}

.blue-theme .card-section {
    background: #373737 !important;
    display: block !important;
}
.blue-theme .card-section {
    z-index: 9;
}

.blue-theme .name {
    color: #fff !important;
}

.blue-theme .target-card.selected {
    border: 2px solid #c5783e;
}

.blue-theme .target-card.selected {
    background: #1b1919;
    box-shadow: unset !important;
}

.blue-theme .target-card:nth-child(even) {
    background: #2e2c2c;
}

.blue-theme .staff-pop {
    background: #373737;
    border-color: #646464;
}

.blue-theme .blood-group span, .blue-theme .emergency-call span {
    color: #fff;
}

.blue-theme .over-lst {
    color: #afafaf;
}

.blue-theme .contact-number {
    color: #ababab;
}

.blue-theme .blood-group label {
    color: #ababab;
}

.blue-theme .blood-group span svg path, .blue-theme .emergency-call span svg path {
    stroke: #fff;
}
.blue-theme .tab-pane-sector.tcontent p {
    color: #ababab !important;
}


.blue-theme .tab-pane-sector.tcontent p {
    color: #fff !important;
}

.blue-theme span.text-white {
    color: #fff !important;
    font-weight: 600;
}
.back-common {
    background: transparent;
}

    .back-common i {
        font-size: 20px;
        margin-left: -8px;
        margin-top: 4px;
        color: #b57423;
    }


.blue-theme .tab-pane-sector.tcontent p {
    color: #fff !important;
}

.blue-theme span.text-white {
    color: #fff !important;
    font-weight: 600;
}

.blue-theme .filter-popup {
    background: #2c2b2b !important;
    border: 1px solid #575757 !important;
}

.blue-theme .title-f {
    border-bottom: 1px solid #565151;
}

.blue-theme .title-f {
    color: #fff !important;
}

.blue-theme .filter-popup .form-group .form-control {
    background: #1f1b1b;
    color: #ababab;
    border-color: #e7e7e7!important;
}

.blue-theme button.cancel-btn {
    background: #393939 !important;
    color: #fff;
    border: 1px solid #5b5757 !important;
}

.blue-theme button.submit-btn {
    border-color: #d4b38a;
}

.blue-theme .upload-popup {
    background: #2c2b2b !important;
    border: 1px solid #575757 !important;
}
.blue-theme .card {
    background: #1e1e1e !important;
    border-color: #3e3d3d !important;
}
.blue-theme .dataTables_wrapper .dataTables__bottom .dataTables_info {
    color: #fff !important;
}

.blue-theme table tr td > a {
    color: #fff !important;
}

.blue-theme table.dataTable tbody tr:nth-child(2n) td {
    background-color: #313030 !important;
}

.blue-theme table.dataTable tbody tr {
    border: 0;
}

.blue-theme .page-header-box {
    background: #000 !important;
}

.blue-theme .back-arrow i {
    color: #b57423 !important;
}

.blue-theme .page-header-box > h1 {
    color: #fff !important;
}

.blue-theme div#base {
    background: #000000 !important;
}

.blue-theme table.dataTable tbody tr {
    border: 0px;
}

    .blue-theme table.dataTable tbody tr:nth-child(2n) td {
        background-color: #313030 !important;
    }
    .blue-theme table.dataTable tbody tr:nth-child(2n-1) td {
        background-color: #000 !important;
    }
.blue-theme table tbody tr {
    background: #000 !important;
    border: none;
}

    .blue-theme table tbody tr td {
        color: #fff !important;
    }

.blue-theme .table-responsive-lg table tbody tr:nth-child(2n) {
    background: #313030 !important;
    border: 0px !important;
}

.blue-theme .card.card-blue .card-head header {
    color: #fff !important;
}

.blue-theme .list_card_section .form-group span {
    color: #fff !important;
}

.blue-theme .form-control[disabled], .blue-theme .form-control[readonly], .blue-theme fieldset[disabled] .form-control {
    border: 1px solid #545050;
    color: #fff !important;
}
.blue-theme .cma_primary_button {
    background: #c37336 !important;
    border-color: #c37336 !important;
}
.blue-theme .cma_cancel_button {
    background: #393939 !important;
}
.blue-theme .arrow_button {
    background: #c37336;
}
.common-cont .card-head header {
    color: #202020;
    font-size: 20px;
    font-family: Plus Jakarta Sans;
    Plus Jakarta font-family: sans-serif;
    font-weight: 700;
}

.common-cont .form-group label {
    color: #7B7B7B;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 14px !important;
    line-height: 20px;
}

.common-cont .form-group .form-control, .common-cont .form-group input, .common-cont .form-group input::placeholder {
    color: #333333;
    font-weight: 500;
    font-size: 14px;
}

.common-cont .add-row-btn {
    color: #B57423;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 83px;
    height: 37px;
    margin-left: 10px;
}

.brown-theme .common-cont .add-row-btn {
    background: #B574230A !important;
    border: 1px solid #B57423;
}

    .brown-theme .common-cont .add-row-btn span {
        color: #222222 !important;
    }

.common-cont .dataTables_buttons.actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.common-cont a.bulk-upload {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .common-cont a.bulk-upload span {
        margin-left: 2px;
    }

span.supported-files {
    color: #7b7b7b;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    font-size: 12px;
}

.common-cont a.bulk-upload {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .common-cont a.bulk-upload span {
        margin-left: 2px;
    }

span.supported-files {
    color: #7b7b7b;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    font-size: 12px;
}

.download span {
    margin-left: 7px !important;
}
.common-cont a.bulk-upload {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .common-cont a.bulk-upload span {
        margin-left: 2px;
    }

span.supported-files {
    color: #7b7b7b;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    font-size: 12px;
}

.download span {
    margin-left: 7px !important;
}
a.error-file button > svg {
    position: relative;
    top: 5px;
}
.error-file button:hover span {
    color: #B52B23 !important;
}
a.error-file {
    /* background: #B52B231A;*/
    width: 113px;
    height: 37px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    color: #B52B23;
}
    a.error-file button {
        width: 139px;
        background: #f2f2f2 !important;
        /* background: #B52B231A !important; */
        border: 0px;
        color: #B52B23 !important;
        display: flex;
        margin-right: 15px;
    }

    a.error-file span {
        padding: 0px 1px 0px 5px;
    }

        a.error-file span.errorCount {
            max-width: 35px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            min-width: 18px;
        }

    a.error-file .span.errorCount:hover {
        max-width: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        min-width: 18px;
    }
    a.error-file .expand-arrow {
        position: relative;
        top: 2px;
        padding:0px
    }

a.current-file {
    background: #F2F4F5;
    border-radius: 5px;
    height: 37px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
}

    a.current-file span {
        color: #176800;
        font-size: 13px;
        padding-left: 5px;
    }

        a.current-file span.close-b {
            position: relative;
            top: 4px;
            left: 4px;
        }
.button-people {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

    .button-people .form-group {
        margin-bottom: 0px;
    }

        .button-people .form-group a {
            padding: 0px 3px;
        }

.common-btns {
    display: flex;
    justify-content: flex-end;
    background: #f9f9f9;
    padding: 40px;
}

a.cancel-comm-btn, a.cancel-comm-btn:hover {
    border: 1px solid #DBDBDB;
    background: #fff;
    width: 103px;
    height: 41px;
    border-radius: 5px;
    color: #222;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin-right: 10px;
}

a.submit-comm-btn, a.submit-comm-btn:hover {
    border: 1px solid #DBDBDB;
    background: #B57423;
    width: 103px;
    height: 41px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.blue-theme .common-btns {
    background: #1e1e1e;
}

.blue-theme .common-cont .form-group .form-control, .blue-theme .common-cont .form-group input, .blue-theme .common-cont .form-group input::placeholder {
    background: #000000;
}


.blue-theme .common-cont .card.card-blue .card-head {
    background: #1e1e1e !important;
}

.blue-theme .common-cont .card {
    margin: 12px !important;
}

.blue-theme .common-cont {
    background: #2c2c2c;
}

    .blue-theme .common-cont .form-group label {
        color: #a19c9c !important;
    }

    .blue-theme .common-cont .form-group .form-control, .blue-theme .common-cont .form-group input, .blue-theme .common-cont .form-group input::placeholder {
        color: #e0dede;
        border-color: #4a4a4a;
    }

.blue-theme .dataTables_buttons .cma_add_button {
    color: #fff;
}

.blue-theme a.submit-comm-btn, .blue-themea.submit-comm-btn:hover {
    border-color: #B57423;
}

.blue-theme a.cancel-comm-btn, .blue-theme a.cancel-comm-btn:hover {
    background: #393939;
    color: #fff;
    border-color: #504444;
}

@media only screen and (min-width:1023px) and (max-width:1179px) {
    .button-people .form-group a {
        padding: 0px !important;
    }

        .button-people .form-group a img {
            width: 20px !important;
        }
}


.expandead-arrow i {
    color: #fff;
    font-size: 15px;
    background: #c37336;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#map-tab-content {
    position: relative;
}

.expandead-arrow {
    position: absolute;
    top: 60%;
    left: 1px;
    z-index:999;
}

.content-column iframe {
    height: 100vh;
}

.map-scroll {
    height: 65vh;
    overflow-y: scroll;
}

.brown-theme .filter-button button:hover {
    background: #b57423 !important;
}
/*result popup*/

.result-popup .modal-dialog {
    width: 1011px;
    max-width: 100%;
}

    .result-popup .modal-dialog .modal-content {
        width: 100%;
        max-width: 100%;
        border-radius: 6px !important;
        border: solid 0px;
    }

.result-popup .modal-header {
    display: flex;
    justify-content: space-between;
    border: 0;
    padding-bottom: 1px;
}

.result-popup h1.modal-title {
    color: #262E2F;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans';
    display: flex;
    align-items: center;
}

    .result-popup h1.modal-title span.ico {
        background: #f1e4da;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        line-height: 38px;
        text-align: center;
        margin-right: 10px;
        margin-top: 4px;
        padding-left: 0px;
    }

    .result-popup h1.modal-title span {
        padding-left: 10px;
        font-size: 18px;
        font-weight: 700;
        color: #B52B23;
    }

.result-popup .modal-header button {
    border: 0px !important;
    background: 0px;
    color: #000 !important;
}

.result-popup table thead {
    background: #ffe4cd !important
}

.result-popup table {
    border: 1px solid #f4f4f4;
}

    .result-popup table thead tr th {
        color: #222;
        font-weight: 600;
    }

    .result-popup table tbody tr:nth-child(2n) td {
        background: #FAF8F8;
    }

    .result-popup table tbody tr td {
        border: 0;
    }

.result-popup .pagination-error {
    background: #FFFAF6;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-radius: 10px;
}

    .result-popup .pagination-error ul {
        display: flex;
        justify-content: space-between;
        list-style-type: none;
        margin-bottom: 0px;
    }

    .result-popup .pagination-error p {
        margin-bottom: 0px;
        padding-bottom: 0px;
        color: #606060;
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .result-popup .pagination-error ul li a {
        color: #4F5356;
        font-size: 14px;
        padding: 0px 13px;
        text-decoration: none;
    }

.content-column iframe {
    height: 100vh;
}

.brown-theme .filter-button button:hover {
    background: #b57423 !important;
}

span.select2-dropdown.select2-dropdown--below {
    margin-top: 5px;
}

.blue-theme .dropdown-menu {
    background: #000 !important;
    border-color: #646060;
}

    .blue-theme .dropdown-menu a {
        color: #a4a0a0 !important;
    }

    .blue-theme .dropdown-menu li label {
        color: #d0cccc !important;
    }

        .blue-theme .dropdown-menu li label span {
            color: #fff !important;
        }

.blue-theme button.ColVis_Button, ul.ColVis_collection li {
    background: #000 !important;
}

.blue-theme .ColVis_collection .colvis_switch:checked:before {
    background: #c37336 !important;
}

.blue-theme .dataTables_buttons .cma_top_icon i {
    background: #c37336 !important;
    border-color: #c37336 !important;
    color: #fff !important
}

.blue-theme .dataTables_wrapper .dataTables_buttons .cma_top_icon:nth-child(2) i {
    color: #fff !important;
}

.blue-theme .card-block .form-group input, .card-block .form-group textarea {
    background: #1f1b1b;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}

.blue-theme .card-block .form-group label {
    color: #fff !important;
    font-weight: 500 !important;
    font-family: Plus Jakarta Sans !important;
    font-size: 14px !important;
    padding-bottom: 0px !important;
}

.blue-theme .cma_save_button, .blue-theme .cma_save_button:hover {
    border: 1px solid #DBDBDB;
    background: #B57423 !important;
/*    width: 103px;*/
    height: 41px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.blue-theme button#btnSubmit, .blue-theme button#btnSubmitReview {
    background: #B57423 !important;
    border-color: #B57423 !important;
    color: #fcf9f9 !important;
}

.brown-theme .ColVis_collection .colvis_switch:checked:before {
    background: #c37336 !important;
}

.brown-theme .dropdown-menu .actions:not(.actions--inverse) .actions__item {
    color: #4F4F4F;
}

.blue-theme .div_filter .form-group span.selection {
    background: #000 !important;
}

.blue-theme .div_filter .form-group span.select2 .selection .select2-selection {
    background: #1f1b1b;
}

.blue-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ababab !important;
}


.row.div_filter.filter-popup.filter-popup-left {
    left: 13px;
    top: 50px;
}

.brown-theme .card-block .form-group input, .card-block .form-group textarea {
    background: #fff !important;
    color: black !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}
.brown-theme button.ColVis_Button, ul.ColVis_collection li {
    background: #fff !important;
}
.brown-theme button#btnSubmit, .brown-theme button#btnSubmitReview {
    background: #B57423 !important;
    border-color: #B57423 !important;
    color: #fcf9f9 !important;
    margin-right: 6px;
}
.blue-theme button#btnCloseFilter {
    background: #393939 !important;
    color: #fff;
    border: 1px solid #5b5757 !important;
}

.result-popup .pagination-error ul li.prev a {
    color: #4F5356;
    font-weight: 700;
}

.result-popup .pagination-error ul li.next a {
    color: #B57423 !important;
    font-weight: 700;
}

.result-popup .pagination-error ul li.active a {
    background: #B57423;
    width: 26px;
    padding: 6px 12px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}

.result-popup .pagination-error select {
    width: 60px;
    height: 31px;
    border-radius: 5px;
    margin: 0px 10px;
    border: 1px solid #DCDBDB;
    color: #414141;
    padding: 2px;
}
.result-popup td.red-col {
    color: #B52B23;
    font-weight: 500;
}

.result-popup span.mobile-active, .result-popup span.incorrect-blood {
    background: #FAFA33;
    padding: 5px;
    border-radius: 3px;
    font-weight: 600;
}

.result-popup tr.data_present::after {
    width: 3px;
    height: 17px;
    border-left: 3px solid #B52B23;
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
}

.result-popup tr.data_present {
    position: relative;
}

.result-popup td.red-col {
    color: #B52B23;
    font-weight: 500;
}

span.mobile-active, span.incorrect-blood {
    background: #FAFA33;
    padding: 5px;
    border-radius: 3px;
    font-weight: 600;
}

.result-popup tr.data_present::after {
    width: 3px;
    height: 17px;
    border-left: 3px solid #B52B23;
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
}

.result-popup tr.data_present {
    position: relative;
}


.blue-theme .result-popup table tbody tr:nth-child(2n) td {
    background: #313030 !important;
}

.blue-theme span.mobile-active, .blue-theme span.incorrect-blood {
    background: #FAFA33;
    color: #222;
}

.blue-theme .result-popup .modal-dialog .modal-content {
    background: #1e1e1e;
    box-shadow: 0px -1px 5px #646262;
}

.blue-theme .result-popup h1.modal-title {
    color: #fff !important;
}

.blue-theme .result-popup .modal-header button svg path {
    fill: #fff !important;
}

.blue-theme .result-popup table {
    border-color: #494545;
}

.blue-theme .result-popup .pagination-error {
    background: #000;
}

.result-popup .modal-footer {
    border: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.blue-theme .result-popup .pagination-error ul li a {
    color: #c5c5c5;
}

.blue-theme .result-popup table thead tr th {
    color: #ccc3c3 !important;
}

@media only screen and (min-width:320px) and (max-width:600px) {
    .result-popup .pagination-error {
        padding: 10px 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .result-popup .pagination-error p {
            text-align: center;
        }

        .result-popup .pagination-error ul {
            text-align: center;
            justify-content: center;
            margin-top: 5px;
        }

            .result-popup .pagination-error ul li a {
                padding: 0px;
            }

            .result-popup .pagination-error ul li a {
                padding: 0px 10px;
            }

    .result-popup h1.modal-title {
        font-size: 20px;
    }

        .result-popup h1.modal-title span {
            font-size: 15px;
            padding-left: 5px;
        }
}
.table-responsive-lg table tbody tr:nth-child(2n) {
    background: #FAF8F8 !important;
}

.blue-theme .target-card:nth-child(odd) {
    background: #4d4d4d;
}
.blue-theme button#btnFilter {
    border-color: #d4b38a !important;
}

.blue-theme .card-block .form-group input, .card-block .form-group text {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}

.button-common:hover, button.btn-add-services:hover, button.btnaddonservices:hover, button.btn-add-charges:hover, button.btn-add-shipcontacts:hover, .btnSubmit:hover, button.btn-add-contacts:hover, button.btn-add-details:hover, button.btn-add-ctmspec:hover, button.btn-add-locations:hover, button.btn-add-pricelist:hover {
    background: #fff !important;
    border-radius: 5px !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    height: 38px;
    color: rgb(255 255 255) !important;
    border: rgba(10, 22, 76, 1) !important;
    margin-top: 10px;
    background-color: rgba(181, 116, 35, 0.04) !important;
    margin-top: 10px;
    border: 0.75px solid rgba(181, 116, 35, 0.8) !important;
    background: rgba(181, 116, 35, 0.04);
    color: background: rgba(181, 116, 35, 1);
    color: rgba(181, 116, 35, 1) !important;
}
.blue-theme .form-group span.select2 .selection .select2-selection {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}
.blue-theme .form-control {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7 !important;
}
.blue-theme .select2-dropdown {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}
.blue-theme .xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    background: #1f1b1b !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}

.blue-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}

.blue-theme .xdsoft_datetimepicker {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    background: #1f1b1b !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}

    .blue-theme .xdsoft_datetimepicker .xdsoft_calendar td, .blue-theme .xdsoft_datetimepicker .xdsoft_calendar th {
        background: #1f1b1b !important;
        color: #ababab !important;
        font-size: 14px;
        font-weight: 500 !important;
        background: #1f1b1b !important;
        color: #ffffff !important;
        font-size: 14px;
        font-weight: 500 !important;
        border-color: #e7e7e7!important;
    }

    .blue-theme .xdsoft_datetimepicker * {
        background: #1f1b1b !important;
        color: #ababab !important;
        font-size: 14px;
        font-weight: 500 !important;
        background: #1f1b1b !important;
        color: #ffffff !important;
        font-size: 14px;
        font-weight: 500 !important;
        border-color: #e7e7e7!important;
    }
    .blue-theme .xdsoft_datetimepicker .xdsoft_label i,
    .blue-theme .xdsoft_datetimepicker .xdsoft_prev,
    .blue-theme .xdsoft_datetimepicker .xdsoft_next,
    .blue-theme .xdsoft_datetimepicker .xdsoft_today_button {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC) !important;
    }

.errorCommentsDisplay {
    color: red !important;
}
a.all-clear-button button {
    background: #f8eae9 !important;
    width: 113px;
    height: 37px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    color: #B52B23;
    border-color: #f8eae9 !important;
    margin: 0px 10px;
}

.allclearicon {
    height: 24px;
    margin-left: 6px;
}
.bulk-uploadinput{
    display:none !important;
}
.w-100 {
    width: 100% !important;
}

.result-popup #tblStaffWeeklyPlan td:last-child {
    color: #B52B23 !important;
    width: 85px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: block;
}

.btn-danger:hover, .btn-danger:focus, .open .dropdown-toggle.btn-danger {
    color: #B52B23;
}
.m-o {
    margin:0px !important ;
}
.template-download:hover {
    background-color: #c98a51cc !important
}
.login-section {
    align-self: center;
}

.brown-theme .perform_nav.nav-tabs > li.active > a {
    display: block !important;
}

.perform_nav.nav-tabs > li.active > a {
    display: block !important;
}

.perform_nav.nav-tabs > li > a {
    display: block !important;
}

.nano.has-scrollbar .gui-controls li.has-dropdown.profileicon {
    width: 100% !important;
}



.blue-theme .staffdetailsContainer .row:nth-child(2n) {
    background: #373737;
}
div#tblStaffWeeklyPlan_wrapper.dataTables_wrapper table thead tr th:last-child {
    background: rgba(255, 247, 241, 1) !important;
}
.upload-label a.bulk-upload.upload-popup-btn.automatonShowFilter svg {
    margin-right: 4px;
}
.dataTables_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
}

    .dataTables_wrapper .dataTables_scrollHeadInner table {
        width: 100% !important;
    }

.dataTables_wrapper .dataTables_scrollBody table {
    width: 100% !important;
}
.page-header-theme {
    position: relative;
}
    .page-header-theme .vertical-tabs.theme-tab {
        position: absolute;
        right: 25px;
        top: 25px;
    }

.table-responsive-lg table tbody#monthlyplaninfoContainerBody td:last-child {
    word-break: break-word;
    white-space: normal;
    max-width: 290px;
    min-height: 84px;
    max-height: 43px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}
.table-responsive-lg table#monthlyplaninfoContainer thead#monthlyplaninfoContainerHead tr th:last-child {
    width: 270px !important;
}
.disp_image {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
}
.brown-theme .form-control {
    background: #fff !important;
    color: black !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7 !important;
    padding: 6px 6px;
}
 .form-group .select2 span {
    border-color: #e7e7e7!important;
}
/*Common fix */
.modal-backdrop.in {
    opacity: 0 !important; 
}
.form-group.form-group--float-above {
    display: flex;
    flex-direction: column;
}
.form-group.has-error .help-block {
    order: 2;
    font-weight: 400 !important;
} 
    .form-group select {
        order: 1;
    }
.list_card_section .form-group .iti.iti--allow-dropdown span {
    font-size: 12px;
    color: #000000 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #B57423 !important;
    border-color: #B57423 !important;
}
#verifiedstatus_buttons .btn-primary {
    color: #fff;
    background-color: #B57423 !important;
    border-color: #B57423 !important;
    margin-right: 10px;
    border-radius: 4px !important;
    /* border-top-right-radius: 4px; */
    border: 0;
}
#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0px !important;
    background: url(./components/jquery-colorbox/images/controls.png) no-repeat -25px 0 !important;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
/*Common fix */
.BasicInfo_craftmyapp_container .form-group {
    position: relative;
    margin-bottom: 19px;
    display: flex;
    flex-direction: column;
/*    margin: 0; */
}
body .swal2-confirm, body .swal2-confirm:hover {
    background: #B57423 !important;
    border-radius: 9px !important;
    border: none !important;
}
body .swal2-cancel, body .swal2-cancel:hover {
    background-color: #fff !important;
    border: solid 1px #B57423 !important;
    color: #b57423 !important;
    border-radius: 9px !important;
    float: left;
}
.swal2-icon.swal2-warning {
    border-color: #b57423 !important;
    color: #000 !important;
}

.forgot-pwd:hover, .forgot-pwd:focus {
    background: transparent !important;
    float: right;
    height: auto !important;
    padding: 0px;
    color: #141414 !important;
    font-weight: 500 !important;
    margin-top: 0px;
    text-decoration: underline;
    margin-top: -2px;
    border: none !important;
}
.percent-symbol {
    border-left: 0px !important;
    border-radius: 0px 4px 4px 0px;
}
#equipmentinfoContainer .col-sm-2.col-xs-12.totalproductivity_craftmyapp_container {
    width: 220px !important;
}

#equipmentinfoContainer .col-sm-1.detele-common-icon {
    width: 15px !important;
}
#btnCloseFilter {
    border: 1px solid #b57423 !important;
    width: 102px;
    height: 41px;
    color: #b57423;background: #fff !important;
    border-radius: 5px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    margin-right: 10px;
    line-height: 10px;
}
    #btnCloseFilter:hover {
        border: 1px solid #b57423;
        width: 102px;
        height: 41px;
        color: #b57423;
        background: #fff !important;
        border-radius: 5px !important;
        text-transform: capitalize;
        font-weight: 700 !important;
        margin-right: 10px;
        line-height: 10px;
    }
.m-t-10{
    margin-top:10px;
}

.logo-image {
    position: absolute;
    top: 57px;
    right: 145px;
}

@media (width <= 995px) {
    .row.login_section {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100vh;
    }
}

.brown-theme .dataTables_wrapper table thead tr th.dt-center {
    width: 100px !important;
    min-width: 123px;
}

.table.dataTable > tbody > tr > td.dt-center {
    display: flex;
    align-items: center;
    width: 100px !important;
    min-width: 123px;
}

.MaterialInfo_craftmyapp_container .form-group.has-error {
    display: flex;
    flex-direction: column;
}
/*.brown-theme .nav-tabs > li > a, .brown-theme .nav-tabs > li > a:hover, .brown-theme .nav-tabs > li > a:focus {
    border-color: transparent !important;
    background-color: transparent !important;
    border-bottom: 40px solid rgba(236, 236, 236, 1) !important;
    border-left: 20px solid transparent !important;
    height: 0px;
    border-right: 20px solid transparent !important;
    color: rgba(88, 88, 88, 1);
    box-shadow: 3px 7px 11px 0px rgba(0, 0, 0, 0.34);
}*/
#menubar .has-dropdown.profileicon {
    margin-bottom: 11px;
}

.automatonShowFilter {
    background-color: #c98a51 !important;
    color: transparent !important;
    background-image: url('Icon_set/Filter_icon.svg') !important;
    background-size: 21px 87px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#explosivedetailContainer .explosivedetail .col-sm-2.col-xs-12 {
    width: 242px;
}

#monthlytargetdetailsContainer .monthlytargetdetails .col-sm-2.col-xs-12 {
    width: 210px;
}

.idealbuffer_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.pplanname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.plannedbuffer_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.aproductiontarget_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.materialname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.density_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.productivity_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.bucketcapacity_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

#dumpersmatrixContainer .dumpersmatrix .col-sm-2.col-xs-12 {
    width: 210px;
}

.button-common .fa.fa-plus {
    color: rgba(34, 34, 34, 1) !important
}

#equipmentinfoContainer .equipmentinfo .col-sm-2.col-xs-12 {
    width: 210px;
}

#drillmeterageandexplosiveinfoContainer .drillmeterageandexplosiveinfo .col-sm-2.col-xs-12 {
    width: 240px;
}

#explosivetypeinformationContainer .explosivetypeinformation .col-sm-2.col-xs-12 {
    width: 240px;
}

.detele-common-icon .fa.fa-trash {
    background-color: transparent !important;
    color: transparent !important;
    background-image: url('Icon_set/close.svg') !important;
    background-size: 19px 87px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
label.upload-label {
    margin: 0px !important;
}

.h-80vh {
    height:80Vh
}

@media (width <= 1023px) {
    .perform_nav.nav-tabs > li > a {
        display: block;
        margin: 0 auto;
        width: max-content !important;
    }
}
.nav-item .nav-link {
    border-color: transparent !important;
    background-color: #ffffff !important;
    border-bottom: 40px solid #ffffff !important;
    border-left: 20px solid transparent !important;
    border-right: 20px solid transparent !important;
    height: 37px;
    color: #212529 !important;
    /* color: #212529; */
    font-size: 15px;
    font-weight: 400;
}
#monthlytargetbreakupContainer .row.dependheader {
    background-color: rgba(255, 247, 241, 1);
    padding: 10px !important;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.04);
    margin: 10px 0px !important;
}

.dependheader label {
    padding: 0px !important;
    margin: 0px !important;
}
.detele-common-icon .btn-add-drillinfo span {
    color: #B57423 !important;
}

.detele-common-icon .btn-add-drillinfo .fa.fa-plus {
    color: #222 !important;
}
.expand_button i {
    border: solid 1px #B57423;
    padding: 4px 4px;
    border-radius: 4px;
    color: #B57423;
    font-size: 10px
}

.monthlytargetbreakup-labels .col-sm-2 {
    width: 200px;
}

.table-responsive-lg .parent-row.bordered {
    border: solid #B57423 1px;
    border-bottom: solid 0px !important;
}

.table-responsive-lg .child-row.bordered {
    border: solid #B57423 1px !important;
    border-top: solid 0px !important;
}
.assetdetailsContainer .row.dependheader {
    background-color: rgba(255, 247, 241, 1);
    padding: 10px !important;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.04);
    margin: 10px 0px !important;
}

.assetcomponentdetails .col-sm-2 {
    width: 215px;
}

.expand-rows-container .assetcomponentdetails .col-sm-2 {
    width: 215px !important;
}
.expand-rows-container .assetcomponentdetails .col-sm-2 {
    width: 230px !important;
}

#assetdetailsContainer .assetcomponentdetails .col-sm-2 {
    width: 200px !important;
}
.row.assetdetails-labels.dependheader {
    background-color: rgba(255, 247, 241, 1);
    padding: 10px !important;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.04);
    margin: 10px 0px !important;
}
.dependentContainerBorder .btn-remove-row span::before {
    color: #DB3712 !important;
    font-size: 22px;
    background: transparent;
    color: transparent !important;
}

.brown-theme .nav.nav-tabs.nav-overall > li a {
    color: #000 !important;
    border-color: #dbdbdb !important;
    background: #fff;
    border-bottom: 40px solid #dbdbdb !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
    background-color: transparent !important;
/*    box-shadow: 0px 20px 10px -15px #a09f9f;*/
    font-weight: 700;
}



.production_details .nav > li > a > img {
    width: 30px;
    height: 21px;
}

.production_details .row.printablerow {
    margin-top: 0px;
}

.production_details .maker_checker_card {
    margin-top: 13px;
}

.production_details .rejecticon_header {
    display: none;
}

production_details .nav.nav-tabs.nav-overall {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    display: flex;
    align-items: center;
    margin: 0px 13px;
}

.gap-17 {
    gap: 17px
}

.file_upload_border {
    border-right: solid 1px rgba(227, 230, 234, 1);
    padding-right: 15px;
}

.gap-12 {
    gap: 12px
}

.justify-content-end {
    justify-content: end
}

/*#monthlytargetbreakupContainer label {
    font-weight: 600;
    color: #222222;
    font-size: 13px;
    padding-bottom: 0px;
}

*/


#monthlytargetbreakupContainer .row.m-t-10.drillinfo.dependentContainerBorder.expanded {
    border: 1px solid #B57423 !important;
    margin: 0px !important;
    padding: 0px 0px !important;
    display: flex;
    margin-bottom: 0px !important;
    border-bottom: 0px solid !important;
    border-top: 0px solid !important;
    display: flex;
    align-items: center;
}

.drillinfo.dependentContainerBorder .col-sm-2 {
    width: 190px;
    margin-left: 7px !important;
}

.expand-rows-container.drillinfo-rows-container.expanded {
    border: 1px solid #B57423 !important;
    border-top: 0px solid !important;
    margin-bottom: 10px;
}

#monthlytargetbreakupContainer .monthlytargetbreakup.hidethelables .form-group label {
    display: none !important;
}


#monthlytargetbreakupContainer .monthlytargetbreakup button i {
    border: 1.5px solid #B57423 !important;
    padding: 2px 5px !important;
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

#monthlytargetbreakupContainer .row {
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 13px !important;
}

    #monthlytargetbreakupContainer .row.monthlytargetbreakup.dependentContainerBorder.expanded {
        border: 1px solid #B57423 !important;
        margin: 0px !important;
        padding: 0px 0px !important;
        display: flex;
        margin-bottom: 0px !important;
        border-bottom: 0px solid !important;
        padding-top: 13px !important;
    }

#monthlytargetbreakupContainer .form-group {
    margin: 0 !important;
}

.monthlytargetbreakup .col-sm-2 {
    width: 230px;
    padding-bottom: 10px;
}

.monthlytargetbreakup .col-sm-1.detele-common-icon {
    width: 10px;
}

.col-sm-12.expand-rows-container .col-sm-2 {
    width: 180px;
}

#monthlytargetbreakupContainer button.btn-expand-collapse {
    background-color: transparent !important;
    border: none !important;
}

.monthlytargetbreakup .expand-rows-container .row .col-sm-2 {
    width: 190px
}


#monthlytargetbreakupContainer .expand-rows-container .row {
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


#monthlytargetbreakupContainer {
    margin: 10px 0px !important;
    padding: 10px 8px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.detele-common-icon button span {
    color: #DB3712 !important;
}

.detele-common-icon .add-collapse-btn span {
    font-size: 12px;
}

.add-row-btn.add-review-btn {
    display: inline-block !important; /* Ensures the button remains visible */
    background-color: #e47e46 !important; /* Your desired color */
    color: white !important; /* Text color for better visibility */
    border: none !important; /* Removes any border */
    text-decoration: none !important; /* Prevent underline effects */
    padding: 10px 20px !important; /* Adjust padding for better appearance */
    border-radius: 5px !important; /* Ensures the rounded corners */
    font-size: 14px !important; /* Adjust font size if needed */
    font-weight: bold !important; /* Bold text for emphasis */
    transition: none !important; /* Disable hover transitions */
}

    .add-row-btn.add-review-btn:hover {
        background-color: #e47e46 !important; /* Prevent hover color change */
        color: white !important; /* Prevent text color change */
        cursor: pointer !important; /* Ensure consistent pointer style */
    }


.sector_production_plan .nav > li > a > img {
    width: 30px;
    height: 21px;
}

.sector_production_plan .row.printablerow {
    margin-top: 0px;
}

.sector_production_plan .maker_checker_card {
    margin-top: 13px;
}


.sector_production_plan .filter-dropdown {
    position: relative;
}

    .sector_production_plan .filter-dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

        .sector_production_plan .filter-dropdown .dropdown-menu.show {
            display: block;
        }

    .sector_production_plan .filter-dropdown a {
        cursor: pointer;
    }



#assetdetailsContainer label {
    font-weight: 600;
    color: #222222;
    font-size: 13px;
    padding-bottom: 0px;
}


#assetdetailsContainer .assetdetails .form-group label {
    display: none !important;
}

#assetdetailsContainer .assetdetails.showthelables .form-group label {
    display: block !important;
}

#assetdetailsContainer .assetdetails button i {
    border: 1.5px solid #afafaf !important;
    padding: 2px 5px !important;
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

#assetdetailsContainer .row {
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    align-items: center;
}

    #assetdetailsContainer .row.assetdetails.dependentContainerBorder.expanded {
        border: 1px solid #afafaf !important;
        margin: 0px !important;
        padding: 0px 0px !important;
        display: flex;
        margin-bottom: 0px !important;
        border-bottom: 0px solid !important;
        padding-top: 13px !important;
        margin-top: 10px !important;
        padding-bottom: 13px !important;
    }

#assetdetailsContainer .form-group {
    margin: 0 !important;
}

.assetdetails .col-sm-2 {
    width: 200px;
}

.col-sm-1.detele-common-icon {
    width: 10px;
}

.col-sm-12.expand-rows-container .col-sm-2 {
    width: 180px;
}

#assetdetailsContainer button.btn-expand-collapse {
    background-color: transparent !important;
    border: none !important;
}

.Add_Asset_Allocation .expand-rows-container .row .col-sm-2 {
    width: 190px
}


#assetdetailsContainer .expand-rows-container .row {
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


#assetdetailsContainer {
    margin: 10px 0px !important;
    padding: 10px 8px !important;
    
}

.Add_Asset_Allocation .detele-common-icon button span {
    color: #DB3712 !important;
}

.Add_Asset_Allocation .detele-common-icon .add-collapse-btn span {
    font-size: 12px;
}

.delete-common-icon button .fa.fa-trash {
    background-color: transparent !important;
    color: transparent !important;
    background-image: url('Icon_set/close.svg') !important;
    background-size: 19px 87px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.delete-common-icon button {
    background-color: transparent !important;
    color: transparent !important;
    background-image: url('Icon_set/close.svg') !important;
    background-size: 19px 87px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
#assetdetailsContainer .assetdetails-labels .col-sm-2 {
    width: 200px !important;
}
.table.dataTable > tbody > tr > td a.dropdown-item {
    width: 30px !important;
}
#assetdetailsContainer .expand-rows-container.assetcomponentdetails-rows-container.expanded {
    border: 1px solid #B57423 !important;
    margin: 0px !important;
    padding: 0px 0px !important;
    display: flex;
    margin-bottom: 0px !important;
    border-top: 0px solid !important;
    padding-bottom: 10px !important;
}

.row.assetcomponentdetails.dependentContainerBorder.expanded {
    border: 1px solid #B57423 !important;
    margin: 0px !important;
    padding: 0px 0px !important;
    display: flex;
    margin-bottom: 0px !important;
    border-top: 0px solid !important;
    border-bottom: 0px solid !important;
    padding-top: 13px !important;
}
#assetdetailsContainer .row.assetdetails.dependentContainerBorder.expanded {
    border: 1px solid #B57423 !important;
    margin: 0px !important;
    padding: 0px 0px !important;
    display: flex;
    margin-bottom: 0px !important;
    border-bottom: 0px solid !important;
    padding-top: 13px !important;
    margin-top: 10px !important;
}
.row.assetcomponentdetails.dependentContainerBorder {
    margin: 0 !important;
    padding: 0 !important;
}
#assetdetailsContainer .row.assetcomponentdetails.dependentContainerBorder {
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 6px !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px 10px;
    line-height: 1.846153846;
    vertical-align: top;
    border-top: 1px solid rgba(189, 193, 193, 0.2);
}

.spproductiontarget_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.mpactual_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.mpvariance_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.spidealbuffer_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.swplanname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.spplannedbuffer_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.backlogquantity_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
#patchtargetbreakupContainer .patchtargetbreakup .col-sm-2 {
    width: 200px !important;
}
.SumoSelect > .CaptionCont {
    height: 37px !important;
    line-height: 1.3 !important;
    border-color: #e7e7e7!important;
}
    .SumoSelect > .CaptionCont > span.placeholder {
     
        color: #4A4A4A !important;
    }
.Summary_craftmyapp_container .list_card_section .col-sm-3 {
    width: 285px !important;
}
.targetdetails_craftmyapp_container .card-head header {
    margin-top: 16px !important;
}
#dropdown_container, .gui-controls > li.open > .menu-dropdown {

    margin-top: 14px !important;
}
.nav.nav-tabs li {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-bottom: 0px !important;
}
.card-balck.pl-0 {
    padding-left: 0px;
}
.sectoritems .filter-dropdown .material-icons {
    background-color: transparent !important;
    color: transparent !important;
    background-image: url('Icon_set/Filter_black.svg') !important;
    background-size: 21px 87px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.production_details .nav.nav-tabs.nav-overall {
    margin-left: 10px
}
.error-file button:hover {
/*    width: 112px;*/
    background: #f2f2f2 !important;
    /* background: #B52B231A !important; */
    border: 0px;
    color: #B52B23 !important;
}

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

.w-72{
    width: 72%;
}
.eplanname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
li.login_name {
    color: #fff;
    border-bottom: solid 1px !important;
    text-align: justify;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.profileicon .menu-dropdown ul li a {
    margin-top: 0px !important;
    padding-top: 4px !important;
 
}

.profileicon .menu-dropdown i {
    font-size: 13px
}
#colorbox, #cboxOverlay, #cboxWrapper {

    z-index: 9999999 !important;
}
.modal-open #base {
    overflow: scroll !important;
}
.blue-theme .list_card_section .form-group .input-group-addon {
    background-color: #000000 !important;
}
.blue-theme .list_card_section .input-file label {
    position: absolute;
    top: 0;
    background-color: #000000 !important;
    border: 1px solid #000000;
    border-radius: 5px 0px 0px 5px;
    padding: 6px 10px;
    left: 0px;
    height: 34px;
}
.blue-theme .list_card_section .input-file {
    border: 1px solid #000000 !important;
    border-radius: 5px;
    position: relative;
    padding: 3px 0px;

}
.blue-theme .button-common .fa.fa-plus {
    color: rgb(255 255 255) !important
}
.blue-theme i.automatonShowFilter.actions__item.mdi.material-icons {
    background-color: #c98a51 !important;
    color: transparent !important;
    background-image: url('Icon_set/Filter_icon.svg') !important;
    background-size: 21px 87px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.blue-theme .dataTables_wrapper .dataTables_length select {
    background: #000000;
    border: 1px solid #7F7E82 !important;
    border-radius: 5px !important;
    margin: 0px;
    height: 38px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #7F7E82;
}
.blue-theme .input-group .input-group-addon {
    padding: 4px 14px;
    border-color: #e7e7e7;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-radius: 0 5px 5px 0;
    background: #000000;
}
.blue-theme .card-block .form-group input, .blue-theme .card-block .form-group textarea {
    background: #000 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #e7e7e7!important;
}
.blue-theme .main-content {

    /* background-color: #f0f1f8 !important;*/
    background-color: #000 !important;
}
.blue-theme .dataTables_wrapper table thead tr th.dt-center {
    width: 100px !important;
    min-width: 123px;
}
.blue-theme .form-group > label,
.blue-theme .form-group .control-label {
    font-size: 14px;
    color: #fff;
    text-transform: none;
}

/*.blue-theme span {
    color: #fff;
}*/
.blue-theme .dropdown .md.md-more-vert {
    color: #fff !important;
}
.blue-theme .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #252727;
    background-color: #252727;
}
.blue-theme .uploaded_files {
    background: #252727;
    border: 1px solid #252727;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
    display: none;
    right: 0px;
    top: 39px;
    color: #fff
}
.blue-theme .btn-default {
    color: #fff;
    color: #fff !important;
    background-color: #000;
    border-color: #000;
}
.blue-theme button.ColVis_Button, .blue-theme ul.ColVis_collection li {
    background: #000 !important;
}
.blue-theme .percent-symbol {
    padding: 6px 10px;
    background-color: #000;
    border-radius: 0px 4px 4px 4px;
    border: solid 1px #000;
}
.blue-theme .nav.nav-tabs.nav-overall > li.active > a, .brown-theme .nav.nav-tabs.nav-overall > li.active > a:hover, .brown-theme .nav.nav-tabs.nav-overall > li.active > a:focus {
    color: #fff !important;
    border-color: #B57423 !important;
    background: #fff;
    border-bottom: 40px solid #B57423 !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
    background-color: transparent !important;
/*    box-shadow: 0px 20px 10px -15px #a09f9f;*/
    margin-left: 0px;
}
.blue-theme .nav.nav-tabs.nav-overall > li a {
    color: #585858 !important;
    border-color: #ECECEC !important;
    background: #fff;
    border-bottom: 40px solid #ECECEC !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px;
    justify-content: center;
    font-size: 14px;
    background-color: transparent !important;
/*    box-shadow: 0px 20px 10px -15px #a09f9f;*/
}
.blue-theme .card.card-blue .card-head {
    margin-top: 3px;
}
.status-approved {
    background-color: #cbfbdd;
    color: #17C05B !important;
    padding: 4px 7px;
    font-size: 15px;
    border-radius: 3px 3px;
    font-weight: 500;
    padding-top: 2px;
    margin-left: 5px;
}

.status-rework {
    background-color: #a9a9152e;
    color: #a9a915 !important;
    padding: 4px 7px;
    font-size: 15px;
    border-radius: 3px 3px;
    font-weight: 500;
    padding-top: 2px;
    margin-left: 5px;
    /*
    color: #a9a915;
    font-weight: bold;
    margin-left: 5px;*/
}

.status-rejected {
    background-color: #f24b442e;
    color: #F24B44 !important;
    padding: 4px 7px;
    font-size: 15px;
    border-radius: 3px 3px;
    font-weight: 500;
    padding-top: 2px;
    margin-left: 5px;
    /*
    color: #F24B44 !important;
    font-weight: bold;
    margin-left: 5px;*/
}

.status-ready-for-review {
    background-color: #df8b0626;
    color: #DF8B06 !important;
    padding: 4px 7px;
    font-size: 15px;
    border-radius: 3px 3px;
    font-weight: 500;
    padding-top: 2px;
    margin-left: 5px;
    /*color: #DF8B06 !important;
    font-weight: bold;*/
}
.blue-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000;
    border: 1px solid #e7e7e7!important;
    margin-top: 3px;
}
.commonContainer .row:nth-child(even) {
    background-color: #FAF8F8; /* Light grey background color */
}
.blue-theme .commonContainer .row:nth-child(even) {
    background-color: #000000; /* Light grey background color */
}
.blue-theme .revisions .card-head {
    background: #343434 !important;
    padding-left: 10px;
    padding-right: 10px;
}
.parent-row.bordered td {
    border-top: solid #B57423 1px;
}

.child-row.bordered td:last-child {
    border-bottom: solid #B57423 1px;
    border-top: solid #B57423 0px;
    padding-right: 122px;
    padding-left: 50px;
}

.child-row.bordered tbody td:last-child {
    border-bottom: solid #B57423 0px;
}

.parent-row  .expand_button {
    width: 10px;
}
/*.table.table-bordered.table-sm thead tr, td {
    background-color: #ffffff;
}*/

.table.table-bordered.table-sm thead tr {
    border: 1px solid #F4F4F4
}

.table.table-bordered.table-sm thead th {
    border: 1px solid #F4F4F4;
    border: 1px solid #F4F4F4;
    font-weight: 700 !important;
    font-size: 13px;
}

.table.table-bordered.table-sm tbody td {
    border: 1px solid #F4F4F4 !important;
}
.monthlytargetbreakup.monthlytargetbreakup_table .col-sm-2 {
    width: 202px;
    padding-bottom: 10px;
}
.blue-theme #monthlytargetbreakupContainer .row.dependheader {
    background-color: #000 !important;
    color: #fff !important;
    padding: 10px !important;
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.04);
    margin: 10px 0px !important;
}
.blue-theme #monthlytargetbreakupContainer .monthlytargetbreakup button i {
    color: #fff;
}
.blue-theme .table.table-bordered.table-sm thead tr, .blue-theme td {
    background-color: #000;
}
#partcomponentdetailsContainer .partcomponentdetails .col-sm-2 {
    width: 275px !important;
}
.list_card_section .form-group .grfileuploadfilebtn {
    padding-left: 10px;
}
#itemdetailsContainer .itemdetails .col-sm-2 {
    width: 275px !important;
}
.form-group select[multiple] + .select2-container .select2-selection--multiple {
    height: 36px;
    min-height: 37px !important;
    max-height: 10px !important;
    overflow-y: auto;

}
.blue-theme input:checked + .slider {
    background-color: rgba(181, 116, 35, 1) !important;
}

.partname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
.postalcode_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.digitalpaymentid_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.bankname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.bankaccountname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.bankaccountnumber_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.ifscroutingnumber_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
#partdetailsContainer .partdetails .col-sm-2 {
    width: 280px !important;
}
.rfid_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.scertificationname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}

.licenseissuedby_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
.Add_equipment_wrapper
.form-group {
    display: flex;
    flex-direction: column;
}
.dashboard_wrapper .col-sm-12 {
/*    padding: 0px*/
}
.dashboard_wrapper .card-head {
    background-color: transparent !important;
}

.dashboard_wrapper .perform_nav.nav.nav-tabs {
    margin-left: 0px !important;
}
.dashboard_wrapper .cma_section_band.list_card_section.list_card_tablet
.perform_nav.nav-tabs > li.active > a {
    color: #B57423 !important;
    border-color: #B57423 !important;
    border-bottom: 2px solid #B57423 !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    border-radius: 0px !important;
    border-top-right-radius: 0px;
    line-height: 27px !important;
}

.dashboard_wrapper .cma_section_band.list_card_section.list_card_tablet .perform_nav.nav-tabs > li a {
    background: #7B7B7B;
    color: #7B7B7B !important;
    border-color: #e7e5e4 !important;
    background: #fff;
    border-bottom: 0px solid #e7e5e4 !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px;
    justify-content: center;
    font-size: 14px;
    line-height: 34px !important;
}
.dashboard_wrapper .cma_section_band.list_card_section.list_card_tablet .nav.nav-tabs .active .target-icon {
    filter: sepia(1) saturate(5) hue-rotate(10deg) brightness(0.6) contrast(1.2) !important;
    transition: filter 0.3s ease !important;
}
.perform_nav li:nth-child(1) {
    z-index: 999;
    background-color: transparent !important;
}

.perform_nav li:nth-child(2) {
    margin-left: -12px;
    z-index: 999;
}

.perform_nav li:nth-child(3) {
    margin-left: -12px;
    z-index: 999;
}

.perform_nav li:nth-child(4) {
    margin-left: -12px;
    z-index: 999;
}

.perform_nav li:nth-child(5) {
    margin-left: -12px;
    z-index: 999;
}

.perform_nav li:nth-child(6) {
    margin-left: -12px;
    z-index: 999;
}

.perform_nav li:nth-child(7) {
    margin-left: -12px;
    z-index: 999;
}

.perform_nav li:nth-child(8) {
    margin-right: 22px;
    z-index: 999;
}
.brown-theme .perform_nav.nav-tabs > li a {
    background-color: transparent !important;
}

.brown-theme .perform_nav.nav-tabs > li.active > a {
    background-color: transparent !important;
}
.perform_nav li.active {
    z-index: 1004;
}
.brown-theme .dashboard_wrapper .nav.nav-tabs.nav-b.perform_nav img {
    top: 3px;
}
.swal2-container.swal2-shown {
    z-index: 99999999999 !important;
}
.commonContainer .nav.nav-tabs.tab-nav-right.perform_nav li.active {
    z-index: 999;
}
.brown-theme .nav.nav-tabs.nav-overall.perform_nav {
    background-color: #fff;
    box-shadow: 3px 0px 10px 0px #0000001A;
}
.commonContainer .nav li:nth-child(2) {
    z-index: 9;
}
.card-line {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    margin-top: 8px;
    border-radius: 7px;
    padding: 5px 10px;
}

.marginbutton {
    margin-left: 0px 10px;
}

.card-button {
    display: block;
    background-color: transparent;
    border: solid 1px #B57423;
    color: #B57423;
    border-radius: 6px;
}

    .card-button:hover {
        display: block !important;
        background-color: transparent !important;
        border: solid 1px #B57423 !important;
        color: #B57423 !important;
        border-radius: 6px !important;
    }

.daily-plan-tab-card.perform_nav.nav-tabs > li.active > a {
    color: #B57423 !important;
    border-color: #B57423 !important;
    background: #fff;
    border-bottom: 3px solid #B57423 !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px;
    justify-content: center;
    font-size: 14px;
    border-radius: 0px !important;
}

.daily-plan-tab-card.perform_nav.nav-tabs > li a {
    color: #585858 !important;
    border-color: transparent !important;
    background: #fff;
    border-bottom: transparent !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    display: block;
    line-height: 39px !important;
    align-items: center;
    height: 37px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px;
    justify-content: center;
    font-size: 14px;
    border-radius: 0px !important;
}

.overall-dashboard {
    width: 294px;
    padding: 0px 30px;
}

.Button-allign {
    margin-inline-start: 251px;
    margin-bottom: -32px;
}
.login button {
    border: none !important;
    background-color: transparent !important;
}

    .login button:hover {
        border: none !important;
        background-color: transparent !important;
    }

.vehicle-container button {
    margin-left: auto;
}
.allocationname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
#assetdetailsContainer .row.assetcomponentdetails.dependentContainerBorder.margin-bottom {
    margin-bottom: 6px !important;
}
#cma_printableArea {
    padding-top: 0px !important;
}
.Add_Location_wrapper .form-group {
    display: flex;
    flex-direction: column;
}
.profileicon .login_name h4 {
    color: #202020 !important;
    /* font-family: Plus Jakarta Sans; */
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}

.profileicon .login_name span {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 2;
    color: #7B7B7B !important;
}

.profileicon li a {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #B57423 !important;
}

.mainSideMenu .profileicon .menu-dropdown {
    background: #fff !important;
}

.gui-controls > li.open.profileicon .menu-dropdown ul li a {
    color: #7B7B7B !important;
}
.profileicon .menu-dropdown .login_name {
    border-bottom: solid 1px #E7EAEF !important;
}
.profileicon .menu-dropdown {
    padding-right: 0px !important;
}
.production_details .nav.nav-tabs.nav-overall li:nth-child(1) {
    z-index: 9999;
    background-color: transparent !important;
}

.production_details .nav.nav-tabs.nav-overall li:nth-child(2) {
    margin-left: -18px;
    z-index: 989;
}

.production_details .nav.nav-tabs.nav-overall li:nth-child(3) {
    margin-left: -18px;
    z-index: 999;
}

.production_details .nav.nav-tabs.nav-overall li:nth-child(4) {
    margin-left: -18px;
    z-index: 999;
}

.production_details .nav.nav-tabs.nav-overall li:nth-child(5) {
    margin-left: -18px;
    z-index: 999;
}

.production_details .nav.nav-tabs.nav-overall li.active {
    z-index: 999 !important;
}
.sectorname_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
.spdumplocation_craftmyapp_container .form-group span.select2 .selection .select2-selection .select2-selection__rendered {
    line-height: 13px !important;
}

.spdumplocation_craftmyapp_container .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 9px !important;
}

.spdumplocation_craftmyapp_container .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 12px !important;
    padding-right: 7px !important;
    font-size: 10px !important;
}
.siassetnumber_craftmyapp_container .form-group span.select2 .selection .select2-selection .select2-selection__rendered {
    line-height: 13px !important;
}
.siassetnumber_craftmyapp_container .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 9px !important;
}
.siassetnumber_craftmyapp_container .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 12px !important;
    padding-right: 7px !important;
    font-size: 10px !important;
}
.table-responsive-lg table tbody tr:nth-child(even) {
    background-color: #FAF8F8 !important;
}
 a.help-block-orange {
    background: #b57423 !important;
    margin-bottom: 10px;
    width: 30px
}
body.brown-theme .help-block-orange {
    background: #b57423 !important;
    margin-bottom: 10px;
}
.card.tab-card .card-head {
    margin-bottom: 10px;
    padding: 10px 10px;
}
.blue-theme .has-dropdown.profileicon .menu-dropdown {
    background: #1e1e1e !important;
    color: #fff !important;
    padding: 10px;
    border-radius: 10px;
}

.blue-theme .profileicon .login_name h4 {
    color: #fff !important;
    /* font-family: Plus Jakarta Sans; */
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}

.blue-theme .profileicon .login_name span {
    color: #fff !important;
}
.col-sm-12 .review-common-title {
    margin: 10px 0px !important;
    display: flex;
    gap: 5px;
}

    .col-sm-12 .review-common-title label {
        margin: 0px !important;
        line-height: 1.4;
    }

.review-common-title span {
    line-height: 1.5;
    color: #ffc700;
}

.dashbarddarkmode {
    margin:0px 10px;
}
.blue-theme .quantity {
    font-size: 12px;
    color: #fff;
    margin: 0px !important;
}
.blue-theme .filter-item {
    border-right: 1px solid rgb(255 255 255 / 80%) /* Vertical line */;
}
.filter-bar .filter-button {
    padding-right: 10px;
    border-right: 1px solid rgb(96 91 91 / 22%) /* Vertical line */;
}
.blue-theme .filter-bar .filter-button {
    padding-right: 10px;
    border-right: 1px solid rgb(255 255 255 / 80%) /* Vertical line */;
}
.filter_card .filter-button {
    padding-right: 10px;
    border-right: 1px solid rgb(96 91 91 / 22%) /* Vertical line */;
}
.blue-theme .filter_card .filter-button {
    padding-right: 10px;
    border-right: 1px solid rgb(255 255 255 / 80%) /* Vertical line */;
}
.header_text {
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #B57423
}
#doorPopup input {
    background-color: transparent !important;
    border: none;
}

.brown-theme .page-header-box .btn-icon-toggle .fa, .brown-theme .btn-icon-toggle .md, .brown-theme .btn-icon-toggle .glyphicon {
    color: #838185;
}
.assignment-container .dropdown-menu > li > a {
    padding: 9px 10px;
    cursor:pointer;
}
.assign-lst ul li.active {
    background: #B52B230D;
    border-left: 3px solid #B52B23;
}
.modal-header .close {
    opacity: 1 !important;
}
}
.col-md-36{
    width:36%;
}
#mappedList, #unmappedList {
    height: 69vh;
    overflow-y: auto;
}


.data_text {
    color: #7B7B7B;
    margin-left: 17px !important;
    padding: 12px 0px !important;
    gap: 12px !important;
    display: flex !important;
    flex-direction: column !important;
}

.text-black {
    color: #141414 !important;
}

.profile_popup::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 59px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
}

.profile_popup {
    position: absolute;
    left: 50px;
    /*    top: 0;*/
    background: white;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    width: 260px;
    z-index: 999;
    min-height: 210px;
    max-height: 210px;
}

#breakdownPopup .modal-content {
    width: 100%;
}

#reassigndoorPopup.modal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#reassignpopupdiv.modal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#breakdownPopup.modal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.deviationtabcard {
    height: 150px;
}

#tab-deviation-content .card {
    background-color: #fff !important;
}

#tab-deviation-content .card-body {
    background-color: #fff !important;
}

.Add_Allocation .table.dataTable > tbody > tr > td.dt-center:hover svg circle {
    fill: #03743A;
}

.Add_Allocation .table.dataTable > tbody > tr > td.dt-center:hover svg path {
    fill: #ffffff;
}

.Add_Map_Upload .nav-item .nav-link.active {
    height: 57px;
    border-bottom: solid 3px #B57423 !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    opacity: 1;
    color: #B57423 !important;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 14px;
    margin: 0px 0px
}

#mappedList .list-group-item {
    background-color: #F4F5F9;
    margin: 10px 1px;
    border-radius: 8px;
    border: none;
    text-align: center;
    color: #313534;
    font-weight: 600;
}

.gap-4 {
    gap: 12px;
}

.add_status {
    background-color: #E4F0E8;
    color: #23B52B;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 10px;
    border-radius: 5px;
}

.btnMap {
    background-color: #B57423 !important;
    border: solid #B57423 !important;
    padding: 6px 10px !important;
}

    .btnMap:hover {
        background-color: #B57423 !important;
        border: solid #B57423 !important;
        padding: 6px 10px !important;
    }

    .btnMap i {
        margin: 0 !important;
    }

#unmappedListContainer select#dldump {
    width: 171px;
}

#unmappedListContainer .list-group-item {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    background-color: #F4F5F9;
    margin: 6px 10px;
    border-radius: 8px;
    border: none;
    text-align:center
}

#mapToggleControls .leaflet-bar button#btnPreview, #btnExisting, #btnOverlay {
    background-color: transparent !important;
    color: #7B7B7B;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    padding: 17px 10px;
    border:0px;
}

#mapToggleControls .leaflet-bar button#btnPreview, #btnExisting, #btnOverlay {
    background-color: transparent !important;
    color: #7B7B7B;
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    padding: 17px 10px;
    border: 0px;
}

    #mapToggleControls .leaflet-bar button#btnPreview.active, #btnExisting.active, #btnOverlay.active {
        background-color: transparent !important;
        color: #B57423;
        font-family: Plus Jakarta Sans;
        font-weight: 500;
        font-size: 14px;
        padding: 17px 10px;
        border-bottom: solid #B57423;
        border-radius: 0px !important;
        font-weight: 700;
        z-index: 9999999999;
        position: relative;
    }

    #mapToggleControls .leaflet-bar button#btnPreview.active, #btnExisting.active, #btnOverlay.active {
        background-color: transparent !important;
        color: #B57423;
        font-family: Plus Jakarta Sans;
        font-weight: 500;
        font-size: 14px;
        padding: 17px 10px;
        border-bottom: solid #B57423 !important;
        border-radius: 0px !important;
        font-weight: 700;
        z-index: 9999;
        position: relative;
    }

    #mapToggleControls .leaflet-bar button.file_upload_btn {
        background-color: #B57423 !important;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 8px;
        border: none !important;
        border-radius: 4px !important;
    }

        #mapToggleControls .leaflet-bar button.file_upload_btn:hover {
            background-color: #B57423 !important;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 8px;
            border: none !important;
            border-radius: 4px !important;
        }

#mapToggleControls .popup-overlay {
    display: none;
    position: absolute;
    bottom: 50px;
    right: 0;
    height: 100%;
    z-index: 99999;
}

#mapToggleControls .popup-content {
    background: white;
    width: 400px;
    margin: 78px auto;

    border-radius: 8px;
    position: relative;
    left: 0;
    right: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#mapToggleControls .upload-area {
    border: 2px dashed #C8C8C8;
    padding: 20px;
    text-align: center;
    color: #b97d2f;
    margin-top: 20px;
    border-radius: 10px;
}

    #mapToggleControls .upload-area button {
        background-color: #b97d2f !important;
        color: white;
        border: none;
        padding: 8px 16px;
        margin-top: 10px;
        cursor: pointer;
        border-radius: 4px !important;
    }

#mapToggleControls #bulkUploadPopup .location {
    display: flex;
    align-items: start;
    flex-direction: column;
    background-color: #EEF1F3;
    border-radius: 10px;
    padding-top: 11px;
    padding-right: 16px;
    padding-bottom: 11px;
    padding-left: 16px;
}

#mapToggleControls button#closePopup {
    border: none !important;
    padding: 0;
    margin: 0;
}

#mapToggleControls #bulkUploadPopup .location select {
    border: none;
    background-color: transparent !important;
    width: 290px !important;
    color: #434343 !important;
    font-family: Plus Jakarta Sans;
    font-weight: 700 !important;
    font-size: 14px;
    padding: 6px 0px;
}

#mapToggleControls #bulkUploadPopup .upload-area p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    color: #7B7B7B !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.output-box {
    padding: 20px 16px;
    background-color: #F4F5F9;
    border-radius: 10px;
    gap: 20px;
    display: flex;
    align-content: center;
    flex-direction: column;
}

    .output-box .data {
        font-family: Plus Jakarta Sans;
        font-weight: 700;
        font-style: Bold;
        font-size: 15px;
        color: #434343
    }

    .output-box span {
        font-family: Plus Jakarta Sans;
        font-weight: 500;
        font-size: 14px;
        color: #7B7B7B
    }

#mapToggleControls button.btn-secondary.Cancel_btn {
    border: 1px solid #B57423 !important;
    margin-right: 10px;
}

#mapToggleControls button.cma_primary_button.draw_btn {
    background-color: #B57423 !important
}

.blue-theme #mapToggleControls .popup-content {
    color: #fff !important
}

.blue-theme #mapToggleControls #bulkUploadPopup .location select {
    color: #fff !important
}

.blue-theme .output-box {
    padding: 20px 50px;
    background-color: #000000;
    border-radius: 10px;
    gap: 20px;
    display: flex;
    align-content: center;
    flex-direction: column;
}

#mapToggleControls {
    padding: 2px 10px;
}

.card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-top: 1px solid #E7EAEF;
}

.h-100 {
    height: 100%
}

.line-under-buttons {
    position: relative;
}

    .line-under-buttons::after {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #dddddd;
    }

#mainMap button {
    background-color: #ffffff !important;
}

    #mainMap button:hover {
        background-color: #ffffff !important;
    }

.map_margin {
    margin-top: 10px !important;
}


#bulkUploadPopup.popup-overlay {
    position: absolute;
    z-index: 999;
    right: 0;
    top: -10%;
}
.uploded_data {
    background-color: #F2F4F5;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;    
}
.successfile {
    line-height: 0;
}
#mapuploadshowFiles {
    color: #176800;
}
.Add_Map_Upload .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.846153846;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0px;
    opacity: 0.55;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0px 11px;
    line-height: 48px !important;
}


.feature-name .form-control.feature-name-select {
    display: inline-block;
    width: 190px;
}

.uploadsize {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.revertbutton {
    color: #F25767;
    font-size: 20px;
    margin: 0;
}
#mapToggleControls #openPopupBtn {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.mine_layout .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    width: 278px !important;
    color: #434343 !important;
    font-family: Plus Jakarta Sans;
    font-weight: 700 !important;
    font-size: 14px;
    margin-top:8px !important;
}
.mine_layout{
    margin-top:8px !important;
}
/*#locationIconBtn.btn.btn-sm {
    background-color: #ffffff !important;
    border-color: #b57423;
    color: white;
    position: absolute;
    bottom: 8%;
    height: 34px;
    width: 41px;
    z-index: 1000;
    margin-left: 10px;
}*/

/*    #locationIconBtn.btn.btn-sm.moved-to-bottom {
        background-color: #ffffff !important;
        border-color: #b57423;
        color: white;
        position: absolute;
        bottom: 40%;
        right: 870px;
        height: 34px;
        width: 41px;
        z-index: 1000;
    }*/

.map-container {
    position: relative; /* make the map container the reference */
}

.fixed-arrow {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    background: #fff;
    border-radius: 20%;
    padding: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    border:none
}
button#locationIconBtn.fixed-arrow:hover {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    background: #fff !important;
    border-radius: 20%;
    padding: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    border: none
}
.Add_Map_Upload.card {
    padding: 0px 10px
}
.Add_Map_Upload .nav-tabs {
    border-bottom: 1px solid #dddddd !important;
}

.Add_Map_Upload .nav-item .nav-link {
    height: 53px;
    border-bottom: solid 0px transparent !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    opacity: 1;
    color: #7B7B7B !important;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 14px;
    margin: 0px 0px
}
.arrow {
    position: absolute;
    top: -15px; /* Adjust as needed */
    left: 90%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 16px solid #c1bcbc; /* Arrow color */
}
button.close {
    color: #000 !important;
    opacity: 1
}
.close {
    color: #000000;
    opacity: 1;
}
.BulkUpload_container {
    padding: 20px;
}
.BulkUpload_head {
    border-bottom: solid 1px #f4f4f4;
    padding: 10px 10px;
}
#mainMap {
    height: 620px;
    border: 0px solid #ccc;
    border-radius: 4px;
    position: relative;
    width: 100%;
    margin-top: 10px;
}
#mappedListContainer .feature-label {
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    border-color: transparent;
    background: transparent;
    color: #313534;
    opacity: 0.5;
}
@media (max-width: 1100px) {
    .mapupload_craftmyapp_container.mapSection .col-md-3 {
        width: 100% !important;
    }

    .mapupload_craftmyapp_container.mapSection .col-md-9 {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .mapupload_craftmyapp_container.mapSection .col-md-9 {
        width: 100% !important;
    }

    .mapupload_craftmyapp_container.mapSection .col-md-9 {
        width: 100% !important;
    }
}
#mapToggleControls .upload-area button:disabled {
    background-color: #b97d2f47 !important;
    color: white;
    border: none;
    padding: 8px 16px;
    margin-top: 10px;
    cursor: not-allowed; /* Change cursor to 'not-allowed' to indicate disabled state */
    border-radius: 4px !important;
}
.list-group-item a.feature-eye {
    line-height: 0
}

.btn.disabled {
    background-color: #d3d3d3; /* Light gray background */
    border-color: #d3d3d3; /* Light gray border */
    color: #a3a3a3; /* Light gray text */
    cursor: not-allowed; /* Shows the not-allowed cursor */
}
.quiz-container {
    max-width: 1000px;
    margin: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    padding: 20px;
}

.section-header {
    background: #fce8d5;
    padding: 10px;
    border-radius: 6px;
    font-weight: bold;
    margin-bottom: 20px;
}

.question {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    background: #fff;
}

.upload-btn {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .upload-btn input {
        display: none;
    }

.upload-label {
    cursor: pointer;
    background: #f3f3f3;
    padding: 6px 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 5px;
}

.submit-btn {
    background: #b97a2f;
    border: none;
    color: #fff;
    padding: 10px 30px;
    border-radius: 6px;
}

.qa_card.row {
    background-color: #ffffff;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 4px;
    padding: 10px 10px 0px 10px !important;
}

.questions_card .card {
    background-color: #FCFCFC !important;
    box-shadow: none;
    border: none;
    padding: 0;
}

.questions_card .card-head {
    background-color: #fff !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 0px 10px;
    border-radius: 4px !important;
}

.questions_card label {
    font-weight: 800;
    padding-bottom: 10px
}

.questions_card textarea {
    height: 50px;
    resize: vertical;
}


.radio-styled:not(ie8) input:checked ~ span:before {
    border-color: #c37336 !important;
}

.radio-styled:not(ie8) input ~ span:after {
    background-color: #b57423 !important;
}

.yesornot_question_style textarea {
    border: none;
    border-bottom-style: none !important;
    background-color: transparent !important;
    padding-top: 0px !important;
    margin: 0px;
}

.brown-theme .card-block yesornot_question_style .form-group input, .card-block .yesornot_question_style .form-group textarea {
    background: transparent !important;
/*    padding: 0;
    padding-left: 0px;*/
}

.yesornot_question_style .form-group {
    margin: 0px !important;
}

.dependentContainerBorder.yesornot_question_style div:nth-child(n+1) label[for="answer"] {
    display: none !important;
}

.dependentContainerBorder.yesornot_question_style div:nth-child(n+1) label[for="question"] {
    display: none !important;
}

.yesornot_question_style .checkbox-styled:not(ie8) input ~ span:before, .radio-styled:not(ie8) input ~ span:before {
    border-radius: 16px;
    border-color: rgba(0, 0, 0, 0.54);
}

.yesornot_question_style .detele-common-icon {
    display: none
}

.yesornot_question_style.qa_card.row {
    padding: 10px 10px 10px 10px !important;
}

.list-group-item text-muted {
    text-align: center;
}
.yesornot_question_style select, .yesornot_question_style .col-sm-10:nth-of-type(3) input {
    border: none;
    border-bottom-style: none !important;
}

.yesornot_question_style select, .yesornot_question_style .col-sm-10:nth-of-type(2) input {
    border: none;
    border-bottom-style: none !important;
}


.input-group .input-group-addon {
    border-color: #e7e7e7 !important;
}
.permittedcapacity_craftmyapp_container .form-group, .upgradefactor_craftmyapp_container .form-group, .burden_craftmyapp_container .form-group, .spacing_craftmyapp_container .form-group, .depth_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
.percent-symbol {
    border: solid 1px #e7e7e7 !important;
    color: #b57423;
}
#rejectedsection.row {
    background-color: #fff;
    box-shadow: 0px 10px 20px 5px #0000000A;
    margin: 0px 13px;
    margin-top: 10px;
}
.questions_card .card-head header {
    color: #b57423 !important;
}
.page-header-box h1 {
    font-size: 23px !important;
}
@media (max-width: 768px) {
    .page-header-box h1 {
        margin-left: 0px !important;
        width: 50% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block !important;
    }
}

.yesornot_question_style select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    padding: 10px;
    font-size: 16px;
    outline: none;
}
.templatename_craftmyapp_container .form-group {
    display: flex;
    flex-direction: column;
}
.checklistitems_craftmyapp_container .yesornot_question_style input {
    border: none
}
.blue-theme .questions_card .card {
    background-color: #1e1e1e !important;
    box-shadow: none;
    border: none;
    padding: 0;
}
.blue-theme .questions_card .card-head {
    background-color: #1e1e1e !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 0px 10px;
    border-radius: 4px !important;
}
.blue-theme .qa_card.row {
    background-color: #1e1e1e;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 4px;
    padding: 10px 10px 0px 10px !important;
}
.blue-theme .qa_card label {
    color: #fff
}
.blue-theme .yesornot_question_style .checkbox-styled:not(ie8) input ~ span:before, .blue-theme .radio-styled:not(ie8) input ~ span:before {
    border-radius: 16px;
    border-color: rgb(255 255 255);
}
.blue-theme .page-header-box h1 {
    color: #fff !important;
}
.Add_Map_Upload .btnEdit {
    line-height: 0px
}
#unmappedListContainer .list-group-item.text-muted {
    color: #313534;
    font-weight: 600;
}
.Add_Map_Upload .btnEdit svg path {
    stroke: #1F3D83;
}

textarea {
    resize: vertical; /* allows only vertical resize */
}
.equipment-details {
    width: 400px;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}
    .equipment-details h1 {
        margin: 0;
        color: #c37336;
        padding: 0px 10px;
    }
    .equipment-details .equipment-card {
        margin-bottom: 8px;
        margin-top: 6px;
        padding: 0px 0px;
        border: solid 1px #00000012;
        padding: 8px 0px;
        border-radius: 10px;
    }
/* Each equipment detail row */
    .equipment-details [class*="_craftmyapp_viewcontainer"] .form-group {
        display: grid;
        grid-template-columns: 1fr 20px 1fr; /* label | colon | value */
        align-items: center;
        padding: 6px 8px;
        border-bottom: 1px solid #eee;
    }

        .equipment-details [class*="_craftmyapp_viewcontainer"] .form-group label {
            font-weight: 600;
            color: #364153;
            text-align: left;
            white-space: nowrap;
        }

    /* Colon (center) */
        .equipment-details [class*="_craftmyapp_viewcontainer"] .form-group .colon {
            text-align: center;
            font-weight: 600;
            color: #f0f1f8;
        }

    /* Value (right side) */
        .equipment-details [class*="_craftmyapp_viewcontainer"] .form-group span[class^="auto_cls_"] {
            text-align: left;
            color: #000000;
            font-weight: 500;
            font-size: 14px;
        }
    .equipment-details [class*="_craftmyapp_viewcontainer"] {
        border-bottom: 1px solid #00000012;
    }
/* Optional: make it responsive for small screens */
@media (max-width: 576px) {
    .equipment-details [class*="_craftmyapp_viewcontainer"] .form-group {
        grid-template-columns: 1fr 20px 1fr;
    }

        .equipment-details [class*="_craftmyapp_viewcontainer"] .form-group span[class^="auto_cls_"] {
            text-align: left;
        }
}
.btn-group .btn.btn-success {
    background-color: #c37336;
    padding: 10px 20px;
    border: none;
    color: #fff;
    width: 100px;
}

.btn-group .btn.btn-danger {
    background-color: transparent;
    padding: 7px 20px;
    border: none;
    color: #c37336;
    border: solid #c37336 2px;
    width: 100px;
}
.btn-group .btn.btn-success:hover {
    background-color: #c37336 !important;
    padding: 10px 20px !important;
    border: none;
    color: #fff !important;
    cursor: pointer;
    width: 100px;
}

.btn-group .btn.btn-danger:hover {
    background-color: transparent !important;
    padding: 7px 20px;
    border: none;
    color: #c37336 !important;
    border: solid #c37336 2px !important;
    cursor: pointer;
    width: 100px;
}


.audit-question-container {
    padding: 10px 10px
}


.form-group label[for="auditQuestion"] {
    font-size: 18px;
    color: #4f4f4f;
    text-transform: none;
}

.audit-question-container {
    background-color: #b5742317;
    padding: 10px 10px !important;
    margin-bottom: 0px !important;
}

.audit-question-container {
    padding: 10px 10px
}
.col-sm-3.col-xs-12 .form-group {
    display: flex;
    flex-direction: column;
}
.questions_card .form-group {
    padding-bottom: 0px;
}
.hazardtype {
    margin-top: 6px !important;
}
    .hazardtype #hazardtype {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.status_moreaction {
    flex-direction: row !important;
    align-items: center;
}
.border-0{
    border:0px !important;
}
.btm-lst.NodataAvailable {
    text-align: center;
    color: #b57423;
    margin-top: 30px;
    font-weight: bold !important;
    font-size: 16px;
}
.brown-theme .status_moreaction .btn-icon-toggle i {
    color: #b57423 !important;
    background-color: #f3f3f3;
    border-radius: 4px;
    margin-left: 10px;
}
.brown-theme .card .status_moreaction .btn-icon-toggle:hover {
    color: #b57423 !important;
    background-color: #ffffff;
}
#tblEquipmentBreakdown .odd td.dtfc-fixed-right {
    z-index: 1;
}
::-webkit-scrollbar {
    height: 12px;
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c0c0c0;
}
#tblStaffWeeklyPlan_wrapper .dataTables_scrollBody {
    height: 50vh
}
label[for="speedbudgetbulkupload"] {
    background-color: #ffffff;
    border: none
}
#tblStaffAttendance_wrapper .automatonShowFilter {
    order: 1
}


header .page-header-box .vertical-tabs.theme-tab .tab {
    margin-left: 0px !important;
}

header .page-header-theme .vertical-tabs.theme-tab {
    padding: 0;
}

.page-header-menu-section .filter-button button {
    width: 90px;
    height: 41px;
}


span.shift-icon {
    background: rgb(55 44 46 / 10%);
    width: 46px;
    display: flex;
    height: 36px;
    border-radius: 36px;
    line-height: 36px;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}



.shift-main {
    display: flex;
}

.page-header-menu-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url('images/arrow-down.png') no-repeat;
    border-width: unset;
    border-style: unset;
    background-repeat: repeat;
    position: relative;
    top: 5px;
    right: -100%;
    background-position: right center;
    width: 10px !important;
    height: 10px;
    display: flex;
    left: unset;
}
.brown-theme .page-header-menu-section .filter-item span {
    color: #7A431D !important;
    font-weight: 700 !important;
}
span.Primarytext-Primary {
    color: #7B7B7B !important;
    font-size: 12px;
    font-weight: 500;
}


/**#doorPopup .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(images/arrow-down-p.png);
    background-repeat: no-repeat;
    border-width: unset;
    border-style: unset;
    display: flex;
    height: 16px;
    width: 16px;
    position: absolute;
    bottom:100%;
    right: 0;
    left: unset;
    top:unset;

}
*/
#doorPopup .select2-container--default .select2-selection--single .select2-selection__arrow b {
    -webkit-appearance: none;
    opacity:0;
}
 #doorPopup .header_field .form-control {
    -webkit-appearance: none;
    
}
#doorPopup .form-group{position:relative;}
#doorPopup .form-group:after {
   /* background: url(images/arrow-down-p.png) !important;
    -webkit-appearance: none;
    display: flex;
    width: 100%;
    content: "";
    position: absolute;
    right: 10px;
    top: 60%;
    height: 16px;
    width: 16px;*/
}
    #doorPopup .form-group .select2, #doorPopup .form-group select, .brown-theme #doorPopup .form-group select {
        background: url(images/arrow-down-p.png) !important;
        -webkit-appearance: none;
        background-repeat: no-repeat !important;
        background-position: right center !important;
        border: 0px !important;
    }
    .brown-theme #doorPopup .form-group span, #doorPopup .form-group span {
        width: 102%;
    }

#doorPopup .header_field .form-control svg {
    min-width: 24px;
    height: 24px;
    width: 24px;
}

#doorPopup .header_field  .form-group {
    gap: 10px;
}
#doorPopup i.fa.fa-trash-o.text-danger {
    color: #9D9FA0;
}
#doorPopup .header_field .form-control {
    background: #EEF1F3 !important;
}
.assign-bottom-section .assign-lst ul li > div:nth-child(2) {
    min-width: 127px;
    max-width: 127px;
}

.assign-bottom-section .assign-lst ul li > div:nth-child(3) {
    min-width: 60px;
}

#doorPopup .header_field .form-group .select2-selection__rendered{padding-left:0px;}
.assign-lst ul li .btm-lst label{line-height:17px;}
    .assign-lst ul li .btm-lst label span {
        color: #2364b5;
        font-weight: 700;
    }
.dataTables_wrapper .table.dataTable > tbody > tr > td span {
    font-weight: normal !important;
}
.table.dataTable > tbody > tr > td.dt-center {
    background: #ffffff !important;
    box-shadow: unset !important;
}
.table.dataTable > tbody > tr:nth-child(even) > td.dt-center {
    background: #faf8f8 !important;
    box-shadow: unset !important;
}
.assignment-container .request-card-list{border-radius:7px;background: rgb(255 255 255) !important;/* min-height: 281px; *//* max-height: 455px; */}
.dashboard_wrapper .vertical-tabs.theme-tab {
    padding: 0px !important;
}

    .dashboard_wrapper .vertical-tabs.theme-tab .tab {
        margin-left: 0px !important;
    }
.blue-theme span.shift-icon svg path {
    fill: #ee9d37 !important;
}
.blue-theme span.shift-icon {
    background: rgb(57 57 57) !important;
}
.blue-theme .request-card-list .info-card {
    background: #aeaeae !important;
}
.blue-theme .request-card-list .info-card {
    background: #aeaeae;
}

.blue-theme #tab-deviation-content .card {
    background: #1e1e1e !important;
}

.blue-theme #tab-deviation-content .card-body {
    background: #222 !important;
}

.blue-theme .nav-item .nav-link {
    border-bottom-color: #2d2b2b !important;
}
#doorPopup .select2.select2-container{z-index:9;}
.haulerdetailsub .haulerdetails > div .form-group label {
    opacity: 0;
    display:none;
}

.haulerdetailsub .haulerdetails:first-child > div .form-group label {
    opacity: 1;
    display: block;
    /* font-size: clamp(11px, 1vw, 5px); */
}
#doorPopup .haulerdetails .form-group {
    margin-bottom: 5px !important;
    margin-top:2px !important;
}
    #doorPopup .haulerdetails .form-group.label-ass {
        margin-bottom: 0px !important;
        margin-top: 0px !important
    }
.haulerdetails_craftmyapp_container .btn-add-haulerdetails {
    margin-top: 0px;
}
.haulerdetailsub .haulerdetails:first-child > div.fx-label {
    /*    position: fixed;*/
    background-color: #FFF7F1;
    /* box-shadow: 2px 3px 4px rgb(155 144 144 / 20%) !important; */
    z-index: 99;
    padding: 0px;
    margin-top: -12px;
    opacity: 1;
    display: block;
    /* align-items: center; */
    /* display: flex; */
    /* justify-content: center; */
    height: 40px;
    width: 100%
}
.haulerdetailsub .haulerdetails > div.fx-label {
    opacity: 0;
    display: none;
}

.blue-theme #doorPopup .modal-content {
    background: #222;
}
#doorPopup .header_field .form-group svg {
    width: 30px;
}

.blue-theme #doorPopup .modal-content .header_field .form-group {
    background: #393939;
}

.blue-theme #doorPopup .modal-content {
    color: #fff;
}



.blue-theme .form-group span.select2 .selection .select2-selection {
    background: #393939 !important;
}

.blue-theme #doorPopup .form-group select.form-control {
    background: #393939 !important;
    border: 0;
}

.blue-theme #doorPopup .modal-title label {
    color: #fff !important;
}

.blue-theme .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a3a3a3 !important;
}
.blue-theme div#doorPopup .modal-header .close {
    color: #fff !important;
}
#doorPopup .header_field  .select2-selection{border:0px !important;}
#doorPopup .header_field input.form-control {
    background: transparent !important;
}
span.ass-loader {
    margin-right: 6px;
    margin-top: 5px;
}



.breakdown_card {
    border-left: 0px solid #B52B23;
}

.breakdown_cardd {
    border-left: 3px solid #B52B23;
    background: #B52B230D;
}

.blue-theme .breakdown_card {
    border-left: 3px solid #c37336;
    background: #000000;
}

.blue-theme .breakdown_cardd {
    border-left: 3px solid #c37336;
    background: #000000;
}
tbody tr:first-child .profile_popup {
    margin-top: 72% !important;
}

    tbody tr:first-child .profile_popup::before {
        content: "";
        position: absolute;
        left: -16px;
        top: 1px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #ffffff;
    }
/* When right is hidden */
.is-right-hidden .message_tab {
    display: none !important;
}

/* Make left take full width when right hidden */
.is-right-hidden .dashbord-message-left {
    width: 100% !important;
    flex: 1 1 100% !important;
}

#btnToggleRight {
    border: none;
    background-color: transparent;
    position: absolute;
    top: 60px;
}

.is-collapsed#btnToggleRight {
    right: -3px;
    top: 60px;
}
.operator-line .chip-right {
    background: #FCF1E9;
    padding: 4px 8px;
    border-radius: 12px;
    color: #262626;
    font-size: 12px;
}
/**/


.assignement-card .assignment-head {
    border-radius: 7px 7px 0px 0px;
    background: #E9F3F1 !important;
    border: 1px solid #98C9BD;
    border-bottom: 0px;
}


.text-name1 {
    color: #235FB5 !important;
    background-color: #fff;
    padding: 6px 6px;
    border-radius: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    font-size: 18px;
    width: 25px;
}

.text-name {
    background-color: #fff;
    padding: 6px 6px;
    border-radius: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    color: #1F8A70;
    font-size: 18px;
    width: 25px;
}
/* stopped */

.label-text-name {
    color: #166250;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}

.ass-cardbody {
    padding: 10px 19px;
}

assignement-card .dot {
    background: #166250;
}

.sts-text {
    color: #166250;
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 4%;
    text-align: right;
    text-transform: uppercase;
    gap: 8px;
    margin-right: 10px;
}

.body-head {
    background: #FAFAFA;
    padding: 10px 18px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 5px 5px;
    border: 1px solid #F3F3F3;
    border-radius: 10px;
}

.gap-2 {
    gap: 5px
}

.percentage_value {
    background: #2396691A;
    padding: 4px 4px;
    border-radius: 4px;
    color: #1F8A70
}

.traget_value {
    color: #434343;
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-size: 16px;
    /* width: 100%; */
}

.name_dot {
    background-color: #235FB51A;
    border-radius: 40px;
    color: #235FB5;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

.name_dot1 {
    background-color: #B523AD1A;
    border-radius: 40px;
    color: #B523AD;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ass-box {
    border: solid 1px #F4F4F4;
    padding: 11px 12px;
    border-radius: 10px;
    gap: 13px;
}

.body-secound-row {
    border-bottom: solid 1px #F0F0F0;
    padding-bottom: 14px;
    padding-top: 8px;
    margin: 0px 12px;
}

.body-secound-card {
    padding: 0px 23px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.Primary-Secondary-text {
    font-family: Plus Jakarta Sans;
    background-color: #F5F5F5;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 12px;
    color: #818181
}

.body-card {
    border: 1px solid #ECECEC;
    display: flex;
    align-items: start;
    justify-content: space-between;
    /* padding: 4px 10px; */
    background-color: #FBFBFB;
    margin: 4px 0px;
    border-radius: 4px;
}

.speed-cal {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-style:Bold;
    font-size: 12px;
    text-align: center;
    color: rgba(31, 138, 112, 1) !important;
}

.value-text {
    color: #235FB5;
}

.drag_drop_border {
    border: dashed 1px #E0E0E0;
    padding: 10px 10px;
    border-radius: 6px;
}

.expanded-metrics-grid {
    border: solid 1px #f4f4f4;
    padding: 10px 10px;
    border-radius: 8px;
}

.allocationsts {
    border: solid 1px #ECECEC;
    padding: 10px 10px;
    color: #1F8A70;
    border-radius: 5px;
    /* display: flex; */
    /* align-items: center; */
}

.compatibility {
    border: solid 1px #ECECEC;
    padding: 10px 10px;
    color: #B57423;
    border-radius: 5px;
    /* display: flex; */
    /* width: 20px; */
}
/**/
.ff-main-card {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 465px 1px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    background: #ffffff;
    padding: 16px 16px 18px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

.ff-left-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    column-gap: 22px;
    row-gap: 18px;
    padding-top: 2px;
}

.ff-metric {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
}

.ff-label-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}

.ff-label {
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #a4a4a4;
}

.ff-value {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    color: #3a3a3a;
}

.ff-status {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    color: #dc314c;
}

.ff-divider {
    width: 1px;
    height: 100%;
    background: #ececec;
    align-self: stretch;
}

.ff-right-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.ff-user-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ff-user-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 70px;
    padding: 18px 26px 14px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0px 10px 19.67px 4.92px #0000000A;
}

.ff-avatar {
    width: 55px;
    height: 46px;
    flex: 0 0 47px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 17px;
    font-weight: 700;
}

    .ff-avatar.blue {
        background: #e8eefb;
        color: #3768c7;
    }

    .ff-avatar.pink {
        background: #f5e8fb;
        color: #b42fd3;
    }

.ff-user-info {
    min-width: 0;
}

.ff-user-name {
    font-size: 14px;
    line-height: 1.15;
    font-weight: 600;
    color: #3c3c3c;
    margin-bottom: 4px;
    white-space: nowrap;
}

.ff-user-role {
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    color: #a6a6a6;
    margin-bottom: 1px;
    letter-spacing: 0.02em;
}

    .ff-user-role select span {
        border: none;
        line-height: 0;
        height: 32px !important;
    }

.ff-phone {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1;
    color: #6b6b6b;
    margin-top: 10px;
}

.ff-stoppage-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;
    padding: 12px 14px;
    background: #fff;
    border: 0.98px solid;
    border-image-source: linear-gradient(269.31deg, rgba(236, 236, 236, 0) -13.38%, #ECECEC 103.23%);
    border-radius: 10px;
    box-shadow: 0px 10px 19.67px 4.92px #0000000A;
}

.ff-stop-title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ff-stop-title {
    font-size: 11.5px;
    line-height: 1;
    font-weight: 600;
    color: #a4a4a4;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ff-stop-right {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.ff-time,
.ff-events {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    color: #464646;
}

.ff-icon {
    width: 13px;
    height: 13px;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
}

.ff-icon-muted {
    stroke: #b8b8b8;
}

.ff-icon-phone {
    width: 14px;
    height: 14px;
    stroke: #08a37a;
}

.ff-icon-time {
    width: 13px;
    height: 13px;
    stroke: #f1a436;
}

.ff-icon-events {
    width: 13px;
    height: 13px;
    color: #2d6df6;
    stroke: #2d6df6;
}

@media (max-width: 760px) {
    .ff-main-card {
        grid-template-columns: 1fr;
    }

    .ff-divider {
        display: none;
    }

    .ff-user-grid {
        grid-template-columns: 1fr;
    }

    .ff-stoppage-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.expanded-metrics-grid .select2-container--default .select2-selection--single {
    border: none !important;
    line-height: 0 !important;
    height: 32px !important;
    width: 500px;
    
}

.expanded-metrics-grid input {
    border: none !important;
    line-height: 0 !important;
    height: 32px !important;
}

.hauler-drop-grid {
    display: flex;
    align-items: center;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    margin: 12px 12px;
    padding: 20px 20px;
    gap:10px
}

.heading-text {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 20px;
    color: #372C2E;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.operator-section {
    display: flex;
    align-items: center;
    /* width: 100%; */
    gap: 10px;
}

.operatorDropZone.ui-droppable {
    display: flex;
    align-items: start;
    gap: 10px;
}

.operator-card.operatorDropZone {
    border-width: 3px !important;
    border-radius: 10px !important;
    border-style: dashed !important;
    padding: 14px 18px;
}

.supervisor-profile-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.supervisor-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background: #f3dff1;
    color: #b03aa3;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
}

.supervisor-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
}

.supervisor-name {
    font-size: 20px;
    font-weight: 700;
    color: #3d3d3d;
    line-height: 1.2;
    margin-bottom: 3px;
    word-break: break-word;
}

.supervisor-role {
    font-size: 10px;
    font-weight: 600;
    color: #9b9b9b;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.supervisor-phone {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 500;
}

    .supervisor-phone .material-icons {
        font-size: 18px;
        color: #1f9d8b;
        line-height: 1;
    }

.hauler-expand-header .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hauler-expand-header #closeHaulerExpanded {
    border: none;
    background-color: transparent;
}
/*.haulerExpand-nav {
    position: relative;
    top: 230px;
    justify-content: space-between;
    display: flex;
}*/
.haulerExpand-nav #prevHaulerCard {
    position: absolute;
    top: 151px;
    left: -17px;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 3px 1px 4px 0px #0000000D;
    border: 1px solid #ECECEC;
    border-radius: 6px;
    /* height: 38px; */
    padding: 10px 1px;
    display: flex;
    color:#f4f4f4;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.haulerExpand-nav button svg path{
    fill:#818181 !important;
}

.haulerExpand-nav #nextHaulerCard {
    position: absolute;
    top: 151px;
    left: 139vh;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 3px 1px 4px 0px #0000000D;
    border: 1px solid #ECECEC;
    border-radius: 6px;
    /* height: 38px; */
    padding: 10px 1px;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;) 0px 0px 0px 1px
    inset;
        height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blue-theme .dashbord-message-left {
    background-color: #000000;
}

.blue-theme .assignement-card .assignment-head {
    border-radius: 10px 10px 0px 0px;
    background: #1f1b1b !important;
    border: 1px solid #828282;
    border-bottom: 0px;
}

.blue-theme .body-head {
    background: #828282;
    padding: 10px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 4px 4px;
    border: 1px solid #828282;
    border-radius: 10px;
}

.blue-theme .ass-box {
    border: solid 1px #F4F4F4;
    padding: 6px 5px;
    border-radius: 10px;
    color: #fff;
}

.blue-theme .Primary-Secondary-text {
    font-family: Plus Jakarta Sans;
    background-color: #828282;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
}

.blue-theme .body-card {
    border: 1px solid #343434;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 4px 10px;
    background-color: #343434;
    margin-top: 4px;
    color: #ffff;
}

    .blue-theme .body-card strong {
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        font-size: 12px;
        color: #ffffff;
    }

.blue-theme .assignement-card .body-secound-card label {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #ffffff !important;
}

.blue-theme .operator-card {
    background: #000000;
    border: 1px solid #262626;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 130px;
    /* color: #ffff; */
}

.blue-theme .drop-zone {
    min-height: 47px;
    padding: 12px;
    border: 2px dashed #878787;
    border-radius: 12px;
    background: #000000;
    width: 100%;
    /* gap: 10px; */
    margin: 10px 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
}

.blue-theme .operator-section {
    display: flex;
    align-items: center;
    /* width: 100%; */
    gap: 10px;
    border: 1px solid #444343;
    border-radius: 8px;
    margin: 12px 12px;
    padding: 20px 20px;
}

.blue-theme .heading-text {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.blue-theme .hauler-drop-grid {
    display: flex;
    align-items: center;
    border: 1px solid #5e5e5e;
    border-radius: 8px;
    margin: 12px 12px;
    padding: 20px 20px;
}

.blue-theme .message_tab {
    border: 0.98px solid #ECECEC !important;
    box-shadow: 0px 10px 19.67px 4.92px #0000000A !important;
    border-radius: 8px !important;
    background-color: #000000;
    padding: 16px 13px !important;
    margin-left: 13px;
    height: 99%;
    margin-top: 4px;
}

.blue-theme .dashboard_wrapper {
    height: 76dvh !important;
    background-color: #000000;
}

.blue-theme .spotter-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 999px;
    background: #000000;
    cursor: grab;
    user-select: none;
    width: fit-content;
    max-width: 100%;
    color: #fff;
}

.blue-theme .spotter-fullname {
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 360px;
}

.blue-theme .info-box {
    border: 1px solid #4e4e4e;
    padding: 0px 9px;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #000000;
}

.blue-theme .expanded-card {
    background: #000000;
    border-radius: 12px;
    padding: 20px 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #ececec;
}

.blue-theme .ff-main-card {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 465px 1px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    background: #000000;
    padding: 16px 16px 18px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

.blue-theme .ff-user-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 70px;
    padding: 18px 16px 14px;
    background: #000000;
    border: 1px solid #3a3a3a;
    border-radius: 10px;
    box-shadow: 0px 10px 19.67px 4.92px #0000000A;
}

.blue-theme .haulerdetailsub .haulerdetails:first-child > div.fx-label {
    background-color: #505050;
}

.blue-theme .row.haulerdetails:nth-child(odd) {
    background-color: #000000;
}

.blue-theme .table_value {
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ffffff;
}

.blue-theme expanded-haulers h4 {
    color: #ffffff;
}

.blue-theme .machine-title .value_head {
    color: #ffffff;
}

.blue-theme .ff-stoppage-card {
    background: #383737;
}

.blue-theme #closeExpandedsvg path, .blue-theme #closeHaulerExpanded path {
    fill: white !important;
}

.blue-theme .expanded-card {
    background: #202020 !important;
    border-radius: 12px;
    padding: 20px 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #000000 !important;
}

.blue-theme .expanded-metrics-grid {
    border: solid 1px #626262;
    padding: 10px 10px;
    border-radius: 8px;
}

.blue-theme .ff-main-card {
    border: solid 1px #626262;
}

.Assesment_card .row {
    margin-right: 30px;
}

.geo_text_value {
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #C41E3A
}

.align-items-center {
    align-items: center
}

.lh {
    line-height: 0
}

.body-card .drag_drop_border {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    /* font-style: Italic; */
    font-size: 11px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    height: 37px;
}

.body-card label {
    min-width: 169px;
    max-width: 199px;
}

.count-badge {
    background: #FCF1E9;
    color: #E37526;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 60px;
    margin-left: 10px;
}

.total-text {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 16px;
    color: #7B7B7B;
    margin-top: 10px;
    display: none;
}

.Operators_badge {
    background: #ECECEC;
    color: #818181;
    padding: 10px 13px;
    border-radius: 100px;
    margin-right: 10px;
}

.Operators_name {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 14px;
    color: #262E2F;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.Operators_text {
    background: #F8F1E9;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #434343;
    padding: 10px 10px;
    border-radius: 8px;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Operators_card {
    border: 1px solid #EEF1F3;
    padding: 10px 10px;
    border-radius: 10px;
    margin-bottom: 2px;
}

.expand-nav #prevCard {
    position: absolute;
    top: 140px;
    left: -2vh;
    background-color: #fff !important;
    /* border: none; */
    box-shadow: 3px 1px 4px 0px #0000000D;
    font-size: 30px;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    height: 56px;
    display: flex;
    align-items: center;
}

.expand-nav #nextCard {
    position: absolute;
    top: 130px;
    left: 140vh;
    background-color: #fff !important;
    border: none;
    box-shadow: 3px 1px 4px 0px #0000000D !important;
    font-size: 30px;
    border: 1px solid #ECECEC !important;
    border-radius: 6px;
    /* font-size: 40px; */
    height: 60px;
    display: flex;
    align-items: center;
}

.expand-nav {
    position: relative
}

.arrow_btn:hover {
    position: absolute;
    top: 348px;
    right: 414px;
    background-color: #fff !important;
    border: none;
    border: 1px solid #DDE1EF !important;
    border-width: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    /* padding: 10px; */
    align-items: center;
    display: flex;
    padding: 6px 4px;
}

/**/

.daily_shift .dashboard_wrapper {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 27px;
}

    .daily_shift .dashboard_wrapper > div:last-child {
       position: relative;
       margin: 0px;
       margin-right: 53px;
       margin-top: 3px;
       height: 100%;
    }

.message_tab {
    width: 450px !important;
    min-width: 415px;
    max-width: 430px;
    width: 417px !important;
    border: 1px solid #DDE1EF;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 16px 13px;
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
}

.dashbord-message-left {
    width: calc(100% - 466px) !important;
    flex: 1 1 auto;
    transition: all 0.3s ease;
}

.arrow_btn {
    position: absolute;
    top: 348px;
    right: 488px;
    background-color: #fff !important;
    border: none;
    border: 1px solid #DDE1EF !important;
    border-width: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    /* padding: 10px; */
    align-items: center;
    display: flex;
    padding: 18px 0px;
    z-index: 1;
}
.arrow_btn:hover {
    position: absolute;
    top: 348px;
    right: 493px;
    background-color: #fff !important;
    border: none;
    border: 1px solid #DDE1EF !important;
    border-width: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    /* padding: 10px; */
    align-items: center;
    display: flex;
    padding: 16px 0px;
    z-index: 1;
}

    .arrow_btn svg {
        transition: transform 0.3s ease;
    }

/* collapsed wrapper */
.daily_shift .dashboard_wrapper > div:last-child.panel-collapsed-wrap {
    width: 0px !important;
    min-width: 0px !important;
    max-width: 0px !important;
    flex: 0 0 0px !important;
    overflow: visible;
    margin: 0;
}

/* collapsed panel */
.message_tab.panel-collapsed {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
}

/* expand left section */
.dashbord-message-left.panel-expanded {
    width: calc(100% - 49px) !important;
    max-width: calc(100% - 46px) !important;
    flex: 1 1 auto !important;
}

/* move arrow after collapse */
.message_tab.panel-collapsed .arrow_btn {
    left: -6px;
    top: 348px;
    width: 40px;
}

/* hide panel content except arrow */
.message_tab.panel-collapsed > *:not(.arrow_btn) {
    display: none !important;
}


/* overlay bg */
.assignment_overlay {
    display: none;
}

/* tablet + mobile only */
@media (max-width: 991.98px) {
    .daily_shift .dashboard_wrapper {
        display: block;
        position: relative;
    }

    .dashbord-message-left,
    .dashbord-message-left.panel-expanded {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    .daily_shift .dashboard_wrapper > div:last-child {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        position: static !important;
    }

    .message_tab {
        position: fixed !important;
        top: 0;
        right: -100%;
        width: 85vw !important;
        max-width: 420px !important;
        min-width: 280px !important;
        height: 100vh;
        z-index: 99999;
        background: #fff !important;
        transition: right 0.3s ease !important;
        overflow: visible !important;
        padding: 16px 13px !important;
        border: 1px solid #DDE1EF !important;
        box-shadow: rgba(0, 0, 0, 0.18) -8px 0 24px !important;
    }

        .message_tab.mobile-overlay-open {
            right: 0 !important;
        }

    /* in mobile/tablet don't use desktop collapse width */
    .daily_shift .dashboard_wrapper > div:last-child.panel-collapsed-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        overflow: visible !important;
    }

    .message_tab.panel-collapsed {
        width: 85vw !important;
        max-width: 420px !important;
        min-width: 280px !important;
        height: 100vh !important;
        right: 0 !important;
        padding: 16px 13px !important;
        border: 1px solid #DDE1EF !important;
        box-shadow: rgba(0, 0, 0, 0.18) -8px 0 24px !important;
        background: #fff !important;
        overflow: visible !important;
    }

        .message_tab.panel-collapsed > *:not(.arrow_btn) {
            display: block !important;
        }

    .arrow_btn {
        position: absolute !important;
        top: 20px !important;
        left: -40px !important;
        right: auto !important;
        z-index: 100000 !important;
    }

    .message_tab.mobile-overlay-open .arrow_btn,
    .message_tab.panel-collapsed .arrow_btn {
        left: -40px !important;
        top: 20px !important;
        width: auto !important;
    }

    .op-card {
        height: calc(100vh - 140px);
        overflow-y: auto;
    }

    .assignment_overlay {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 99998;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

        .assignment_overlay.active {
            opacity: 1;
            visibility: visible;
        }
}
.drop-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 130px;
    font-size: 16px;
    gap: 8px;
}
#expandDropzone ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.cls_assignment_lastupdated {
    margin-left: auto;
    margin-right: 43px;
    width: 185px;
}
.daily_shift .card.p-0 {
    background-color: #F8F6F2;
    border: none;
}
.asking_rate {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #235FB5
}
.Geofence_Execution {
    color: #C41E3A;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%; 
}
.expanded-header button {
    border: none;
    background-color: transparent
}
.ff-user-name .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}
.stopped.assignement-card .assignment-head .sts-text {
 color:rgba(139, 21, 41, 1)
}
.stopped.assignement-card .assignment-head {
    border-radius: 7px 7px 0px 0px;
    background: #F9E9EB !important;
    border: 1px solid #ff0000;
    border-bottom: 0px;
}
.stopped.assignement-card .dot {
    color: #ff0000;
    background: rgba(139, 21, 41, 1);
    box-shadow: #ff0000 0px 48px 100px
}
.stopped .label-text-name{
     color:  rgba(139, 21, 41, 1);
}
.stopped .label-text-name b{
     color: rgba(82, 13, 24, 1 );
}

.idle.assignement-card .assignment-head {
    border-radius: 7px 7px 0px 0px;
    background: rgba(233, 239, 248, 1) !important;
    border: 1px solid #19438169;
    border-bottom: 0px;
}
.idle.assignement-card .dot {
    background: url('Icon_set/Idle.svg') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px
}
.stopped.assignement-card .dot {
    background: url('Icon_set/Stopped.svg') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px
}
.breakdown.assignement-card .dot {
    background: url('Icon_set/Breakdown.svg') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px
}
.reassigned.assignement-card .dot {
    background: url('Icon_set/Running.svg') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px
}
.running.assignement-card .dot {
    background: url('Icon_set/Running.svg') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px
}
.breakdown.assignement-card .dot {
    background: url('Icon_set/Breakdown.svg') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px
}
.idle .label-text-name{
     color: rgba(25, 67, 129, 1);
}

.idle .label-text-name b{
     color: rgba(15, 40, 76, 1);
}
.idle .sts-text{
     color: rgba(25, 67, 129, 1);
}
.running.assignement-card .assignment-head {
background: #E9F3F1 !important;
    border: 1px solid #98C9BD;
    border-bottom: 0px;
}

.running .label-text-name{
     color: rgba(22, 98, 80, 1);
}
.running .label-text-name b{
     color: rgba(17, 76, 62, 1);
}
.running .sts-text{
     color:#166250;
}

.breakdown.assignement-card .assignment-head {
background: rgba(248, 241, 233, 1) !important;
    border: 1px solid rgba(221, 191, 154, 1);
    border-bottom: 0px;
}
.breakdown.assignement-card  {background: rgb(255 255 255) !important;}

.breakdown .label-text-name{
     color: rgba(129, 82, 25, 1);
}
.breakdown .sts-text{
     color:rgba(76, 49, 15, 1);
}
.unassigned.assignement-card .assignment-head {
background: rgba(240, 241, 242, 1) !important;
    border: 1px solid rgba(209, 211, 216, 1);
    border-bottom: 0px;
}
.unassigned.assignement-card .dot {
    color: rgba(129, 82, 25, 1);
    background: rgba(129, 82, 25, 1);
    box-shadow:rgba(129, 82, 25, 1);
}
.unassigned .label-text-name{
     color: rgba(76, 81, 91, 1);
}
.unassigned .sts-text{
     color:rgba(59, 63, 70, 1);
    font-weight:800
}
.border-style {
    border-radius: 7px;
    border: 1px solid rgba(236, 236, 236, 1);
    background-color: #fff;
    border-bottom: 0;
    bottom: 5px;
    position: relative;
    /* height: 100%; */
}
.body-secound-row strong{
    font-size:16px
}
.body-head span{
        color: rgba(169, 169, 169, 1);
}
.body-head span > span{
        color: rgba(67, 67, 67, 1);
}
.head-title{
 color: rgba(169, 169, 169, 1) !important;
 text-transform: uppercase;
}
.cls_assignment_productionactualtarget_page{
 color:  rgba(3, 116, 58, 1) !important;
 font-weight: 800;
 font-weight: 800;
 font-style: ExtraBold;
 font-size: 16px;
}
.cls_assignment_productiontargetuom_page{
    display:block;
}
.expanded-card {
    padding: 20px 21px !important;
}
.file-section button{
        border: solid 1px #b57423 !important;
}
.Add_S_Allocation .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.drag_drop_border {
        height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#haulerExpandContainer.containerdiv.card{
        border-radius: 80px !important;
}
.hauler-expand-body .operator-card{
        min-height: 121px;
        padding: 14px 31px;
}
#stoppagepopup .modal-header{
display: flex;
    align-items: center;
    justify-content: space-between;
}
.body-card label {
    width: 260px;
}
#tblautoallocationSuggestion_wrapper .dataTables__top{
    width:100px;
}
.expanded-card-wrapper{
position: relative;
}
.notin-live-fuel {
    color: #f54a00;
    background-color: #fff7ed;
    padding: 6px 6px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    width: 28px;
}

.live-fuel {
    color: #4caf50;
    background-color: #4caf502e;
    padding: 6px 6px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    width: 28px;
}

.not-fuel {
    padding: 6px 6px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    width: 28px;
}

.panel-content .card {
    padding: 8px 7px !important;
    margin: 0px 11px;
    box-shadow: none;
    /* border-top: none; */
}

#fleetDetailPanel {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.croot.cbody .dataTables_wrapper table tbody tr td {
    /* min-width: 283px; */
    /* max-width: 40px; */
}

.issues-container {
    display: grid;
    grid-template-columns: auto auto;
}

.issue-card .fa-power-off {
    font-size: 12px;
}

.blue-theme .main-content .table-container {
    background: #141414 !important;
}

.history-card.detail-card .form-control {
    font-size: 12px !important;
}

.brown-theme .panel-content .nav-item .nav-link {
    border: 0px !important;
    padding: 5px 30px;
    background: #fafafa !important;
}

.panel-content .nav.nav-pills.mb-3.border-bottom.border-secondary.pb-2 {
    border: 1px solid #b57423;
    width: fit-content;
    border-radius: 5px !important;
    overflow: hidden;
    margin-left: 10px;
}

.brown-theme .panel-content .nav-item .nav-link.active {
    background: #b57423 !important;
    color: #fff !important;
}

.panel-content .nav-item {
    margin: 0 !important;
}

.blue-theme .panel-content .nav-item .nav-link {
    border: 0px !important;
    padding: 5px 30px;
    background: #000000 !important;
    border-radius: unset;
    color: #fff !important;
}

    .blue-theme .panel-content .nav-item .nav-link.active {
        background: #555454 !important;
        color: #fff !important;
    }


div#mapModal .modal-backdrop.in {
    opacity: 0.7 !important;
    width: 100% !important;
    height: 100% !important;
}

.gps-coordinates-list .coordinate-item {
    font-size: 14px !important;
}

    .gps-coordinates-list .coordinate-item:last-child {
        font-size: 12px !important;
    }

div#mapModal .modal-footer .btn-secondary:hover {
    color: #000 !important;
    background: #f0f0f0 !important;
    min-height: 30px;
    border: 1px transparent !important;
}

div#mapModal .modal-footer.border-secondary {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.modal-footer .btn + .btn {
    margin: 0 !important;
}

    .modal-footer .btn + .btn:hover {
        background: #2196f3 !important;
    }

.blue-theme .history-card.detail-card .form-control {
    color-scheme: dark;
}

.detail-card .card-body .row .stat-box {
    width: 100%;
}

.detail-card .card-body .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
    width: 100%;
}

    .detail-card .card-body .row:before, .detail-card .card-body .row:after, .detail-card .card-body:after, .detail-card .card-body:before {
        display: none;
    }

.detail-card .card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.brown-theme .detail-card .card-body .row .stat-box {
    background: #f3efef;
}

.blue-theme .modal-backdrop {
    background: #545353;
}

.history-card.detail-card .row:before {
    display: none;
}

.blue-theme #mapModal .modal-footer .btn-secondary.btn {
    color: #000;
}

#mapModal {
    z-index: 99999 !important;
}
@media only screen and (min-width:1024px) and (max-width:1570px) {
    .brown-theme .perform_nav.perform_nav_new.nav-tabs > li > a {
        border-bottom: 58px solid #e7e5e4 !important;
    }

    .brown-theme .perform_nav.perform_nav_new.nav-tabs > li.active > a {
        border-bottom: 58px solid #b57423 !important;
    }


    .Add_S_Allocation .col-lg-5.col-md-5.col-sm-12 {
        max-width: 100% !important;
    }

    .filter-item .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 10px !important;
    }

    .brown-theme .page-header-menu-section .filter-item span {
        font-size: 12px !important;
    }

    .brown-theme .filter-item span img {
        width: 30px;
    }

    .Add_S_Allocation .col-lg-6.col-md-7.col-sm-12.flex {
        max-width: 33% !important;
    }
}

.operator-line .select-box {
    min-width: fit-content !important;
}

.assignment-container {
    grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
}

.btnsaveHaulers {
    position: absolute;
    width: fit-content;
    top: 20px;
    left: 20px;
}

.perform_nav.nav-tabs > li.active > a:focus-visible, .perform_nav.nav-tabs > li > a:focus {
    outline: unset;
}
@media only screen and (min-width:1024px) and (max-width:1570px) {
    .ff-user-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .ff-stoppage-card {
        flex-direction: column;
        gap: 5px;
    }
}
#map-tab-content .card .card-body:not(.card-body.card-line) {
/*    height: 90vh !important;*/
}

#map-tab-content .map-scroll {
    height: 79vh !important;
}
.monitor-toggle-switch {
    width: 86px !important;
    height: 32px !important;
    background: #F4F4F4 !important;
    box-shadow: 0px 2px 3px 0px #0000001A inset !important;
    border: 1px solid #E7E5E4 !important;
}

.monitor-toggle-knob {
    width: 42px !important;
    height: 28px !important;
    padding: 0px 14px !important;
    border-radius: 25px !important;
    border: 1px solid #B57423 !important;
}

span.monitor-icon-off {
    display: block !important;
    position: absolute !important;
    left: 22px !important;
    z-index: 99 !important;
    top: 7px !important;
}

span.monitor-toggle-label {
    width: 0;
}

.monitor-toggle-wrap.monitor-on .monitor-toggle-knob {
    left: 42px !important;
}

.monitor-toggle-wrap.monitor-on .monitor-icon-on {
    position: absolute !important;
    right: 13px !important;
    z-index: 99 !important;
    top: 16px !important;
}

span.monitor-icon-on {
    display: block !important;
    position: absolute !important;
    right: 11px !important;
    z-index: 9 !important;
    top: 8px !important;
}

.monitor-toggle-wrap.monitor-on .monitor-toggle-switch {
    background: #F4F4F4;
}
.assign-lst ul {
    max-height: 278px;
}
.draft-hauler-lst {
    border: 1px solid #ECECEC;
    border-radius: 8px;
    margin: 12px 12px;
    padding: 20px 20px;
} 
#geofenceModal .modal-dialog.modal-xl {
    width: 900px !important;
}

.haulerdetailsub .row.haulerdetails > div {
    font-size: 12px !important;
}

.autoallocated {
    position: absolute;
    right: 10%;
}

span.autoallocationresult {
    white-space: nowrap;
}

#tblautoallocationSuggestion_wrapper .proceed-button.d-flex.align-items-center.gap-3.mb-2 {
    gap: 10px;
}
span.monitor-icon-off, .monitor-toggle-wrap.monitor-on .monitor-icon-on {
    top: 8px !important;
}
li.hauleroperatorDropZone.ui-droppable span:first-child {
    min-width: 97px;
}

#tblautoallocationSuggestion_wrapper .dataTables_scrollBody table tbody tr td:first-child,
#tblautoallocationSuggestion_wrapper .dataTables_scrollHead table thead tr th:first-child {
    min-width: 50px;
}

.assignement-card .body-secound-card label {
    font-size: 12px !important;
    width: fit-content !important;
}
.hauler-drop-grid .drop-zone, .draft-hauler-lst .drop-zone {
    min-height: 20px !important;
    height: 60px;
}
/*
.dataTables_scrollBody {
    max-height: calc(100vh - 400px);
}*/

#geofenceModal {
    overflow: hidden;
}

.haulerExpand-nav {
    z-index: 99 !important;
}

    .haulerExpand-nav #nextHaulerCard {
        right: 0;
        width: 23px;
        left: 100% !important;
    }

.haulerExpand-nav {
    position: absolute !important;
    width: 97%;
}

    .haulerExpand-nav #prevHaulerCard {
        left: unset !important;
        right: 97% !important;
    }

.expand-nav #prevCard {
    left: 2% !important;
}

.expand-nav {
    width: 100%;
}

    .expand-nav #nextCard {
        left: unset !IMPORTANT;
        right: 2%;
    }

@media (max-width: 991.98px) {
    .tools {
        position: absolute;
        right: 11px;
    }

    .dashboard_wrapper .col-sm-12 {
        width: 100%;
        padding-inline: 0;
    }

    .assignment-card-expandview .border-style .body-head span:nth-child(3) {
        margin: 0 !important;
    }

    .assignment-card-expandview .border-style .body-head {
        flex-direction: column;
        align-items: start;
    }

    .dashbord-message-left {
        width: 100% !important;
    }

    .daily_shift .dashboard_wrapper {
        display: flex;
        flex-direction: column-reverse;
        height: 100% !important;
    }

    .dashbord-message-left {
        width: 100% !important;
        height: 100%;
    }

    .daily_shift .dashboard_wrapper > div:last-child {
        margin: 0px;
    }

    .message_tab {
        position: unset !important;
        width: 100% !important;
        max-width: 100% !IMPORTANT;
    }

    .assignmenthead-card {
        height: auto;
    }

    .daily_shift .dashboard_wrapper > div:last-child {
        position: unset !important;
        height: auto;
        padding: 10px;
        width: 100% !important;
    }

    #tab-sector-content #assignmentcard {
        margin: 0 !important;
        padding-inline: 10px !IMPORTANT;
    }

    .info-container {
        flex-wrap: wrap;
    }

    .card-head.Assesment_card .col-lg-3.col-md-4.col-sm-12 {
        padding: 0 !important;
        width: 100% !important;
        gap: 0;
    }

    .Assesment_card .row {
        flex-direction: column;
        gap: 10px;
    }

    .card-head.Assesment_card .col-lg-8.col-md-4.col-sm-12 {
        width: 100%;
        padding: 0 !IMPORTANT;
    }

    .message_tab .tab-content.bg-light {
        height: 100% !IMPORTANT;
        max-height: 100% !important;
        overflow: unset !IMPORTANT;
    }

    div#Hauler_Suggestion {
        height: 100%;
        overflow: auto;
    }

    #tab-sector-content .card-head.Assesment_card {
        margin: 0 !IMPORTANT;
    }

    .Assesment_card .form-group {
        width: 100%;
    }

    .info-box {
        width: 100% !IMPORTANT;
    }
}

.info-container {
    align-items: center;
}

@media only screen and (max-width:1025px) {
    span.divider {
        margin-left: 16px;
        display: none;
    }

    .blue-theme span.text-white, span.value-text, .body-card,
    .body-card span, .cls_assignment_productionactualtarget_page,
    .cls_assignment_productiontarget_page, .asking_rate,
    .body-secound-row strong, .text-name1 {
        font-size: 14px;
    }

    .traget_value {
        font-size: 12px;
    }

    .page-header-box h1 {
        font-size: 20px !important;
    }
}

@media only screen and (max-width:767px) {
    .card-head header {
        font-size: 16px;
    }

    .status-approved, .sts-text {
        font-size: 13px;
    }

    .table-responsive-lg table tbody td, .label-text-name,
    .list_card_section .form-group span, .blue-theme span.text-white {
        font-size: 14px;
    }
}

@media only screen and (max-width:599px) {
    .suggestion-title {
        font-size: 13px;
    }

    .suggestion-subtitle {
        font-size: 14px;
    }

    .cls_assignment_productionactualtarget_page {
        font-size: 12px;
    }
}


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

    .assign-lst ul li {
        display: flex;
        width: 100%;
        gap: 5px;
        padding: 10px;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: start;
        justify-content: start;
        border-left: 3px solid transparent;
    }

    .body-card {
        width: 100%;
    }
}