body{
    background-image: linear-gradient(-40deg, #efefef 0%, #eaeef0 60.96%, #c9e6f5 100%);
    background-attachment: fixed;
    min-height: 100vh;
}
h1, h2, h3, h4, h5, h6{
    color: #1a202e;
    font-family: 'Montserrat', sans-serif;
}
.date_main_show .form-group{
    position: relative;
}
.date_main_show input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.update_product div.table-responsive > div.dataTables_wrapper > div.row {
    width: 100%;
}
.update_product .update_price span {
    width: 75%;
    display: inline-block;
}

.select_2_add_btn {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 100%;
}
.select_2_add_btn .btns {
    color: #d30000 !important;
    border: 0 !important;
    padding: 0 !important;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
    border-radius: 60px;
    width: 100%;
    text-align: left;
    padding-left: 6px !important;
}

.fa-circle-check.user_icon {
    font-size: 19px;
}
/* .active_inactive_user {
    margin-top: 4px;
    margin-left: 5px;
}

.active_inactive_user i {
    font-size: 18px;
} */
#roles-table tbody tr td:last-child {
    justify-content: left;
    padding-left: 7px;
}
#select2-calculation_type-results {
    margin-top: -34px;
}
.add_group.circlebtn:hover {
    background: #2159d7 !important;
}

.main-sidebar,
.main-sidebar .dropdown{
    background: #003360 !important;
}

/* .main-sidebar .sidebar-brand a,
.main-sidebar .sidebar-menu li a {
    color: #fff !important;
} */

.update_data_table_responsive {
    overflow: hidden;
}
.update_data_table_responsive .dataTables_wrapper > div:nth-child(2) > div {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.update_data_table_responsive
    .dataTables_wrapper
    > div:nth-child(2)
    > div
    table {
    white-space: nowrap;
    width: 100% !important;
}

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

/* 12-02-24 css */
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 42px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    font-size: 15px;
}
.select2-container
    .select2-selection--single
    .select2-selection__rendered[title] {
    color: #6c757d;
}

.table:not(.table-sm):not(.table-md):not(.dataTable) td,
.table:not(.table-sm):not(.table-md):not(.dataTable) th {
    border: 1px solid #fff;
}

.theme-white .btn-primary {
    padding: 0px 30px;
}
.edit_product_price:focus {
    background-color: #2159d7 !important;
}
.order_create_btnarea .btn-info:hover,
.order_create_btnarea .btn-info:focus,
.order_create_btnarea .btn-info:active {
    background-color: #31b8cd !important;
    border-color: #31b8cd !important;
}
.table-for-data {
    border: none !important;
    background: #e9ecef !important;
    margin-bottom: 0 !important;
    height: 150px;
    border-bottom: 20px solid #fff !important;
}
#order_products_table .order_create td {
    padding-right: 0;
}
.table:not(.table-sm):not(.table-md):not(.dataTable) .table-for-data tr td {
    vertical-align: top !important;
    border: none !important;
    padding: 10px !important;
    line-height: 1.42857143;
}

#addGlassProductDetailModal .modal-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
}
#addGlassProductDetailModal .modal-footer {
    padding-left: 15px;
    padding-right: 15px;
}
#addGlassProductDetailModal .modal-body .deleteGlassRow {
    background-color: #ce2222 !important;
    color: #fff;
    padding: 3px 25px !important;
}
.sub_product_div .form-control {
    transition: inherit;
}
.edit_profile{
    position: relative;
    overflow: hidden;
}
.edit_profile>label{
    cursor: pointer;
}
.edit_profile input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
    display: none;
}
#editButton:hover{
    text-decoration: none;
}
#EditprofileForm .input-group .input-group-prepend{
    flex: 0 0 40px;
    -webkit-flex: 0 0 40px;
}
#EditprofileForm .input-group .input-group-prepend>div{
    width: 100%;
}
#EditprofileForm .input-group .select2-container{
    flex: 1 1 0;
    -webkit-flex: 1 1 0;
}
.extra_options .form-check-input.extra_option{
    left: 4px;
}

/*05-03-2024*/
.popup_render_div #AddForm .form-group input[type="password"],
.profile-pass-change .input-group input[type="password"]{
    padding-right: 34px;
}
.password-toggle-icon i,
.confirm-password-toggle-icon i,
.pass-toggle-icon i{
    position: absolute;
    right: 0;
    top: 0;
    padding: 21px 10px 17px;
    z-index: 4;
}
.order_products_table-design thead th:last-child{
    min-width: 200px;
}
.order_products_table-design .table-for-data tr td:last-child button{
    background-color: transparent;
    padding: 0 !important;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
}
.order_products_table-design .table-for-data tr td:last-child button i{
    color: #284561;
}
.order_products_table-design .table-for-data tr td:last-child button:hover i{
    color: #fff;
}
.select_group_list ul{
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 15px;
}
.select_group_list li{
    display: inline-block;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    line-height: 16px;
}
.select_group_list label{
    margin: 0;
    line-height: 15px;
    position: relative;
    padding-left: 24px;
}
.select_group_list input{
    display: none;
}
.select_group_list label:before{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    border: 1px solid #db5102;
    width: 18px;
    height: 18px;
    border-radius: 2px;
}
.select_group_list input:checked+label:before{
    background-color: #db5102;
}
.select_group_list label:after{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0552 0.409519C16.141 0.484645 16.2111 0.576081 16.2612 0.67851C16.3114 0.780938 16.3407 0.892316 16.3474 1.00617C16.3541 1.12002 16.3381 1.23407 16.3004 1.34169C16.2626 1.44931 16.2039 1.54836 16.1275 1.63306L7.08086 11.6735C7.00412 11.7585 6.91118 11.8274 6.80749 11.876C6.7038 11.9247 6.59143 11.9521 6.47699 11.9568C6.36255 11.9614 6.24834 11.9432 6.14104 11.9031C6.03374 11.863 5.93553 11.8019 5.85215 11.7234L0.617246 6.79569C0.460198 6.64574 0.365109 6.44233 0.350771 6.22566C0.336433 6.009 0.403888 5.79483 0.539807 5.62549C0.613172 5.53369 0.70443 5.45775 0.808039 5.40229C0.911648 5.34682 1.02545 5.313 1.14253 5.30286C1.25961 5.29272 1.37753 5.30648 1.48913 5.34331C1.60074 5.38013 1.70369 5.43925 1.79174 5.51708L5.85301 9.1705C6.02258 9.32312 6.24583 9.40215 6.47366 9.39021C6.7015 9.37827 6.91526 9.27634 7.06795 9.10683L14.8489 0.479215C15.0004 0.311289 15.2118 0.209741 15.4376 0.196538C15.6633 0.183334 15.8852 0.259535 16.0552 0.408659V0.409519Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px;
    z-index: 1;
}
.name_suggestion_main{
    position: relative;
}
.name_suggestion_main .name_suggestion_list ul{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    z-index: 1;
    background: #fff;
    padding: 10px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 200px;
    overflow-y: auto;
}
.name_suggestion_main input:focus + .name_suggestion_list ul{
    opacity: 1;
    visibility: visible;
}
.name_suggestion_main .name_suggestion_list ul li{
    display: block;
}

