body {
    position: relative;
}
.error{
    color: red;
}
.table_icon{
	font-size: 20px !important;
    color: #fff;
}
.table_icon_red{
	font-size: 20px !important;
    color: #fff;
}
.employee-switch{
    display:inline-block;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.input_select2 .select2-container {
    width:92%!important;
}
.input_select2_data .select2-container {
    width:85%!important;
}
.hidden{
    display: none !important;
}
.table-action-btn{
    padding:0.25rem 0.5rem;
}
.delete_btn{
    padding:0.25rem 0.5rem;
}
.input-group{
    /* border:1px solid #eaeaf2; */
    border-radius:10px;
}
.datepicker_category.filter_datepicker {
    margin-bottom: 18px;
    margin-left: 0px;
}
.btn_crud_mobile {
    display: flex;
}
.goog-te-gadget .goog-te-combo {
    height: 30px;
    border-radius: 5px;
}
.navbar-nav.ml-auto.navbar-right-top {
align-items: center;
line-height: 0;
}
.column-inline-padd
{
    padding-inline: 0px !important;
}
@media (max-width:1799px) {
    .input_select2 .select2-container {
        width: 90%!important;
    }
}
@media (max-width:1499px) {
    .input_select2 .select2-container {
        width: 89%!important;
    }
}
@media (max-width:1399px) {
    .input_select2 .select2-container {
        width: 87%!important;
    }
}
@media (max-width:1299px) {
    .input_select2 .select2-container {
        width: 86%!important;
    }
}
@media (max-width:1199px) {
    .input_select2 .select2-container {
        width: 82%!important;
    }
    /* .data_table {
        display: block;
        overflow-y: hidden;
    } */
}
@media (max-width:991px) {
    .input_select2 .select2-container {
        width: 84%!important;
    }
    .dashboard-header .navbar .navbar-brand {
        padding: 0 10px;
    }
    .dashboard-header .navbar .navbar-brand img {
        width: 140px;
        height: 50px;
    }
}
@media (max-width:820px) {
    .input_select2 .select2-container {
        width: 82%!important;
    }
}
@media (max-width:767px) {
    .input_select2 .select2-container {
        width: 90%!important;
    }
    .datepicker_category.filter_datepicker , .date_filter{
        margin-left: 0 !important;
    }
    .category_calendor {
        margin-top: 30px;
    }
}
@media (max-width:767px) {
    .input_select2 .select2-container {
        width: 89%!important;
    }
    .column_input_full {
        width: 100% !important;
    }
    .column_input_full.qty_measure.qty_measure_main , .column-inline-padd
    {
        padding-inline: 0px !important;
    }
}
@media (max-width:600px) {
    .input_select2 .select2-container {
        width: 88%!important;
    }
    .column_input_full.qty_measure.qty_measure_main
    {
        padding-inline: 0px !important;
    }
}
@media (max-width:480px) {
    .input_select2 .select2-container  {
        width: 85% !important;
    }
}
@media (max-width:472px) {
    .btn {
        font-size: 12px;
    }
}
@media (max-width:443px) {
    .btn {
        font-size: 11px;
        padding: 4px 5px;
    }
}
@media (max-width:405px) {
    .input_select2 .select2-container {
        width: 83%!important;
    }
}
@media (max-width:419px) {
    .input_select2 .select2-container {
        width: 80.9%!important;
    }
    .state__select .select2-container {
        width: 84.5% !important;
    }
}
@media (max-width:393px) {
    .state__select .select2-container {
        width: 84% !important;
    }
}
@media (max-width:376px) {
    .state__select .select2-container {
        width: 83% !important;
    }
}
@media (max-width:375px) {
    .input_select2 .select2-container {
        width: 82%!important;
    }
    .state__select .select2-container {
        width: 83.5% !important;
    }
}
@media (max-width:361px) {
    .input_select2 .select2-container {
        width: 84%!important;
    }
}
@media (max-width:367px) {
    .input_select2 .select2-container {
        width: 81%!important;
    }
}
@media (max-width:333px) {
    .input_select2 .select2-container {
        width: 79.8%!important;
    }
}
@media (max-width:315px) {
    .input_select2 .select2-container {
        width: 81%!important;
    }
}
@media (max-width:305px) {
    .input_select2 .select2-container {
        width: 80%!important;
    }
}
@media (max-width:273px) {
    .input_select2 .select2-container {
        width: 78%!important;
    }
}
@media (max-width:291px) {
    .input_select2 .select2-container {
        width: 77%!important;
    }
}
@media (max-width:289px) {
    .input_select2 .select2-container {
        width: 79%!important;
    }
}
@media (min-width:767px) {
    .column_input_full {
    width: 50% !important;
    }
    }
    .column_input_full {
        padding: 10px;
    }
.table-bordered{
    border-radius: 10px;
}
table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td{
    border-right:0px solid #3b3d48 !important
}
.table-bordered thead{
    background-color: #3b3d48;
    color:#fff;
}
table.table-bordered.dataTable{
    border-radius: 10px !important;
}
table.dataTable.no-footer{
    border-bottom: none !important;
}
table.dataTable tbody tr{
    color: black;
}
.table thead th{
    background-color: #3b3d48;
    color: #fff;
}
#custom-search .form-control{
    border-radius:.8rem;
}
.card{
    border-radius:.8rem;
}
.industry-table{
    background-color: #fff;
}
.text-danger{
    color: red !important;
}
.select_box .input-group{
    border:none !important;
}
.Blue {
    font-weight: 700;
    color: #0f27e8 !important;
    text-decoration: none;
}
.red {
    font-weight: 700;
    color: #e8280f !important;
    text-decoration: none;
}

