.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    cursor: pointer;
    border-radius: 25px !important;
}

.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;
    }

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

.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: normal !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: 49px;
    vertical-align: middle;
    border-radius: 2px 2px 0 0;
    /* box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.1); */
}

.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 */
.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
}

.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;
}

.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(2) !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: 1 !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: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px !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(255 255 255 / 22%);
}

    .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(380px, 1fr));
    gap: 14px;
    margin: 10px;
    font-family: "Plus Jakarta Sans" !important;
}

    .assignment-container .request-card-list {
        max-width: 420px;
        width: 100%;
        box-shadow: 0px 10px 20px 5px #0000000A;
        border: 1px solid #DDE1EF;
    }

.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;
}

.assign-lst ul {
    display: flex;
    margin: 0;
    padding: 0px;
    width: 100%;
    flex-direction: column;
    border: 1px solid #dcdfe2;
    border-top-left-radius: 5px;
    border-top-right-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: 10px;
        border-left: 3px solid transparent;
    }

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

.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: 17px;
    color: #434343;
}

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

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

    .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;
}

.assign-bottom-section {
    padding: 6px 14px;
    margin-bottom: 9px;
}

    .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 {
    height: 250px;
    overflow: auto;
}

    .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(90deg);
    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;
}

.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 .cma_primary_button {
    background: #b57423 !important;
    border: 1px solid #b57423 !important;
}

.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;
}

.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 #EBEBEB;
    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;
}

.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;
}

.brown-theme .target-card.selected {
    border: 2px solid #b57423;
    background-color: #F4F5F9;
    box-shadow: 0px 4px 6px 0px #00000033;
}

    .brown-theme .target-card.selected .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: #544a4a !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;
}

    .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: 3px;
}
.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: 112px;
        background: #f2f2f2 !important;
        /* background: #B52B231A !important;*/
        border: 0px;
        color: #B52B23 !important;
    }

    a.error-file span {
        padding: 0px 1px 0px 5px;
    }

    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: #544a4a !important;
}

.blue-theme .card-block .form-group label {
    color: #7B7B7B !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: #544a4a !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: #544a4a !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: #544a4a !important;
}
.blue-theme .form-control {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #544a4a !important;
}
.blue-theme .select2-dropdown {
    background: #1f1b1b !important;
    color: #ababab !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #544a4a !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: #544a4a !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: #544a4a !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: #544a4a !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: #544a4a !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: #544a4a !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;
}

.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: 40px !important;
    height: 23px !important;
    min-width: 40px !important;
    max-width: 64px !important;
}
.brown-theme .form-control {
    background: #fff !important;
    color: black !important;
    font-size: 14px;
    font-weight: 500 !important;
    border-color: #544a4a !important;
    padding: 6px 6px;
}
 .form-group .select2 span {
    border-color: #544a4a !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: #f44336 !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: #544a4a !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: #b2b2b2;
    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: #544a4a !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 #544a4a !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-left: -12px;
    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 */;
}