/* .modal{
    height: calc(100% - 100px);
} */

/*08-03-2024*/
.swal2-container .swal2-title{
    padding: 14px 10px;
    background-color: #062142;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
}
.swal2-container .swal2-input-label{
    display: block;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
    color: #062142;
}
.swal2-container .swal2-textarea{
    margin-top: 10px;
    border: 1px solid #d9d9d9;
}
.swal2-container .swal2-textarea:focus{
    box-shadow: none;
    border-color: #d9d9d9;
}
.swal2-container .swal2-actions{
    width: 100%;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-right: 2rem;
}
.swal2-container .swal2-actions>button{
    min-width: 100px;
    text-align: center;
}
.swal2-container .swal2-actions .swal2-confirm,
#addGlassProductDetailModal .modal-footer .glass-item-save{
    background-color: #db5102;
    border-color: transparent !important;
    color: #fff;
}

#addGlassProductDetailModal .modal-header{
    padding: 15px;
    background-color: #062142;
}
#addGlassProductDetailModal .modal-header .modal-title{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}
#addGlassProductDetailModal .modal-header .close{
    background-color: #384657;
    padding: 0 !important;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    -webkit-flex: 0 0 36px;
}
#addGlassProductDetailModal .modal-header .close>span{
    font-size: 26px;
    color: #fff;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}
#addGlassProductDetailModal .addGlassRow{
    line-height: 22px;
    padding: 6px 10px !important;
}
#addGlassProductDetailModal .addGlassRow:hover,
#addGlassProductDetailModal .addGlassRow:focus{
    background-color: #23a574 !important;
    border-color: #23a574 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
#addGlassProductDetailModal .addGlassRow i{
    font-size: 14px;
}
#addGlassProductDetailModal .glass-product-item .form-group>label{
    margin-bottom: 7px;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
}
#addGlassProductDetailModal .glass-product-item .form-group>input{
    line-height: 22px;
    height: auto;
}
#addGlassProductDetailModal .glass-product-item>.row+.row{
    position: relative;
}
#addGlassProductDetailModal .glass-product-item>.row+.row:before{
    content: '';
    position: absolute;
    left: 15px;
    top: -15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #ebebeb;
}
#addGlassProductDetailModal .glass-product-item>.row:last-child .form-group{
    margin-bottom: 0;
}
#addGlassProductDetailModal .modal-footer .btn-secondary{
    border-radius: 0.25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    border: none;
}
#addGlassProductDetailModal .modal-footer .glass-item-save:hover,
#addGlassProductDetailModal .modal-footer .glass-item-save:focus{
    background-color: #db5102 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
#addGlassProductDetailModal .modal-footer .btn-secondary:hover,
#addGlassProductDetailModal .modal-footer .btn-secondary:focus{
    background-color: #6e7881 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.delete_row_block{
    margin-top: 25px;
}
.price_per_fee{
    cursor: default;
}
.price_per_fee:hover{
    text-decoration: none;
}

.main-navbar{
    border-radius: 10px;
    padding: 12px;
}
.main-navbar .navbar-nav .nav-link i{
    color: #fff;
}
.navbar .nav-link.nav-link-user img{
    background: #ebebeb;
}
/* body,
.navbar-bg{
    background-color: #f1f5f9 !important;
} */
.section-body .card{
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07) !important;
    border-radius: 4px;
}
.section-body .card .card-header{
    border-bottom: none;
    padding-top: 15px;
}
.section-body .card .card-header h3{
    font-size: 22px;
}
.section-body .card .card-body form .form-group>label,
.order_products_table-design .table th{
    color: #3b4863;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 700;
    text-transform: inherit;
}
.section-body .card .card-body form .form-group .select2-container .select2-selection--single,
.section-body .card .card-body form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.section-body .card .card-body form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow{
    min-height: 34px;
}
.section-body .card .card-body form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 34px;
    font-size: 15px;
}
.section-body .card .card-body form .form-group .input-group input,
.section-body .card .card-body form .form-group .quantity-content input,
.sub_product_div select{
    height: 34px !important;
}
.section-body .card .card-body form .form-group .input-group input.passwordh_42{
    height: 42px !important;
}
.add-product.form-group{
    text-align: right;
}
.add-product.form-group #addDesBtn,
.add-product.form-group #glassProductBtn{
    float: none;
    margin-left: 0;
    margin-right: 6px;
}
.add-product.form-group button{
    padding: 7px 10px !important;
    min-height: auto;
    height: auto;
    line-height: 18px;
}
.add-product.form-group button,
.add-product.form-group button i,
.sub_product_div select{
    font-size: 15px !important;
}
.order_products_table-design .table th{
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: inherit !important;
}