.nav-left-sidebar .navbar-nav{
    margin-top:3%;
}
.dashboard-content{
    padding:121px 30px 60px 30px;
}
.btn-warning{
    color: #FFF;
}
.btn-warning:hover{
    color: #FFF;
}
/* 17-05-2023 */
.filter_datepicker{
    display:inline-block;
    height: 0;
    width: 100%;
    margin-bottom: 6%;
}
/* End 17-05-2023 */
.add_btn{
    float: right;
    margin-top: 31px;
 }
 .remove_existing_user{
     float: right;
     margin-top: 31px;
 }
 .input_select3 .select2-container {
    display:inline-block;
    width: 96%!important;
}
 /* Start 18-05-2023 */
 .add_button_style{
    font-size:31px;
    color: #327cfb;
    font-weight: bolder;
 }
 .add_btn_design{
    margin-right: -47px;
    font-size:31px;
    color: #327cfb;
    font-weight: bolder;
    margin-left: 149px;
    margin-bottom: -38px;
 }
 .remove_existing_user_data{
    margin-right: -47px;
    font-size:31px;
    color:#f82206;
    font-weight: bolder;
    margin-left: 149px;
    margin-bottom: -36px;
    margin-top: 40px;
 }
 .remove_button_style{
    font-size:31px;
    color: #f82206;
    font-weight: bolder;
    margin-left: 10px;
 }
 .remove_button_style_data{
    font-size:31px;
    color: #f82206;
    font-weight: bolder;
    margin-left: 2px;
 }
 /* 18-05-2023 */
  /* Start 26-05-2023 */
  .Qty_add{
    margin-top: -47px;
    margin-left: 45px;
    width: 94%;
  }
 .reduce_btn{
    position: relative;
    right: 25px;
    bottom: 29px;
    background-color: #f1e6e7;
    border-radius: 50%;
    padding: 1px 5px 1px 6px;
    font-weight: 00;
 }
 .style_in_text{
        height:auto;
        min-height: 45px;
 }
 /*end 26-05-2023 */
 /* dd css */
 .customer_records_top.top_category_deatil .col-md-12 div label.form-control {
    height: auto;
 }
 .customer_records_top.top_category_deatil .col-md-12 div label.form-control img , .customer_records_bottom .col-md-12 div label.form-control img {
    margin: 8px;
 }
 .dashboard-header .navbar .navbar-brand img {
    height: 45px !important;
    width: 115px;
    object-fit: contain;
 }
 .date_filter{
    margin-left: -250px;
    margin-bottom: -16px;
}
 .csv-button.export_btn {
margin-right: 10px;
 }
 /* .card-body.setting_create .table-responsive .no-footer .row .col-sm-12 table.measurement__index.dataTable.no-footer tbody tr td:last-child{
    display: flex !important;
  } */
 /* table.dataTable.no-footer tbody tr td:last-child {
    display: flex;
 } */
 .card-body.setting_create .table-responsive .no-footer .row .col-sm-12 table.dataTable.no-footer tbody tr td:last-child {
    display: table-cell !important;
 }
 .exising_customer_data{
    width: 200%;
 }
 .navbar-brand img
 {
    object-fit: contain;
 }
 div.dataTables_wrapper div.dataTables_filter input 
 {
    margin-right: 5px !important;
 }
 @media (max-width:1199px) {
        /* .data_table {
            display: block;
            overflow-y: hidden;
        } */
 }
 @media (max-width:991px) {
    .dashboard-header .navbar .navbar-brand img {
        width: 140px;
        height: 37px;
    }
    .view_history_box {
        width: 100% !important;
    }
    .sub_category_top_1 .col-md-12 .row div , .sub_category_bottom_1 .col-md-12 .row.demo--class .col-md-12 label.custom-control{
        width: 100%;
    }
 }
 @media (max-width:767px) {
    .main_index_btn {
margin-top: 30px;
    }
    .main_index_btn {
        padding: 0;
    }
    .measure_dash_main , .main_index_btn {
        display: block !important;
    }
    .main_index_btn .csv-button {
        display: inline-table;
    margin-top: 30px;
    }
    .dataTables_wrapper.no-footer .row .col-sm-12 {
        width: auto;
    }
    .dataTables_wrapper.no-footer .row {
        justify-content: space-between;
    }
    .dashboard-content {
        padding: 30px 30px 60px 30px;
    }
 }
 @media (max-width:480px) {
    div.dataTables_wrapper div.dataTables_filter input {
        width: 135px;
    }
    #measurement_top_0 , #measurement {
        height: 30px;
        width: 30px !important;
    }
    .csv-button.export_btn {
        margin-right: 5px;
        margin-left: 3px;
    }
    .navbar-brand img {
        height: 70px !important;
        width: 70px !important;
        object-fit: contain;
    }
    .navbar-brand {
        margin-right: 0;
    }
    .date_filter {
        padding: 0 15px;
    }
    #date_filter {
        margin-left: 0px !important ;
    }
    table.table-bordered.dataTable tbody tr td a {
        display: inline-flex;
        padding: 9px !important;
    }
    table.table-bordered.dataTable tbody tr td a i {
        font-size: 15px;
    }
    .user-avatar-address.font-weight-bold .border-bottom span {
        display: inline-block;
        width: 100%;
    }
    .media .media-body .user-avatar-info .float-right {
        float: left !important;
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_length {
        text-align: left !important;
    }
    .date_filter {
         margin-left: -178px;
    }
    .btn {
        padding: 6px 10px;
    }
    .calendar {
        padding: 0px 2px;
        height: calc(2em + 1px + 2px);
    }
 }
 .date_filter.admin_date_filter {
    margin-left: 0px !important;
 }
