h1, h2, h3, h4, h5, h6{
    color: #1a202e;
    font-family: "Montserrat", sans-serif;
}
.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;
}

/* aside,
.main-sidebar,
.main-sidebar .dropdown,
.main-sidebar .sidebar-menu li.active a {
    background: #062142 !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 input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
}
#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: 16px 10px 12px;
    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;
}
/*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{
    background-color: #062142 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 58px;
} */
.main-navbar .navbar-nav .nav-link i{
    color: #fff;
}
.navbar .nav-link.nav-link-user img{
    background: #ebebeb;
}
body,
.navbar-bg{
    background-color: #F6F5F5 !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:nth-last-of-type(2){
    margin-bottom: 20px;
}

.main-sidebar .sidebar-menu>li:last-child{
    margin-top: auto;
    margin-left: 14px;
    margin-right: 14px;
}
.main-sidebar .sidebar-menu li a{
    color: #0A2540;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    border-bottom: 1px solid rgba(174, 177, 193, 0.2);
}
.main-sidebar .sidebar-menu li a:hover,
.main-sidebar .sidebar-menu>li.active>a,
.main-sidebar .sidebar-menu>li.active>a.has-dropdown{
    color: #ff7125;
}
.main-sidebar .sidebar-menu li a svg{
    width: 16px !important;
    height: auto;
}
.sidebar-mini .main-sidebar .sidebar-menu li a svg{
    margin-right: 0;
}
.main-sidebar .sidebar-menu li a svg path{
    fill: #0A2540;
}
.main-sidebar .sidebar-menu li a:hover svg path,
.main-sidebar .sidebar-menu>li.active>a.has-dropdown svg path,
.main-sidebar .sidebar-menu>li.active>a>svg path{
    fill: #ff7125;
}
.main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a {
    background-color: rgba(174, 177, 193, 0.2);
    color: #062142;
    padding: 10px 20px;
    display: inline-block;
    line-height: 18px;
    margin-left: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.main-navbar .navbar-nav.navbar-right li:first-child>a{
    background-color: #ff7125;
    color: #fff;
}
.main-navbar .navbar-nav.navbar-right li:first-child>a:hover,
.main-navbar .navbar-nav.navbar-right li:first-child>a:focus,
.main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a:hover,
.main-navbar .navbar-nav.navbar-right li:not(.dropdown)>a:focus{
    background-color: #e96017;
    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: #F7F8FA !important;
    border-bottom: none !important;
    padding-left: 15px;
    padding-right: 15px;
}
table.dataTable thead>tr>th:first-child .custom-checkbox{
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 15px;
}
table.dataTable tbody>tr:nth-child(even){
    background-color: #F7F8FA;
}
table.dataTable.no-footer{
    border-bottom-color: rgba(174, 177, 193, 0.2) !important;
    margin-bottom: 10px !important;
}
.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;
}
.select_filter select.form-control:not([size]):not([multiple]) {
    height: calc(1.75rem + 6px);
    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: 4px 45px 8px 15px;
    min-height: 42px;
    display: flex;
    align-items: center;
}
#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;
    font-size: 12px;
    line-height: 18px;
}
#area-filter-form .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    font-weight: 400;
    font-size: 23px;
    margin-top: -4px;
}
#area-filter-form button#reset-filter {
    border-radius: 4px;
    height: 47px;
}
#area-filter-form .closebtn {
    position: absolute;
    top: 9px;
    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;
}
.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;
}
.estimate-trans-top>.form-group{
    margin-bottom: 0;
    margin-left: 6px;
}
.estimate-trans-top>.form-group .reset-filter{
    padding: 2px 15px !important;
    font-size: 12px !important;
    height: auto;
}
.estimate-trans-topform .form-group>input{
    height: auto !important;
}
.estimate-trans-top>.btn-success{
    margin: 0;
}
.estimate-trans-topform>.form-group{
    margin-bottom: 0;
}
.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;
}
.main-sidebar,
.main-sidebar aside,
.main-sidebar .dropdown{
    background: #fff !important;
}
.navbar-custom{
    z-index: 2;
    background-color: #F6F5F5;
    padding: 10px 25px;
    position: sticky;
    top: 0;
    left: inherit;
    margin-left: 270px;
    transition: all .25s ease-in-out; 
}
.sidebar-mini .navbar-custom{
    margin-left: 65px;
    transition: all 0.5s;
}
.navbar-custom>.navbar{
    position: inherit;
    left: inherit;
    top: inherit;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
}
.navbar-custom .collapse-btn svg{
    width: 28px;
    height: 28px;
}
.main-sidebar .sidebar-menu>li:last-child a{
    border: none;
    background-color: #ff7125;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    justify-content: center;
    box-shadow: 4px 6px 15px rgba(104,38,3,0.2);
}
.main-sidebar .sidebar-menu>li:last-child a:hover,
.main-sidebar .sidebar-menu>li:last-child a:focus{
    background-color: #e96017;
}
.main-sidebar .sidebar-menu>li:last-child a svg{
    display: none;
}
.main-sidebar .sidebar-menu>li:last-child a svg path{
    fill: #fff;
}