.main-sidebar .sidebar-brand a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.main-sidebar .sidebar-menu>li:last-child{
    margin-bottom: 0;
}
.main-sidebar .sidebar-menu li a{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0;
    border-radius: 6px;
}
.main-sidebar .sidebar-menu>li.active>a{
    background-color: #0e4472;
}
.main-sidebar .sidebar-menu li a svg{
    width: 20px !important;
    height: 20px;
}
.main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a {
    background-color: #efefef;
    color: #062142;
    padding: 12px 30px;
    display: inline-block;
    line-height: 18px;
    margin-left: 12px;
    border-radius: 5px;
    font-weight: 500;
}
.main-navbar .navbar-right>li:last-child>a{
    padding-left: 0 !important;
}
.main-navbar .navbar-right>li.dropdown .dropdown-menu .dropdown-divider{
    margin: 0;
}
.main-navbar .navbar-right>li.dropdown .dropdown-menu{
    top: calc(100% + 12px);
}
.main-navbar .collapse-btn svg{
    width: 28px;
    height: 28px;
}
.iconBlog{
    width: 42px;
    height: 42px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-right: 8px;
}
.sidebar-mini .iconBlog{
    margin-right: 0;
}
.main-sidebar .sidebar-menu>li.active>a .iconBlog{
    background: #db5102;
}
.main-navbar .navbar-nav.navbar-right li:first-child>a{
    background-color: #db5102;
    color: #fff;
}
.main-navbar .navbar-nav.navbar-right li:first-child>a:hover,
.main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a:hover{
    background-color: #042c48;
    color: #fff;
}
.main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a{
    text-decoration: none;
}
table.dataTable thead>tr>th{
    text-transform: capitalize !important;
    background-color: #f2f4f8 !important;
    font-weight: 600 !important;
    border-top: 1px solid #e5e9f2 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    position: relative;
}
table.dataTable thead>tr>th:first-child{
    border-left: 1px solid #e5e9f2;
}
table.dataTable thead>tr>th:last-child{
    border-right: 1px solid #e5e9f2;
}
table.dataTable thead>tr>th:not(:last-child) span::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 60%;
    background-color: #e5e9f2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
/* table.dataTable tbody>tr:nth-child(even){
    background-color: #f2f4f8;
} */
/* .dropdownBtnTable tbody tr td:last-child{
    display: table-cell;
} */
.cash-reciept-trans tbody tr td:last-child{
    display: flex;
    display: -webkit-flex;
}
.cash-reciept-trans tbody tr.estimates-trans-active{
    background-color: #062142 !important;
}
.cash-reciept-trans tbody tr.estimates-trans-active td{
    color: #fff;
}
.cash-reciept-trans tbody tr.estimates-trans-active td:last-child svg path{
    fill: #fff;
}
.cash-reciept-trans tbody tr.estimates-trans-active td:last-child a:hover svg path{
    fill: #db5102 !important;
}
.card .card-header h4,
.modal-header h5,
.table:not(.table-sm) thead th,
.section-body .card .card-header h3,
#group_form .form-group label,
.table tfoot th{
    text-transform: capitalize;
}
.loader {
    background-color: rgba(255, 255, 255, 0.8);
}
/* .product_page_buttons>.row{
    gap: 8px;
}
.product_page_buttons .btn-column{
    display: flex;
    display: -webkit-flex;
    gap: 5px;
    padding: 8px;
    background-color: #f1f5f9;
    border-radius: 5px;
}
.product_page_buttons .btn-column .btn{
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
}
.product_page_buttons .btn-column .btn svg{
    height: 22px;
    width: auto;
}
.product_page_buttons .btn-column:nth-child(2) .in-btn-column>.btn{
    background-color: #062142 !important;
} */
.section-body .card .card-header h3{
    font-size: 18px;
    line-height: 28px;
    padding-right: 10px;
    margin-bottom: 0;
    font-weight: 600;
    color: #062142;
}

.estimates_trans_view .panel-body table thead>tr>th{
    text-transform: capitalize !important;
    background-color: #eff3f8 !important;
}
.estimates_trans_view .panel-body table tbody tr.odd{
    background: #fbfdff;
    color: #232324;
}
.estimates_trans_view .panel-body table tbody>tr:nth-child(even){
    background-color: #eff3f8;
}
.modal .estimates_trans_view .panel-body table tbody>tr td,
.estimates_trans_view .panel-body table thead>tr>th{
    border-bottom: none !important;
}
.estimates_trans_view .panel-body table tbody>tr td:not(:last-child),
.estimates_trans_view .panel-body table thead>tr>th:not(:last-child){
    border-right: 1px solid #ddd !important;
}
.estimates_trans_view .panel-body table tbody>tr:last-child td{
    border-right: none !important;
    border-left: none !important;
}
.estimates_trans_view .panel-body .row address{
    margin-bottom: 0;
}
.estimates_trans_view>.panel-body:not(:last-child){
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 12px;
    margin-bottom: 5px;
}
.party-list-managementTable{
    padding-bottom: 10px;
}
.party-list-managementTable thead th:not(:first-child,:last-child){
    width: 140px;
}
.party-list-managementTable thead th:nth-last-of-type(2){
    width: 170px;
}
.party-list-managementTable thead th:last-child{
    width: 80px;
    text-align: center;
}
.party-list-managementTable tbody tr td:last-child{
    text-align: center;
}
.party-list-managementTable tbody tr td:last-child button{
    background-color: transparent;
    border: none;
}
.party-list-managementTable tfoot{
    background: #062142;
}
.party-list-managementTable tfoot th{
    color: #fff;
}
.party-list-managementTable tfoot th{
    border-color: #30445c !important;
}