.btn-info{
    color: #FFF;
}
.measurement_in_text{
    width: 56%;
}
 .style_change_data{
    font-weight: bold;
    color: black;
 }
.email_data{
    color:#686972!important;
}
/* dd css 12-6-23 */
.footer_contents {
text-align: center;
}
.input-group.input-daterange {
border: transparent;
height: 43px;
}
.main_btn_index {
    display: flex;
    justify-content: center;
}
.change__btn {
    padding: 0;
}
.dataTables_wrapper .row:first-child {
    padding: 10px 0;
}
@media (max-width:991px) {
    .setting_create_btn {
        margin-bottom: 30px;
    }
    table.dataTable.no-footer tbody tr td .m-r-10 img {
        height: 45px;
        width: 45px;
    }
}
@media (max-width:767px) {
    .row.main_customer_div .col-6 {
        max-width: 100% !important;
    }
    .input-group.input-daterange {
        justify-content: center !important;
    }
}
@media (max-width:575px) {
    .user-avatar-address .border-bottom span i.fa-map-marker {
        display: inline;
    }
    .media .media-body {
        width: 50%;
    }
    
}
@media (max-width:480px) {
    .card.shadow-sm .card-header .col-md-4 {
        padding: 0;
    }
    .measurement_table {
        height: 30px;
        width: 30px !important;
    }
    .datepicker-filter.flatpickr-input {
        margin-bottom: 10px !important;
    }
    .media .media-body {
        width: 100%;
    }
    .media
    {
        flex-wrap: wrap;
    }
    .media .dashboard-navbar-img
    {
        width: 100%;
    }
}
.leave_day_design{
    width: 85%!important;
}
@media (max-width:405px) {
    .flatpickr-mobile {
        width: 100%;
    }
    .input-group.input-daterange {
        height: auto;
    }
    .flatpickr-mobile {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
}
/* 13-6-23 dd css */
table.table-bordered.dataTable td {
    vertical-align: middle;
}
/* 14-6-23 dd css */
.btn {
    padding: 7px 10px !important;
}
@media (max-width:480px) {
    .card-body {
        padding-top: 10px;
    }
    div.dataTables_wrapper div.dataTables_processing {
        margin-left: 0px !important;
        transform: translate(-50%, -50%); 
    }
}
    @media (max-width:374px) {
        .btn {
            padding: 7px 5px !important;
        }
    }
/* start 14-06-2023 */
body > .skiptranslate {
    display: none;
}
.goog-te-gadget{
    color: transparent !important;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd{
    display:none !important;
}
.add_button_style.btn__add .icon-plus:before {
    font-size: 20px;
}
/* end 14-06-2023*/
 .input_select2.input_full_measures .select2-container {
    width: 93.9% !important;
}
.add_button_style.btn__add {
    margin-left: 7px;
}
.input_select2.input_full_measuresurements .select2-container {
    /* width: 75.9% !important; */
    width: calc(100% - 50px) !important;
}
.row.main_customer_div .col-6 {
    max-width: 100% !important;
    flex: 0 0 100%;
}
.input-group.input_select2.input_full_measures {
    border: none;
}
.column_input_full.qty_measure {
    width: 100% !important;
}
.column_input_full.qty_measure .input_full_measures span.select2 {
    width: 90% !important;
}
.avatar_img{
    height: 44px;
    width: 44px;
    clear: both;
    display: block;
    border-radius: 0.42rem;
    background: #e1f0ff;
    position: relative;
}
.add_new_measure {
    margin-bottom: 0 !important;
}
.sub_category_name{
    height: auto;
}
.input-group.input_select2.input_full_measures.add_measure_select span.select2.select2-container {
    width: 90% !important;
}
.qty_design {
    margin-left: 766px;
    margin-top: -84px;
}
@media (max-width:1299px) {
    .column_input_full.qty_measure .input_full_measures span.select2 {
        width: 86% !important;
    }
}
@media (max-width:1099px) {
    .column_input_full.qty_measure .input_full_measures span.select2 {
        width: 86% !important;
    }
}
@media (max-width:991px) {
    .input_select2.input_full_measures .select2-container {
        width: 91.9% !important;
    }
    .column_input_full.qty_measure .input_full_measures span.select2 {
        width: 83% !important;
    }
}
@media (max-width:805px) {
    .input_select2.input_full_measures .select2-container {
        width: 90.9% !important;
    }
}
@media (max-width:767px) {
    .input_select2.input_full_measures .select2-container {
        width: 88.9% !important;
    }
    .column_input_full.qty_measure {
        display: block !important;
    }
    .column_input_full.qty_measure .input_full_measures span.select2 {
        width: 91% !important;
    }
}
@media (max-width:575px) {
    .input_select2.input_full_measures .select2-container {
        width: 86.9% !important;
    }
    .column_input_full.qty_measure .input_full_measures span.select2 {
        width: 89% !important;
    }
}
@media (max-width:480px) {
    .input_select2.input_full_measures .select2-container {
        width: 80.9% !important;
    }
    .input-group.input_select2.input_full_measures.add_measure_select span.select2.select2-container {
        width: 80% !important;
    }
    /* .column_input_full.qty_measure.qty_measure_main {
        padding: 0;
    } */
    .create_measure_full.col-12 {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .column_input_full.qty_measure .input_full_measures span.select2 {
        width: 81% !important;
    }
}
.card-body.setting_create .table-responsive .no-footer .row .col-sm-12 table.dataTable.no-footer tbody tr td:sfxdtrfd{
    display: flex !important;
}

/* table.table-bordered.dataTable td:last-child {
    display: flex;
  } */
#name-error
{
    width: 100%;
}
.bill_one
{
  position: relative;
}
.bill_content
{
    position: relative;

}
.bill_two::before
{
    background-size: 100px;
}

@media print {
    .bill_one::before {
        content: "";
        position: absolute;
        background-image: url("../images/watermark.png");
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: 200px; /* Adjust the size accordingly */
        width: 100%;
        height: 100%;
        background-position: center;
        background-color: transparent;
        z-index: 999; /* Adjust the z-index value */
        opacity: 0.3;
    }

    .bill_content {
        position: relative;
    }

    .bill_one {
        position: relative;
    }
    .bill_two::before
        {
            background-size: 100px;
        }
}
.remove_field {
    color: red !important;
    font-weight: 700 !important;
}

.width_measure_create_css {
    width: 48% !important;
    margin-left: 15px !important;
}

.language_css {
    width: 250px !important;
    margin-left: 132px !important;
}
.form-control {
    border: 1px solid #c0c0c4;
}
.pricing_detail span {
    color: #000;
}
.main-header_nav
{
  flex-wrap: nowrap !important;
}
.select2-container--default .select2-selection--single 
{
    border-radius: 4px !important;
}
.column_input_full.qty_measure .input_full_measures span.select2 
{
    width: 84% !important;
}
#profile_image , .logo_input
{
    height: 50px;
}
table.dataTable thead>tr>td
{
    text-wrap: nowrap !important;
}
.form-control.sub_category_name
{
    width: calc(100% - 50px) !important;
}
.filter_btn_fabric_css {
    margin-right: -159px !important;
}

input:checked + .fabric_switch {
    background-color: green !important;
}
.csv-button.float-right.filter_btn_fabric {
    margin-left: 153px !important;
}

.icon-xl { 
    line-height: 0px;
}
body.modal-open
{
    padding-right: 0px !important;
} 
.user-avatar-name 
{
    width: max-content;
}
.custom-file .form-control::-webkit-file-upload-button
{
    height: 28px;
    line-height: 28px;
    align-content: center;
}
.mesment_input_group
{
    height: 43px !important;
}
.create_customer_input
{
    height: 50px;
}
.dashboard_icon_shape
{
    width: 100%;
    height: 100%;
    display: block;
    align-content: center;
    border-radius: 50%;
}
div.dataTables_wrapper div.dataTables_length select{
    margin-left: 4px !important;
}
.font-13{
    font-size: 13px !important;
}
@media(max-width:1200px)
{
    .column_input_full.qty_measure .input_full_measures span.select2
    {
        width: 78% !important;
    }
}
@media(max-width:1024px)
{
    .column_input_full.qty_measure .input_full_measures span.select2
    {
        width: 80% !important;
    }
    table.measurement__index
    {
        width: 100% !important;
        overflow-x: auto;
        display: block;
        text-wrap: nowrap;
    }
}
@media(max-width:768px)
{
    .paging_simple_numbers .pagination
    {
        flex-wrap: wrap;
    }
}
@media(max-width:767px)
{
    .width_measure_create_css
    {
        width: 100% !important;
    }
    .csv-button.float-right.filter_btn_fabric
    {
        margin-inline: auto !important;
    }
    .filter_btn_fabric_css {
        margin-right: 0% !important;
    }
    .table_setting_data 
    {
        width: 100% !important;
        display: table !important;
        overflow-x: auto !important;
    }

}
@media(max-width:480px)
{
    #navbarSupportedContent
{
    width: 250px;
}
.table
{
    width: 100% !important;
    overflow-x: auto;
    display: block;
}
div.dataTables_wrapper div.dataTables_length
{
    text-align: center !important;
}
.language_css {
    width: 250px !important;
    margin-left: 0px !important ;
}
.navbar-nav.ml-auto.navbar-right-top
{
    justify-content: end;
}
.dataTables_wrapper.no-footer .row .col-sm-12
{
    width: 100%;
}
table.table-bordered.dataTable tbody td 
{
    text-wrap: nowrap !important;
}
div.dataTables_wrapper div.dataTables_filter input
{
    width: 190px !important;
}
.modal-open .modal
{
    padding-right: 0px;
}
.input-group.input-daterange {
    justify-content: start !important;
}
table thead tr th
{
    text-wrap: nowrap;
}
.table_super_category 
{
    display: table !important;
}
.user-avatar-name 
{
    width:100% !important;
}
}
@media(max-width:320px)
{
    #navbarSupportedContent
    {
        width: 210px;
    }
}
.pageLoader {
  background: url(/images/loader.gif) no-repeat center center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000001;
  background-color: transparent;
  display: block;
}