.sidebar-mini .main-sidebar .sidebar-menu>li:last-child a svg{
    display: block;
}
.welcome_top_main .nav-link-user{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: auto;
    padding-left: 0 !important;
}
.welcome_top_sidebar{
    margin-top: 0 !important;
    line-height: normal;
    margin-left: 6px;
}
.welcome_top_sidebar span{
    font-weight: 500;
    font-size: 12px;
}
.welcome_top_sidebar p{
    line-height: 20px;
}
.welcome_top_main .dropdown-menu{
    top: calc(100% + 16px);
}
.welcome_top_main .dropdown-menu .dropdown-divider{
    margin: 0;
}
.welcome_top_main .dropdown-menu a.dropdown-item{
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
}
.welcome_top_main .dropdown-menu a.dropdown-item.text-danger{
    color: #ff7125 !important;
}

.MainBox{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1) !important;
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1) !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;
}
.mainHeading h4 + div,
.mainHeading .btn-column{
    display: flex;
    display: -webkit-flex;
    gap: 5px;
}
.author-box{
    display: flex;
    display: -webkit-flex;
    gap: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(174, 177, 193, 0.2);
}
.author-box .author-box-picture{
    background-color: #F2F4F8;
}
.author-box .profileName{
    font-size: 18px;
    font-weight: 600;
}
.author-box .edit_profile{
    cursor: pointer;
    margin-top: 5px;
    color: #ff7125;
}
.author-box .edit_profile input{
    cursor: pointer;
}
.persoanl_data .card-header{
    padding-left: 0;
    padding-right: 0;
}
.persoanl_data .card-header .edit_icon_profile{
    font-size: 14px;
    font-weight: 600;
    color: #ff7125;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 4px;
    line-height: 20px;
}
.persoanl_data .card-body{
    padding: 30px 0 0;
}
.persoanl_data .card-body label{
    font-weight: 600;
    display: block;
    position: relative;
    margin-bottom: 0;
}
.persoanl_data .card-body label::after{
    content: ':';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
.blankSpace{
    height: 20px;
    display: block;
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
}
.form-control{
    font-size: 14px !important;
    height: 46px !important;
}
.form-control.is-invalid, 
.was-validated .form-control:invalid{
    background-position: right calc(2em + .1875rem) center;
}
.persoanl_data>.col-md-6:first-child .card-body,
.persoanl_data>.col-md-6:first-child .card-header{
    padding-right: 60px;
}
.persoanl_data>.col-md-6:last-child .card-body,
.persoanl_data>.col-md-6:last-child .card-header{
    padding-left: 60px;
}
.persoanl_data>.col-md-6:first-child form{
    position: relative;
}
.persoanl_data>.col-md-6:first-child form::after{
    content: '';
    position: absolute;
    right: -60px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(174, 177, 193, 0.2);
}
.dataTable thead th{
    font-weight: 700 !important;
}
.modal-content{
    padding: 20px 20px 30px;
}
.modal-body form .btn{
    margin-top: 10px;
}
.error{
    font-size: 12px;
}
.dataTables_filter input.form-control{
    height: 34px !important;
}
.select2-container{
    width: 100% !important;
}
.select2-container .select2-selection--multiple, 
.select2-container .select2-selection--single{
    min-height: 46px;
}
textarea{
    border: 1px solid rgba(70, 75, 112, 0.15);
    border-radius: 5px !important;
    padding: .375rem .75rem;
}
.imgPreview{
    border: 1px solid rgba(70, 75, 112, 0.15);
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    margin-top: 8px;
}
.form-group>label>.text-danger{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 8px;
}
.dataShowing{
    padding: 0;
    margin: 0;
}
.dataShowing li{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 8px;
}
.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;
}
.right-side .printbtn{
    background-color: #ff7125 !important;
    padding: 9px 10px;
    line-height: 20px;
}
.MainFormBlock{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.LeftBlock,
.RightBlock{
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    max-width: 50%;
    min-height: 100vh;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}
.LeftBlock{
    background-image: url(/images/forms-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px;
    position: relative;
    z-index: 1;
}
.LeftBlock::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(337deg, rgba(255,113,37,0) 0%, rgba(0,66,111,1) 100%);
    z-index: -1;
}
.LogoArea{
    position: absolute;
    left: 70px;
    top: 30px;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.LogoArea:hover{
    color: #fff;
    text-decoration: none;
}
.formContent h2{
    color: #fff;
    margin-bottom: 14px;
}
.formContent p{
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.loginauth .card-header {
    text-align: start;
    display: block;
}
.loginauth .card-header .subtitile {
    font-size: 16px;
    font-weight: 500;
    color: #4c4c4c;
    line-height: 24px;
}
.submitbtn {
    margin-top: 40px;
}

.custom-control-input:checked~.custom-control-label::before{
    color: #fff;
    border-color: #ff7125;
    background-color: #ff7125;
}

.mainLogin .login-brand {
    position: unset;
    transform: unset;
    margin-bottom: 10px;
}
.custom-checkbox label {
    cursor: pointer;
    font-weight: 500;
}
.forgotpass>a{
    font-weight: 500;
}
.card-body .nav-pills{
    border: 1px solid rgba(70, 75, 112, 0.15);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 0 15px;
}
.card-body .nav-pills .nav-item .nav-link{
    position: relative;
    font-weight: 600;
    background: transparent !important;
    color: #1a202e;
}
.card-body .nav-pills .nav-item .nav-link:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ff7125;
    border-radius: 4px 4px 0 0;
    opacity: 0;
    visibility: visible;
}
.card-body .nav-pills .nav-item .nav-link.active{
    border: none;
    color: #ff7125;
}
.card-body .nav-pills .nav-item .nav-link.active::after{
    opacity: 1;
    visibility: visible
}
.preview-app_logo,.preview-qrcode{
    line-height: 10px;
    padding: 5px !important;
    position: absolute;
    right: 15px;
    top: 3px;
}
.preview-app_logo svg,.preview-qrcode svg{
    width: 15px;
    height: auto;
}
.font-500{
    font-weight: 500 !important;
}
.InvoiceView_Format .topRow h6{
    color: #062142;
}
.InvoiceView_Format .custom_table thead th{
    border-top: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    padding: 10px 5px !important;
    text-align: center;
    font-weight: 600;
    height: auto !important;
    line-height: 20px;
    font-size: 14px;
}
.InvoiceView_Format .custom_table thead th:first-child,
.InvoiceView_Format .custom_table td:first-child{
    border-left: 1px solid #dee2e6 !important;
}
.InvoiceView_Format .custom_table td{
    border-bottom: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    padding: 10px 5px !important;
    text-align: center;
    font-weight: 500;
    height: auto !important;
    line-height: 20px;
}
.InvoiceView_Format .custom_table td .form-control,
.InvoiceView_Format .list-group .list-group-item .form-control{
    height: 38px !important;
}
.InvoiceView_Format .list-group .list-group-item>span{
    width: 190px;
    font-weight: bold;
}
.InvoiceView_Format .list-group .list-group-item>span input{
    width: 100%;
}
.InvoiceView_Format .custom_table td .form-control{
    min-width: 100px;
}
.InvoiceView_Format .list-group .list-group-item{
    padding: 0;
    margin-bottom: 10px;
}
.InvoiceView_Format .list-group .list-group-item>label{
    margin-bottom: 0;
    padding: 0 30px 0 0;
    align-self: center;
    font-weight: bold;
    position: relative;
    text-align: right;
    line-height: 18px;
}
.InvoiceView_Format .list-group .list-group-item>label::after{
    content: ':';
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-weight: bold;
}
.invoices_filter_box .cart_filter_box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.invoices_filter_box .date_main_show{
    margin-bottom: 0;
}
.invoices_filter_box .date_main_show input,
.invoices_filter_box .estimate-trans-top>.btn,
.invoices_filter_box .estimate-trans-top>.form-group .btn{
    height: 40px !important;
}
.invoices_filter_box .estimate-trans-top{
    gap: 10px;
}
.invoices_filter_box .estimate-trans-top>.form-group .btn{
    border-radius: 5px;
    font-size: 14px !important;
    font-weight: 600;
    background-color: #1a202e;
    color: #fff;
}
.invoices_filter_box .estimate-trans-top .btn{
    padding: 0 30px !important;
    margin: 0 !important;
}
.invoices_filter_box .estimate-trans-top button#apply-filter{
    margin: 0 !important;
}
.invoices_filter_box #reportrange{
    border: 1px solid #e5e9f2;
    border-radius: 5px;
    font-size: 14px !important;
    font-weight: 500;
    padding: 9px 15px 10px !important;
}
.daterangepicker .daterangepicker_input .form-control{
    height: 40px !important;
}
.daterangepicker .range_inputs .cancelBtn{
    background-color: #1a202e;
    color: #fff;
}
.daterangepicker .range_inputs .cancelBtn:hover{
    background-color: #080b12;
}
.sub_cate{
    color: #d63621;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
}
.custom_table2 thead th{
    border: none !important;
    text-transform: capitalize !important;
    background-color: #F7F8FA !important;
    padding: 12px 15px !important;
    font-weight: 700 !important;
    height: auto !important;
    font-size: 15px;
}
.custom_table2 tbody tr th{
    border: none !important;
    background-color: #EFEFEF !important;
    padding: 12px 15px !important;
    font-weight: 700 !important;
    height: auto !important;
    color: #062142;
    font-size: 15px;
}
.custom_table2 tbody tr:last-child td{
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}
.custom_table2 tfoot th{
    background-color: #0A2540 !important;
    color: #fff !important;
    padding: 12px 15px !important;
    font-weight: 700 !important;
    height: auto !important;
    border: none !important;
    font-size: 15px;
}
.custom_table2 tfoot tr + tr th{
    border-top: 1px solid #2f4760 !important;
}
.party_list_view_table tbody tr:nth-child(odd) td{
    background-color: #F7F8FA;
}
.party_list_view_table tbody tr td{
    padding: 12px 15px !important;
    border: none !important;
    font-size: 15px;
    font-weight: 500;
    color: #464B70;
}
.party_list_view_form .form-group{
    margin-bottom: 30px;
    position: relative;
}
.party_list_view_form .form-group>label{
    position: absolute;
    left: 10px;
    top: -9px;
    background-color: #fff;
    padding: 0 5px;
    z-index: 1;
}
.party_list_view_form .form-group select{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14" fill="none"><g clip-path="url(%23clip0_355_2)"><path d="M12.545 13.5454C12.4017 13.5456 12.2598 13.5174 12.1274 13.4625C11.9951 13.4077 11.8749 13.3272 11.7737 13.2258L0.864626 2.31671C0.438354 1.89041 0.438354 1.20011 0.864626 0.774107C1.2909 0.348207 1.98117 0.347907 2.40717 0.774107L12.545 10.912L22.6828 0.774107C23.109 0.347907 23.7993 0.347907 24.2253 0.774107C24.6513 1.20041 24.6516 1.89071 24.2253 2.31671L13.3162 13.2258C13.2151 13.3272 13.0948 13.4077 12.9625 13.4625C12.8301 13.5174 12.6882 13.5456 12.545 13.5454Z" fill="%23201B53"/></g><defs><clipPath id="clip0_355_2"><rect width="14" height="25" fill="white" transform="matrix(0 -1 1 0 0 14)"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: calc(100% - 10px) center;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 30px;
}
.top_align_right{
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    gap: 30px;
}
.top_align_right>li{
    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 svg{
    width: 18px;
    height: 18px;
}
.top_align_right>li:not(:last-child)::after{
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #efefef;
}
.top_both_btn{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px !important;
}
.top_both_btn .btn {
    text-transform: capitalize;
    height: 40px !important;
    color: #fff;
    padding: 11px 20px;
    display: inline-block;
    line-height: 18px;
    border-radius: 5px;
    font-weight: 500;
    border: none;
}
.top_both_btn>a:first-child{
    background-color: #db5102 !important; 
}
.top_both_btn>a:last-child{
    background-color: #0A2540 !important; 
}
.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;
}
.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;
}
.tTop-contentLeft>a {
    color: #000;
    font-weight: 600;
}
.tTop-contentLeft>a svg {
    width: 14px;
    height: 14px;
}
.tTop-contentLeft>a:hover {
    text-decoration: none;
}
.tTop-contentLeft>a:hover svg path {
    fill: #db5102;
}
.MainBox .card-body form .form-group .select2 + .help-block{
    margin-bottom: 0;
}
table.dataTable tbody td img{
    height: 70px;
    object-fit: contain;
}
.remove-image {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 25px;
    padding: 0px !important;
    margin: 0px !important;
    color: #ff0000 !important;
    background-color: #ffcfcfd9;
    line-height: 1;
}
.remove-image:hover {
    background-color: #f5b2b2 !important;
}
.gallery_image_box .img-fluid {
    object-fit: cover;
}
/* view_history_invoice css */
.view_history_invoice .listing p b {
    font-size: 16px;
    margin-right: 5px;
}
.view_history_invoice .estimates_trans_view .panel-body .row address {
    font-size: 16px;
    margin-bottom: 5px;
}
.view_history_invoice  .InvoiceView_Format .list-group-flush{
    margin-top: 20px;
}
.view_history_invoice .estimates_trans_view{
    margin-top: 20px;
    border-top: 1px solid #aeb1c133;
}
.view_history_invoice .estimates_trans_view .panel-body table tbody>tr:last-child td{
    border-left: 1px solid #dee2e6  !important;
    border-right: 1px solid #dee2e6   !important;
}
.view_history_invoice .InvoiceView_Format .list-group .list-group-item>span {
    width: 120px;
}
.view_history_invoice .estimates_trans_view .panel-body{
    border-color: #aeb1c133 !important;
}
.view_history_invoice .InvoiceView_Format .estimates_trans_view>.custom_table:last-child{
    border: none !important;
}
#order-history-filter .form-group {
    margin: 0;
}
form#order-history-filter .input-group {
    min-width: 230px;
}