#customerMonthDetail table tbody tr:last-child td{
    border-bottom: 1px solid #ddd;
}
#customerMonthDetail table tfoot tr:last-child{
    background-color: #f3f3f3;
}

.payment-history-customer tbody>tr:nth-of-type(odd){
    background-color: #f9f9f9;
}
.payment-history-customer tbody>tr>td,
.payment-history-customer tfoot>tr>th,
.payment-history-customer tfoot>tr>td{
    border-color: #f4f4f4 !important;
}
.payment-history-customer tfoot>tr>th{
    color: #3b4863;
}
.dbl-btns{
    gap: 10px;
}
.dbl-btns .btn-primary{
    height: 34px;
}
.Blist-btn{
    background-color: #062142;
    color: #fff;
    margin-top: 20px;
}
.Blist-btn:hover,
.Blist-btn:focus{
    background-color: #db5102 !important;
    color: #fff !important;
}
.payment-detail-btn{
    background-color: transparent;
    border: none;
    padding: 0;
}
.payment-detail-btn:hover{
    color: #db5102;
}
.card .card-header .btn.circlebtn{
    border-radius: 100%;
}
.selectyear label {
    white-space: nowrap;
    margin-right: 15px;
}

.panel-body.payment-history-customer .table tr th:last-child, .panel-body.payment-history-customer .table tr td:last-child {
    text-align: start !important;
}

#edithead, #editbody{
    display: none;
}

.editprofile_page.section-body .card .card-body form .form-group .input-group input{
    min-height: 42px;
    height: 42px;
}

.editprofile_page .input-group-text,
.editprofile_page select.form-control:not([size]):not([multiple]),
.editprofile_page .form-control:not(.form-control-sm):not(.form-control-lg) {
    height: 42px;
    width: 42px !important;
}


/* .select_filter {
    position: absolute;
    top: 40px;
    right: 260px;
    z-index: 2;
} */

.select_filter select.form-control:not([size]):not([multiple]) {
    height: calc(1.75rem + 6px);
    min-width: 200px;
}
/* .select_filter .selectgroup {
    min-width: 200px;
} */

.dataTables_filter{
    display: flex;
    gap: 10px;
}

.estimates_transactions_table tbody tr td .estimate-action-icons .btn {
    width: 28px;
    height: 28px;
}
.estimates_transactions_table tbody tr td .estimate-action-icons{
   position: relative;
   padding: 11px;
   width: 110px;
}
.estimates_transactions_table tbody tr td .estimate-action-icons a{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.estimates_transactions_table tbody tr td .estimate-action-icons a.edit_product {
    left: 0px;
}
.estimates_transactions_table tbody tr td .estimate-action-icons a.view_detail {
    left: 30px;
}
.estimates_transactions_table tbody tr td .estimate-action-icons a.view_history_detail {
    left: 60px;
}
.estimates_transactions_table tbody tr td .estimate-action-icons a.delete_transaction {
    left: 90px;
}


/* ---Select2 Css------- */
#area-filter-form .select2-selection__rendered {
    height: 100%;
    padding: 0px;
}

#area-filter-form .select2-container .select2-selection--multiple {
    padding: 7px 45px 8px 15px;
    min-height: 42px;
    display: flex;
    align-items: center;
    border-color: #e5e9f2;
}

#area-filter-form .select2-results {
    padding-top: 10px !important;
}

#area-filter-form .select2-selection--multiple .select2-selection__choice {
    background-color: #000000;
    border: 1px solid #000000;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    line-height: 20px;
    margin-top: 9px;
}


#area-filter-form .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    font-weight: 400;
    font-size: 23px;
}
#area-filter-form button#reset-filter {
    border-radius: 4px;
    height: 47px;
}
#area-filter-form .closebtn {
    position: absolute;
    top: 10px;
    right: 9px;
    background: #db5102;
    width: 30px;
    height: 30px;
    padding: 0px !important;
    font-size: 20px !important;
    line-height: 1;
    border: none;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#area-filter-form .customer-report-top>label{
    position: absolute;
    left: 10px;
    top: -10px;
    background-color: #fff;
    padding: 0 5px;
    z-index: 1;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}
#area-filter-form .customer-report-top>label .btn{
    font-size: 14px !important;
}
.customer_report_table table.dataTable tbody tr td:first-child, .customer_report_table table.dataTable thead>tr>th:first-child {
    width: 0%;
    min-width: 15px;
}
.customer_report_table table.dataTable thead>tr>th {
   padding: 10px 15px;
}


.selectyearlabel label{
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.selectyearlabel .selectyear select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + -4px);
}

.deletedate_box.cart_filter_box{
    align-items: end !important;
    padding-bottom: 0px !important;
}

/* chart_admin_page */
.chart_admin_page .leftside{
    max-width: 230px;
}
.chart_admin_page .yearcard, .chart_admin_page .chartcard {
    padding: 20px;
    border-radius: 10px;
    background-color: #062142;
}
.chart_admin_page .yearcard .title_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chart_admin_page .title_header .title {
    color: white;
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.chart_admin_page .yearcard .icons{
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    list-style: none;
}

.chart_admin_page .yearcard .icons li, .chart_admin_page .yearcard .icons li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chart_admin_page .yearcard .icons li a{
    width: 30px;
    height: 30px;
}
.chart_admin_page svg{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.chart_admin_page .yearcard .contant_body ul{
    padding: 0px;
    margin: 20px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
}
.chart_admin_page .yearcard .contant_body ul .addyearbtn{
    padding: 5px 20px;
    background: #e9ecef;
    color: #062142;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    border-radius: 4px;
    width: 100%;
    border: none;
    box-shadow: none;
    transition: all ease-in-out 0.3s;
}
.chart_admin_page .yearcard .contant_body ul .addyearbtn.active, .chart_admin_page .yearcard .contant_body ul .addyearbtn:hover{
    background-color: #db5102;
    color: #fff;
}

.chart_admin_page .row-gap-30{
    row-gap: 30px;
}

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

.sellcard .contant .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
}

.sellcard .contant .amount {
    font-weight: 700;
    margin: 0px;
    color: white;
    font-size: 26px;
    line-height: 1;
}
.sellcard  .sellicon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.chartcard .chart_header{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.chartcard .chart_header .title{
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin: 0px;
    color: white;
    text-transform: uppercase;
}
.chartcard .chart_header .title span{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chart-box{
    height: 380px;
    overflow-y: auto;
}
.chart-box ul{
    padding: 0;
    margin: 0;
}
.chart-box ul li{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 5px;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #eee;
}
.chart-box ul li .pro-name{
    flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    text-align: right;
    padding-right: 10px;
}
.chart-box ul li .chart-content{
    flex: 0 0 calc(100% - 30%);
    -webkit-flex: 0 0 calc(100% - 30%);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.chart-box ul li .chart-content .progress{
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    height: 25px;
    border-radius: 0 8px 8px 0;
}
.chart-box ul li .chart-content .progress .progress-bar{
    border-radius: 0 8px 8px 0;
    background-color: #7fa5e0;
}
.chart-box ul li .chart-content .progress-value{
    padding-left: 10px;
}
.new-card-header{
    background: #eb2c2c;
    padding: 5px 40px 5px 10px !important;
    color: #fff !important;
    height: 50px;
    position: relative;
    line-height: 20px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.new-card-header::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border: 26px solid transparent;
    border-right-color: #fff;
    border-left: none;
}
/*
.red-block{
    background: #eb2c2c;
    padding: 10px;
    flex: 1;
    -webkit-flex: 1;
    height: 50px;
    position: relative;
}
.red-block::after{
    content: '';
    position: absolute;
    right: calc(30% - 25px);
    top: 0;
    border: 26px solid transparent;
    border-left-color: #fff;
    border-right: none;
}
.red-block::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background-color: #ffff;
} */

.MainBox {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .05) !important;
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .05) !important;
    border: none;
    padding: 20px 30px 30px;
}
.mainHeading {
    border-bottom: 1px solid rgba(174, 177, 193, 0.2);
    padding-bottom: 14px;
    margin-bottom: 24px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.mainHeading>* {
    margin-bottom: 0;
    font-size: 22px;
}
.author-box {
    display: flex;
    display: -webkit-flex;
    gap: 15px;
    padding-bottom: 20px;
}
.author-box .author-box-picture {
    background-color: #F2F4F8;
    height: 100px;
}
.author-box .profileName{
    font-size: 18px;
    font-weight: 600;
}

.author-box .edit_profile {
    margin-top: 2px;
    color: #db5102;
    font-weight: 500;
}
.persoanl_data .card-header{
    padding-left: 0;
    padding-right: 0;
}
.persoanl_data .card-body{
    padding: 26px 0 0;
}
.persoanl_data .card-body .form-group{
    margin-bottom: 26px;
}
.withoutEdit p{
    margin-bottom: 26px;
    position: relative;
}
.withoutEdit p:last-child{
    margin-bottom: 0;
}
.withoutEdit p>span:first-child{
    font-weight: 500;
    color: #062142;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 4px;
    display: block;
}
.withoutEdit p>span:last-child{
    font-size: 15px;
    height: 52px;
    border: 1px solid #e5e9f2;
    font-weight: 400;
    line-height: 38px;
    color: #495057;
    background-color: #fff;
    padding: .375rem .75rem;
    border-radius: 5px;
    display: block;
    width: 100%;
}
.floatingLabel .form-group{
    position: relative;
}
.floatingLabel .form-group>label,
.withoutEdit p>span:first-child{
    margin: 0;
    position: absolute;
    left: 13px;
    top: -9px;
    background-color: #fff;
    padding: 3px 4px;
    z-index: 4;
    line-height: 15px;
}
.floatingLabel .form-group input{
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 12px;
    padding-bottom: 10px;
}
.form-control[readonly],
.form-control:disabled{
    background-color: #fff;
    cursor: no-drop;
}
.invoiceBelowData{
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.invoiceBelowData>*{
    padding-left: 10px;
    padding-right: 10px;
}
.invoiceBelowData>div:first-child{
    flex: 1;
}
.invoiceBelowData .form-group input,
.place_dispatch .form-group select{
    max-width: 203px;
    min-width: 203px;
    width: 100%;
}
.invoiceBelowData .form-group select{
    height: 52px !important;
}
.add_invoiceBtn{
    background-color: #db5102;
    border: none;
    padding: 8px !important;
    border-radius: 5px;
    width: 52px;
    height: 52px;
}
.add_invoiceBtn svg{
    width: 18px;
    height: 18px;
}
.sub_total_area{
    padding: 0;
    margin: 0;
}
.sub_total_area li{
    display: flex;
    display: -webkit-flex;
    /* flex-wrap: wrap;
    -webkit-flex-wrap: wrap; */
    align-items: center;
    -webkit-align-items: center;
    justify-content: end;
    -webkit-justify-content: end;
    margin-bottom: 10px;
    color: #2a2a2a;
}
.sub_total_area li label{
    font-weight: 600;
    margin: 0;
    padding-right: 40px;
    position: relative;
    line-height: 16px;
}

.sub_total_area li label::after{
    content: ':';
    position: absolute;
    right: 20px;
    font-weight: 600;
}
.sub_total_area li span{
    flex: 0 0 203px;
    -webkit-flex: 0 0 203px;
    text-align: left;
    font-weight: 600;
    line-height: 16px;
}
.remark_options>label{
    top: -8px;
}
.remark_options .input-group input{
    height: 42px !important;
    padding-top: 14px;
    padding-bottom: 8px;
}
.sub_total_area li span input{
    width: 100%;
    height: 42px !important;
}
.custom_table tr th{
    border-bottom: 1px solid #e5e9f2 !important;
    border-top: 1px solid #e5e9f2 !important;
    color: #062142 !important;
    background-color: #F2F4F8 !important;
    border-left: none !important;
    border-right: none !important;
    font-weight: 600 !important;
    height: auto !important;
    padding: 14px 10px !important;
    line-height: 21px;
    position: relative;
}
.custom_table thead tr + tr th{
    background-color: #EFEFEF !important;
}
.custom_table tr td{
    border-bottom: 1px solid #e5e9f2 !important;
    font-weight: 500;
    height: auto !important;
    padding: 14px 10px !important;
    position: relative;
}
.custom_table tr th:not(:last-child)::after,
.custom_table tr td:not(:last-child)::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 60%;
    background-color: #e5e9f2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.custom_table tfoot tr td:not(:last-child)::after,
.custom_table tfoot tr th:not(:last-child)::after{
    background-color: #3f566c;
}
.custom_table tr th:first-child,
.custom_table tr td:first-child{
    border-left: 1px solid #e5e9f2 !important;
}
.custom_table tr th:last-child,
.custom_table tr td:last-child{
    border-right: 1px solid #e5e9f2 !important;
}
.custom_table tr td:last-child>div{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.custom_table tr td:last-child a{
    height: 32px;
    width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 5px;
    border: none;
    background: #f2f4f8;
}
.custom_table tr td:last-child a:hover,
.custom_table tr td:last-child a:focus{
    background-color: #08416a !important;
    border: none;
}
.custom_table tr td:last-child a:hover svg path,
.custom_table tr td:last-child a:focus svg path{
    fill: #fff;
}
.custom_table tr td:last-child a svg{
    width: 18px;
    height: 18px;
}
.custom_table tfoot tr th{
    border-bottom-color: #3f566c !important;
}
.custom_table tfoot tr th:first-child{
    border-left: 1px solid #0A2540 !important;
}
.custom_table tfoot tr th:last-child{
    border-right: 1px solid #0A2540 !important;
}
.error{
    font-size: 12px;
}
table.dataTable thead th{
    border-bottom-color: #e5e9f2 !important;
}
table.dataTable.no-footer{
    border-bottom: none !important;
    margin-bottom: 14px !important;
}
.select2-container .select2-selection--multiple, 
.select2-container .select2-selection--single{
    min-height: 52px;
    padding: 0px 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 52px;
    top: 0;
    right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="9" viewBox="0 0 18 9" fill="none"><path d="M16.92 0.950195L10.4 7.4702C9.63 8.2402 8.37 8.2402 7.6 7.4702L1.08 0.950195" stroke="%23292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    width: 12px;
    height: 7px;
    background-size: cover;
    background-repeat: no-repeat;
}
.custom-control-label{
    font-weight: 500;
}
.addBtn{
    background-color: #db5102;
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    line-height: 18px;
    border-radius: 5px;
    font-weight: 500;
    border: none;
}
.addBtn:hover{
    background-color: #042c48;
    color: #fff !important;
}
div.dataTables_wrapper div.dataTables_processing{
    z-index: 1;
}
.modal-content{
    padding: 20px 20px 30px;
    border-radius: 10px;
}
select.form-control{
    height: 52px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="9" viewBox="0 0 18 9" fill="none"><path d="M16.92 0.950195L10.4 7.4702C9.63 8.2402 8.37 8.2402 7.6 7.4702L1.08 0.950195" stroke="%23292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: calc(100% - 10px) center;
    background-size: 13px;
    background-repeat: no-repeat;
}
input:-internal-autofill-selected{
    background-color: #fff !important;
    box-shadow: inset 0 0 0 40px #fff;
    -webkit-box-shadow: inset 0 0 0 40px #fff;
}
.modal-body.floatingLabel .form-group{
    margin-bottom: 26px;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    background-position: right calc(2em + .1875rem) center;
}
.form-group input[type="password"]{
    padding-right: 34px;
}
.swal-modal{
    border-radius: 10px;
}
.swal-title{
    font-weight: 600 !important;
}
.dataShowing{
    padding: 0;
    margin: 0;
}
.dataShowing li{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 12px;
}
.dataShowing li>label{
    font-weight: 600;
    flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    margin: 0;
    position: relative;
    padding-right: 20px;
}
.dataShowing li>label::after{
    content: ':';
    position: absolute;
    right: 0;
    top: 0;
    color: #062142;
    font-weight: 700;
}
.dataShowing li>span{
    flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
    color: #000;
    padding-left: 30px;
    word-break: break-all;
    font-weight: 500;
}
.estimate-trans-topform,
.estimate-trans-top{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 10px;
}
.estimate-trans-topform .date_main_show input{
    height: 42px !important;
}
.estimate-trans-top input[type="submit"],
#invoice-filter-form .form-group .btn:first-child{
    height: 42px;
    line-height: 16px;
    border-radius: 5px;
    font-size: 15px;
    padding: 11px 25px;
    font-weight: 500;
    background-color: #042c48;
    border-color: #042c48;
}
.estimate-trans-top input[type="submit"]:hover,
.estimate-trans-top input[type="submit"]:focus,
.estimate-trans-top input[type="submit"]:active,
#invoice-filter-form .form-group .btn:first-child:hover,
#invoice-filter-form .form-group .btn:first-child:focus,
#invoice-filter-form .form-group .btn:first-child:active{
    border-color: #db5102 !important;
    background-color: #db5102;
}
.estimate-trans-top .reset-filter{
    height: 42px;
    line-height: 16px;
}
.LabelBottomSpace .form-group{
    margin-bottom: 26px;
}

.invoiceModal .print-bottom-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 42px;
    padding-left: 20px;
    padding-right: 20px;
}
.invoiceModal .print-bottom-btn a svg path {
    fill: #fff;
}
.sub_total_area .subtotle {
    padding: 15px 0px;
    margin: 15px 0px;
   border-top: 1px solid #aeb1c133;
   border-bottom: 1px solid #aeb1c133;
}
.sub_total_area .subtotle span {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
#invoice-filter-form .cart_filter_box,
#invoice-filter-form .cart_filter_box>.form-group,
.top_both_btn{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
#invoice-filter-form .form-group .btn{
    height: 42px;
}
#invoice-filter-form #reportrange{
    border: 1px solid #e5e9f2;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    padding: 12px 15px 6px;
    height: 42px;
}
.daterangepicker .input-mini{
    height: 40px !important;
}
.daterangepicker .range_inputs .btn-success,
.daterangepicker .range_inputs .cancelBtn{
    background-color: #042c48;
    border-color: #042c48;
}
.daterangepicker .range_inputs .btn-success:hover,
.daterangepicker .range_inputs .btn-success:focus{
    border-color: #db5102;
}
.daterangepicker .range_inputs .cancelBtn{
    color: #fff;
}
.daterangepicker .range_inputs .applyBtn{
    background-color: #db5102;
    border-color: #db5102;
}
.daterangepicker .ranges ul>li:not(.active){
    color: #062142 !important;
}
.daterangepicker .ranges ul>li:hover{
    color: #fff !important;
}
.sub_total_area.left li{
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.sub_total_area.left li label,
.sub_total_area.right li label{
    flex: 0 0 120px;
    -webkit-flex: 0 0 120px;
    padding-right: 25px;
}
.sub_total_area.left li label::after,
.sub_total_area.right li label::after,
.sub_total_area.bottom li label::after{
    right: 15px;
}
.sub_total_area.left li span,
.sub_total_area.right li span,
.sub_total_area.bottom li span{
    flex: auto;
    -webkit-flex: auto;
    text-align: left;
}
.sub_total_area.right li span,
.sub_total_area.bottom li span{
    text-align: right;
}
.sub_total_area.bottom li label{
    flex: 0 0 150px;
    -webkit-flex: 0 0 150px;
    padding-right: 25px;
}
.topRow2{
    row-gap: 14px;
}
.auth_pages{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 30px 10px;
}
.auth_pages .loginauth{
    margin: 0;
    padding: 30px 40px;
}
.top_align_right{
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    gap: 30px;
}
.top_align_right>li,
.tTop-contentLeft>a{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 5px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}
.top_align_right>li:not(:last-child)::after{
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #efefef;
}
.top_align_right>li svg{
    width: 18px;
    height: 18px;
}
.datepicker-years table tr td span{
    height: 44px !important;
    line-height: 44px !important;
    font-size: 14px;
    text-shadow: none !important;
}
.datepicker-years table tr td span.active{
    background: #db5102 !important;
}
.table_Footer tfoot tr th{
    background-color: #0A2540 !important;
    color: #fff !important;
}
.top_both_btn .btn{
    text-transform: capitalize;
}
.top_both_btn .btn + .btn{
    background-color: #042c48;
}
.top_both_btn .btn + .btn:hover{
    background-color: #db5102;
}
.top_both_btn svg{
    margin-right: 5px;
}
.top_both_btn svg path{
    fill: #fff;
}
.table_top-content{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 25px;
    gap: 20px;
}
.tTop-contentLeft>a{
    color: #000;
    font-weight: 600;
}
.tTop-contentLeft>a:hover{
    text-decoration: none;
}
.tTop-contentLeft>a:hover svg path{
    fill: #db5102;
}
.tTop-contentLeft>a svg{
    width: 14px;
    height: 14px;
}
.toggle-password>span,
.pass-toggle-icon>i{
    cursor: pointer;
}
.forgotpass>a{
    text-decoration: underline;
    color: #062142;
    font-weight: 500;
}
.forgotpass>a:hover{
    color: #1967d2;
}
.custom_table.table_Footer tbody td{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.custom_table tbody td .view-inventory-btn{
    background: #003360 !important;
    line-height: 20px;
    font-size: 13px !important;
}
.custom_table tbody td .view-inventory-btn:hover{
    border-color: #003360 !important;
}
.custom_table tbody td .view-invoice-btn{
    background: #db5102 !important;
    line-height: 20px;
    font-size: 13px !important;
    min-width: 70px;
}
.custom_table tbody td .view-invoice-btn:hover{
    border-color: #db5102 !important;
}
.loginauth .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #1967d2;
    border-color: #1967d2;
}
.party_list_table thead th:first-child,
.party_list_table tbody td:first-child{
    text-align: center;
}
.party_list_table thead th:first-child .custom-checkbox{
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 14px;
}
.modal-table-width thead th:nth-child(3){
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}
.modal-table-width thead th:last-child{
    min-width: 130px;
    width: 130px;
    max-width: 130px;
}
.dataTables_paginate .pagination li a{
    font-size: 14px;
    font-weight: 500;
}
.small-text-gray {
    font-size: 10px; 
    color: #666;
}
.cart_filter_flex{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.cart_filter_flex .datapikergroup input{
    padding: 12px 15px 6px;
    height: 42px !important;
}

/* ------------Responsive Css------------ */
@media screen and (min-width: 1300px){
    .party_list_main thead tr:first-child th:not(:first-child){
        min-width: 150px;
        max-width: 150px;
        width: 150px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .product-detail .product-table-design .quantity-column{
        flex: 0 0 30%;
        max-width: 30%;
    }
    .product-detail .product-table-design .sub_product_div ~ .quantity-column{
        flex: 0 0 28%;
        max-width: 28%;
        padding-left: 0;
        padding-right: 0;
    }
    .product-detail .product-table-design .price-column{
        flex: 0 0 20%;
        max-width: 20%;
    }
    .product-detail .product-table-design .sub_product_div ~ .price-column{
        flex: 0 0 15%;
        max-width: 15%;
        padding-right: 0;
    }
    .product-detail .product-table-design .add-product{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .product-detail .product-table-design .sub_product_div ~ .add-product{
        flex: 0 0 15%;
        max-width: 15%;
        padding-left: 0;
    }
    .invoiceBelowData .form-group input, 
    .place_dispatch .form-group select{
        max-width: 100%;
        min-width: 100%;
    }
    .invoiceBelowData>*{
        flex: 1;
    }
    .invoiceBelowData>div:last-child{
        flex: 0;
    }
    .place_dispatch{
        flex: 0 0 190px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px){
    .sellcard  .sellicon {
        width: 45px !important;
        height: 45px !important;
    }
    .sellcard .contant .title {
        font-size: 14px !important;
        line-height: 22px !important;
        margin-bottom: 5px;
    }
    .sellcard .contant .amount {
        font-size: 20px !important;
    }
}
@media screen and (max-width: 1400px) {
    .sellcard .contant .title {
        font-size: 16px;
        line-height: 26px;
    }
    .sellcard .contant .amount {
        font-size: 22px;
    }
    .sellcard  .sellicon {
        width: 50px;
        height: 50px;
    }
    .chart_admin_page .leftside{
        max-width: 190px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product-detail .product-table-design .sub_product_div,
    .product-detail .product-table-design .quantity-column,
    .product-detail .product-table-design .price-column,
    .product-detail .product-table-design .amount-column,
    .product-detail .product-table-design .add-product{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .product-detail .product-table-design .sub_product_div ~ .price-column,
    .product-detail .product-table-design .sub_product_div ~ .amount-column,
    .product-detail .product-table-design .sub_product_div ~ .add-product{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .invoiceBelowData>div:first-child {
        flex: auto;
    }
    .invoiceBelowData{
        row-gap: 8px;
    }
}
@media screen and (max-width: 991px){
    .invoiceBelowData>div:first-child {
        flex: auto;
    }
    .invoiceBelowData,
    .topRow{
        row-gap: 8px;
    }
    .invoiceModal .modal-dialog {
        max-width: 100%;
    }
}
@media screen and (max-width: 767px){
    .invoiceBelowData>div{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .invoiceBelowData .form-group input, 
    .place_dispatch .form-group select{
        max-width: 100%;
        min-width: 100%;
    }
    .invoiceBelowData{
        gap: 10px;
        margin-top: 8px;
    }
    .main-navbar .navbar-nav.navbar-right{
        margin-right: -15px;
    }
    .MainBox{
        padding-left: 15px;
        padding-right: 15px;
    }
    .addBtn{
        padding: 10px 20px;
    }
    div.dataTables_wrapper div.dataTables_paginate{
        margin: 0 auto;
    }
    div.dataTables_wrapper div.dataTables_info{
        width: 100%;
        padding-bottom: 8px;
    }
    .estimate-trans-topform .date_main_show input{
        height: 38px !important;
    }
    .estimate-trans-top input[type="submit"],
    .estimate-trans-top .reset-filter{
        height: 38px;
        padding: 9px 20px;
    }
    .sub_total_area.right li span, 
    .sub_total_area.bottom li span{
        text-align: left;
    }
    .sub_total_area.right li{
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
}

@media screen and (max-width: 575px){
    #addGlassProductDetailModal .glass-product-item>.row .form-group,
    #addGlassProductDetailModal .glass-product-item>.row:last-child .form-group{
        margin-bottom: 10px;
    }
    .delete_row_block {
        margin-top: 5px;
    }
    #addGlassProductDetailModal .glass-product-item>.row+.row{
        margin-top: 36px;
    }
    .product_page_buttons .btn-column .btn{
        width: 35px;
        height: 35px;
    }
    .product_page_buttons .btn-column .btn svg{
        height: 20px;
        width: auto;
    }
    .main-navbar .navbar-nav.navbar-right li:first-child a{
        margin-left: 0;
    }
    .main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a{
        padding: 6px;
        font-size: 13px;
        margin-left: 15px;
    }
    .main-navbar .navbar-nav.navbar-right li:first-child a{
        margin-left: 0;
    }
    .main-navbar>.form-inline>.navbar-nav .nav-link{
        padding-right: 10px !important;
    }
    .dbl-btns{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .chart_admin_page .leftside{
        max-width: 100%;
        min-width: 100%;
    }
    #invoice-filter-form .custom-select2,
    #invoice-filter-form #reportrange{
        width: 100%;
        font-size: 12px;
    }
    #invoice-filter-form #reportrange{
        padding-right: 6px;
    }
    #area-filter-form .customer-report-top>label .btn{
        font-size: 11px !important;
        padding: 1px 3px !important;
        margin-left: 1px;
    }
    #area-filter-form .closebtn{
        width: 25px;
        height: 25px;
        font-size: 15px !important;
        top: 15px;
    }
    .auth_pages .loginauth{
        padding: 20px;
    }
    .auth_pages .loginauth .card-header-auth h4{
        margin-bottom: 20px;
    }
    .tTop-contentRight{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
        order: -1;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 320px){
    .main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a{
        font-size: 12px;
        padding: 4px;
    }
}


.background-image-body{
    background-repeat: no-repeat;
    background-size: cover;
}
    
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    pointer-events: none;
}