/* ------------Responsive Css------------ */

@media screen and (min-width: 1300px) {
    .party_view_wout_payment thead tr:first-child th:not(:first-child){
        min-width: 190px;
        max-width: 190px;
        width: 190px;
    }
}
@media screen and (max-width: 1024px){
    .navbar-custom{
        margin-left: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    .persoanl_data>.col-md-6:first-child .card-body, 
    .persoanl_data>.col-md-6:first-child .card-header{
        padding-right: 30px;
    }
    .persoanl_data>.col-md-6:last-child .card-body, 
    .persoanl_data>.col-md-6:last-child .card-header{
        padding-left: 30px;
    }
    .persoanl_data>.col-md-6:first-child form::after{
        right: -30px;
    }
}
@media screen and (max-width: 991px){
    .navbar-custom{
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .persoanl_data .card-body label::after{
        display: none;
    }
    .loginauth {
        padding: 50px 30px;
    }
    .LeftBlock {
        padding: 70px 30px;
    }
    .LogoArea{
        left: 30px;
    }
    .invoices_filter_box .cart_filter_box{
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 767px){
    .navbar-custom .navbar{
        flex-direction: inherit;
        justify-content: space-between;
    }
    .welcome_top_main .dropdown-menu {
        top: calc(100% + 8px);
    }
    .persoanl_data>.col-md-6:first-child .card-body, 
    .persoanl_data>.col-md-6:first-child .card-header{
        padding-right: 0;
    }
    .persoanl_data>.col-md-6:last-child .card-body, 
    .persoanl_data>.col-md-6:last-child .card-header{
        padding-left: 0;
    }
    .persoanl_data>.col-md-6:first-child form::after{
        display: none;
    }
    .MainBox{
        padding-left: 20px;
        padding-right: 20px;
    }
    .MainFormBlock{
        flex-direction: column;
    }
    .LeftBlock, .RightBlock {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: unset;
    }
    .LeftBlock {
        padding: 30px;
        text-align: center;
        min-height: 246px;
    }
    .LogoArea {
        /* top: 25px;
        left: 0%; */
        position: unset;
        font-size: 28px;
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        /* padding: 0px 30px; */
    }
    .LeftBlock .formContent h2{
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 10px;
    }
    .formContent p{
        font-size: 16px;
        line-height: 26px;
    }
    .loginauth .card-header{
        padding: 0px;
    }
    .submitbtn {
        margin-top: 30px;
    }
    
}
@media screen and (max-width: 575px){
    .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: 5px;
    }
    .main-navbar>.form-inline,
    .main-navbar>.form-inline>.navbar-nav{
        margin-right: 0 !important;
    }
    .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%;
    }
    .dataShowing li>label,
    .dataShowing li>span{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .dataShowing li>label{
        padding-right: 0;
    }
    .dataShowing li>span{
        padding-left: 0;
    }
    .dataShowing li>label::after{
        display: none;
    }
    .loginauth {
        padding: 40px 20px;
    }
    .LeftBlock {
        padding: 20px;
    }
    .InvoiceView_Format .list-group .list-group-item>span{
        width: 140px;
    }
    .invoices_filter_box #reportrange{
        padding: 9px 8px 10px !important;
        font-size: 12px !important;
    }
    .tTop-contentRight {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
        order: -1;
    }
    .view_history_invoice .InvoiceView_Format .list-group .list-group-item>span {
        width: 100px;
    }
    .view_history_invoice .listing p b {
        font-size: 14px;
    }
}

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