@media (max-width: 424px) {
#admin_order_detail_popup  #updateOrderDetail div:last-child button {
    float: left !important;
}
.dashboard_page:has(#admin_dashboard_green_table_wrapper) .responsive-table .dataTables_scrollBody{
    padding-top: 15px;
}

.dashboard_page:has(#admin_dashboard_green_table_wrapper)  .dashboard_title {
 display: inline;
}

}

@media (max-height: 479px) {
.modal-content:has(> .admin_email_box) {
        padding-bottom: 19% !important;
}
}

@media (max-width: 768px) {
.order_detail_div.job-div.Offen div#admin_pause_job {
    margin-top: 23px !important;
}
.modal-dialog .stbtn_fbtn {
  margin-bottom: 10px !important;
}

#order_change_popup  #order_change_form  .row > div > label {
    padding-bottom: 5px !important;
}
#order_change_popup  #order_change_form  .row > div:nth-child(4) > div {
    padding-bottom: 7px !important;
flex-direction: column !important;
}
#order_change_popup  #order_change_form  .row > div:nth-child(4) > div > div:first-child {
 width: 100% !important;
}

#order_change_popup  #order_change_form  .row > div:nth-child(4) > div > div:last-child {
 width: 100% !important;
 margin-inline: 0 !important ;
}

#order_request_popup .order_request_font nav {
    padding-bottom: 5px !important;
  border: none !important;
} 


#view-order td[data-label="Ändern"] {
           padding-bottom: 20px !important;
}

.modal-content:has(> .admin_email_box) {
        margin-top: 86px !important;
        padding-bottom: 38%;
        height: 100%;
}
#admin-view-invoice tbody  tr td {
display: flex;
gap: 5px;
}

#em_admin_popup .modal-content , #invoice_upload .modal-content{
 left: 3px;
}

#ve_admin_popup .modal-body , #em_admin_popup .modal-body {
     top: 36px;
     background-color: white;
}
#admin_change_popup   .order_detail_div button {
    white-space: nowrap !important;
}  
.admin_request_box {
    flex-direction: column;
    gap: 5px;
}
.admin_request_box div:first-child{
 width: 100% !important;
}
.admin_request_box div:nth-child(2){
    margin: 0 !important;
}
.admin_email_box {
    overflow-y: scroll;
    height: 90vh !important;
}


#admin_embroidery_parameter_div > div:nth-child(2) > div:first-child  .row > div {
    padding-inline: 0 ;
}

#admin_green_job .box_title  , #free_order_detail_popup .box_title{
    white-space: nowrap;
}

.dashboard_page:has(#em_freelancer_table_reload_btn) {
  margin-top: 25px !important;
}



#ve_admin_popup .modal-body {
    left : -37px !important ; 
}

#admin-view-invoice_wrapper #admin-view-invoice_filter  input[type="search"]  {
width: 100% !important;
}
    
#Admin_invoice .invoice-popup-trigger {
white-space: nowrap !important;
}

#admin_subfolder_structure1, 
#admin_subfolder_structure2, 
#admin_subfolder_structure3, 
#admin_change1, #admin_change2, 
#admin_change3, #admin_change4, 
#admin_change_subfolder_structure3_1,
#admin_change_subfolder_structure3_2,
.folderexist,
.job_button.job_button.stbtn_fbtn{
    margin-top:0px !important;
    padding: 6px 10px !important;
}
        .tableColumn.dropdown {
    margin-left: 0px !important;
}

#sidebar3-1menu1 .header {
    top: -10px !important;
    position: absolute !important;
}

/* .responsive-table {
  overflow-x: unset !important;
  overflow-y: unset !important; 
  font-size: 13px;
} */

 #admin_order_detail_popup .order_detail_div >   div > div:nth-child(2) {
    margin-inline: 0px ;
 }

#admin_customer_profile_edit_popup .upload_btn , #admin_order_detail_popup .order_detail_div >   div > div:nth-child(2)   {
display: flex;
    flex-direction: column;
    width: 90%;
    align-items: flex-start;
    justify-content: space-around;
    gap: 5px;
}
#admin_customer_profile_edit_popup .upload_btn button , #admin_order_detail_popup .order_detail_div >   div > div:nth-child(2)  button{
    text-align: center !important;
    width: max-content;
}
#admin_customer_parameters_ve table td > div > div , #admin_all_table td > div > div , #view-order td > div > div , #em_freelancer_blue_table td > div > div {
    margin-inline: 0px !important;
  }

#admin_order_detail_popup .order_detail_div .file_view_box   {
flex-direction: column;
gap: 5px;
align-items: flex-start !important;
}

#updateOrderDetail .modal_close_btn {
    margin-bottom: 5px;
}


div#sidebar4 ,div#sidebar2   {
    top: 100px !important;
    left: 20px !important;
}

#sidebarmenu #toggle4 , #sidebarmenu #toggle2 {

    position: relative;
    left: -8px;
    top: -155px;
}


  #admin-edit-orders  .modal-dialog
 {
        left: -6px !important;
    }

#admin_order_detail td:nth-child(1) , #admin-view-invoice  td:nth-child(1) , #ve_admin_payment_table td:nth-child(1) , #em_admin_payment_table td:nth-child(1) , .responsive-table tbody td:nth-child(1)  {
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
    }
 #admin_order_detail  td:last-child , #admin-view-invoice  td:last-child , #ve_admin_payment_table td:last-child , #em_admin_payment_table td:last-child , .responsive-table tbody td:last-child{
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
#admin_order_detail td  , #admin-view-invoice td , #ve_admin_payment_table td , #em_admin_payment_table td , .responsive-table tbody td {
        padding-left: 5px !important;
    }


    
#add_customer_success_popup .modal-body{
    padding-left: 40px !important;
}    

.modal-dialog .pagetitle {
    display: inline;
}
    
.customer_profile_page .upload_btn button {
    margin-bottom: 5px ;
}

#admin_customer_list_table_wrapper table td > div > div , #admin_parameter_em_table  td > div > div , #admin_blue_table  td > div > div {
    margin-inline:0px !important;
}


#admin_customer_list_table td  ,  #admin_customer_parameters_ve table td , #admin_parameter_em_table td , #admin_blue_table td {
        height: auto;
        white-space: nowrap;
        overflow-x: scroll;

}

      #view-order.table td>img,#view-order.table td>button {
        text-align: start !important;
        margin: inherit !important;
    }  
    

     .w-50 {
    width: 100% !important;
}
.controlGroup2 {
    margin-top: 0 !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 10px;
}
td button {
    margin: unset !important;
}
    #view-order thead th:nth-child(2),
#view-order tbody td:nth-child(2) {
  width: 100% !important; /* For second column (e.g., Lieferzeit) */
  text-align: center !important;
}
 #view-order tbody td:has(.fa-duotone) {
  text-align: left !important;
}
#view-order thead th:nth-child(3),
#view-order tbody td:nth-child(3) {
  width: 100% !important; /* For third column (e.g., Auftrag) */
}

#view-order thead th:nth-child(4),
#view-order tbody td:nth-child(4) {
  width: 100% !important; /* For fourth column (e.g., Datum) */
}

#view-order thead th:nth-child(5),
#view-order tbody td:nth-child(5) {
  width: 100% !important; /* For fifth column (e.g., Bestellt von) */
}

#view-order thead th:nth-child(6),
#view-order tbody td:nth-child(6) {
  width: 100% !important; /* For sixth column (e.g., Projektname) */
}

/* For remaining columns (7, 8, 9, 10) */
#view-order thead th:nth-child(7),
#view-order tbody td:nth-child(7) {
  width: 100% !important; /* For seventh column (e.g., Status) */
}

#view-order thead th:nth-child(8),
#view-order tbody td:nth-child(8) {
  width: 100% !important; /* For eighth column (e.g., Detail) */
  text-align: center !important; 
}

#view-order thead th:nth-child(9),
#view-order tbody td:nth-child(9) {
  width: 100% !important; /* For ninth column (e.g., Ändern) */
}

#view-order thead th:nth-child(10),
#view-order tbody td:nth-child(10) {
  width: 100% !important; /* For tenth column (e.g., Änderung) */
}
.DatePickerWrapperStart, .DatePickerWrapperEnd {
    margin-bottom: 12px !important;
}
    .form-control {
    padding: .2rem .75rem !important;
}


     td > div[style*="text-align:center"] {
    text-align: left !important;
  }
  .main-content-wrapper #bn_sec .dashboard_page .padding_bottom90 {
    padding-bottom: 20px !important;
}
legend {
    font-size: 15px !important;
}
  
   button[onclick^="openOrderDetailModal"] {
    margin: 0 !important;
  }
     button[onclick^="freeOpenOrderDetailModal"] {
    margin: 0 !important;
  }
  .lion_popup_dv h1.pagetitle {
    font-size: 17px !important;
}
  /* style="padding:25px 2vw 0 2vw" */
  .padding_second_top70 {
    padding: 15px 10px 0px 10px !important;
  }
  .padding_bottom90{
     padding: 15px 10px 0px 10px !important;
  }

  table {
    width: 100%;
    border-collapse: collapse;
  }

/* Hide header rows */
 .dashboard_table thead,
.dashboard_table .dataTables_scrollHead,
#admin_green_table thead,
#admin_green_table .dataTables_scrollHead,
#admin_yellow_table thead,
#admin_yellow_table .dataTables_scrollHead,
#admin_red_table thead,
#admin_red_table .dataTables_scrollHead,
#view-order thead,
#view-order .dataTables_scrollHead,
#admin_customer_list_table thead,
#admin_customer_list_table .dataTables_scrollHead,
#admin_blue_table thead,
#admin_blue_table .dataTables_scrollHead,
#admin_all_table thead,
#admin_all_table .dataTables_scrollHead,
#admin_parameter_em_table thead,
#admin_parameter_em_table .dataTables_scrollHead,
#admin_parameter_ve_table thead,
#admin_parameter_ve_table .dataTables_scrollHead,
#em_admin_payment_table thead,
#em_admin_payment_table .dataTables_scrollHead,
#ve_admin_payment_table thead,
#ve_admin_payment_table .dataTables_scrollHead,
#admin-view-invoice thead,
#admin-view-invoice .dataTables_scrollHead,
#view-invoice thead,
#view-invoice .dataTables_scrollHead,
#customer_staffs thead,
#customer_staffs .dataTables_scrollHead,
#em_freelancer_all_table_wrapper thead,
#em_freelancer_all_table_wrappe .dataTables_scrollHead,
#em_freelancer_payment_table thead,
#em_freelancer_payment_table .dataTables_scrollHead,
#em_freelancer_blue_table thead,
#em_freelancer_blue_table .dataTables_scrollHead,
#ve_freelancer_blue_table thead,
#ve_freelancer_blue_table .dataTables_scrollHead,
#em_freelancer_red_table thead,
#em_freelancer_red_table .dataTables_scrollHead,
#ve_freelancer_red_table thead,
#ve_freelancer_red_table .dataTables_scrollHead,
#em_freelancer_yellow_table thead,
#em_freelancer_yellow_table .dataTables_scrollHead,
#ve_freelancer_yellow_table thead,
#ve_freelancer_yellow_table .dataTables_scrollHead,
#ve_freelancer_green_table thead,
#ve_freelancer_green_table .dataTables_scrollHead,
#ve_freelancer_all_table thead,
#ve_freelancer_all_table .dataTables_scrollHead,
#ve_freelancer_payment_table thead,
#ve_freelancer_payment_table .dataTables_scrollHead{
  display: none !important;
} 


/* Make each table row block style */
 .dashboard_table tbody tr,
#admin_green_table tbody tr,
#admin_yellow_table tbody tr,
#admin_red_table tbody tr,
#view-order tbody tr,
#admin_customer_list_table tbody tr,
#admin_blue_table tbody tr,
#admin_all_table tbody tr,
#admin_parameter_em_table tbody tr,
#admin_parameter_ve_table tbody tr,
#em_admin_payment_table tbody tr,
#ve_admin_payment_table tbody tr,
#admin-view-invoice tbody tr,
#view-invoice thead tbody tr,
#customer_staffs tbody tr,
#em_freelancer_all_table_wrappe tr,
#em_freelancer_payment_table tbody tr,
#em_freelancer_payment_table tr,
#ve_freelancer_payment_table tr,
#em_freelancer_all_table  tr,
#ve_freelancer_all_table  tr,
#ve_freelancer_blue_table tr,
#em_freelancer_blue_table tr,
#em_freelancer_red_table tr,
#ve_freelancer_red_table tr,
#em_freelancer_yellow_table tr,
#ve_freelancer_yellow_table tr,
#em_freelancer_green_table tr,
#ve_freelancer_green_table tr,
#ve_freelancer_green_table tr{
  display: block !important;
  margin-bottom: 1rem !important;
  border: 1px solid #ccc !important;
  background: #fff !important;
  border-radius: 8px !important;
  width: 100% !important;
}

b.mobile-label {
    display: unset !important;
    width: 50% !important;
    padding: 0px 0px 0px 20px;
    text-align: start !important;
}  

  /* .dashboard_page {
    margin-top: 40px !important;
} */
section#bn_sec .dashboard_title {
    font-size: 19px !important;
}
.stbtn_fbtn {
    padding: 6px 11px !important;
    margin-left: 0px !important;
    
    /* float: left !important; */
}

    
    #admin_red_table td.sorting_1 {
        height: 35px !important;
}
    #admin_blue_table
    td.sorting_1 {
        height: 35px !important;
}
    #admin_all_table td.sorting_1 {
        height: 35px !important;
}
    
    #ve_admin_payment_table   td.sorting_1 {
                height: 35px !important;
    }

    #admin_green_table  td.sorting_1 {
        height: 35px !important;
}
#admin_yellow_table  td.sorting_1 {
    height: 35px !important;
}
#em_admin_payment_table  td.sorting_1 {
    height: 35px !important;
}

}
@media  (min-width: 992px) and (max-width: 992px) {
    .lion_popup_dv {
       padding-right: 84px;
    padding-left: 84px;
}
}


.product-multiselect.dropdown-toggle.col-xl-2 {
    flex: 0 0 auto !important;
    width: 16.66666667% !important;
    display: inline-flex !important;
    padding: 2px 0px 2px 2px !important;
}

@media screen and (max-width: 769px){
   
    .embroidery_information_p{

        padding-left:0 !important;
   
       }

    .accordion-item.customaccord1,.accordion-item.customaccord2 {
        width: 100%;
    }
        
.desktop {
    display: none !important;
    }

    .desktop-banner {
        height: unset !important;
        object-fit:contain;
    }


    .mobile {
       
            display: flex !important;
        
        height: calc(100vh - 108px);
    }
    
    
    .home_image {
        height: auto;
        }
    .mobile-banner{
      object-fit:contain;
         
    }
i.fa-solid.fa-plus.colplus {
    padding: 2px;
    font-size: 12px;
    position: absolute;
    right: 10%;
}
i.fa-solid.fa-minus.colminus {
    padding: 2px;
    font-size: 12px;
    position: absolute;
    right: 10%;
}
span.table-thead {
    width: 50%;
}
.daten-title {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px;
    }
.page_section {
    padding: 20px 20px;
}
.customer_dashboard_page {
    margin-top: 85px;
}


.info_page .embroidery_information_p {
   
    padding-left: 0px !important;
}
.info_page {
    padding-top: 25px !important;
}

.info_page_icon {
    font-size: 20px;
}
.icons_heading {
    margin-bottom: 25px !important;
}

.embroidery_information_wrapper {
    padding: 3vw 0vw 1vw 0 !important;
}
.col-md-4 {
 
    width: 100% !important;
}

.info_page .embroidery_information_wrapper h4 span{
    font-size: 16px !important;
    }
.em_inf_table td {
    padding: 8px 5px !important;
        line-height: 19px;
    font-size: 13px !important;
    }
    span.table-thead {
    font-weight: 700;
}


   

}
.home_image {
    /* height: calc(100vh - 108px); */
    object-fit:cover;
}
.lion_popup_wrrpr{
top: 100px !important;
}

@media screen and (max-width: 100px){

#wrapper.full_height #sidebar-wrapper {
         overflow-x: visible !important;
}


.sidebar-div {
    margin-bottom: 5px;
    border-bottom: 1px solid grey;
}
.sidebar_explain p {
    margin-bottom: 0px !important;
    font-size: 13px !important;
    line-height: 15px !important;

}
.sidebar-toggle {
    padding: 10px !important;
}
#sidebar-wrapper {
    background-color: rgb(233 233 233 / 0%) !important;
}

.left-sidebar-nav{
display: none;
}
.left-sidebar-nav li .sidebar-div div div {
    width: 15% !important;
}

.left-sidebar-nav li .sidebar-div div .sidebar_explain {
    width: 70% !important;
    text-align: left !important;
}

.left-sidebar-nav li .sidebar-div div {
    align-items: center;
    display: inline-flex;
    width: 100% !important;
}

.sidebar-toggle{
display: block !important;
}

.sidebar_explain{
display: block;
}

.information{
    word-break: break-all;
}
.scroll-table {
    overflow: auto;
    width: 100%;
}
/* sidebar */
.full_height{
width: 100% !important;
}
#wrapper{
/* z-index:10000000 ; */
  /*  min-height: 100vh !important;*/
        width: 100%;
}
#wrapper.full_height{
/* z-index: 10000000; */
}

.lion_popup_wrrpr{
height: 100vh !important;
}
.lion_popup_dv{
/*margin-left: 50px !important;*/
}
.dashboard_page{
margin-left: 20px !important;
margin-top: 0px !important;
}
.main-content-wrapper{
margin-top: 20px !important;
}
.left-sidebar-nav li p {
  /*  display: none;  */
}

.left-sidebar {
    height: auto !important;
    width: 100% !important;
    z-index: 1 !important;
/*     position: fixed !important;*/
    top: 0;
  /*  padding-top: 120px !important;*/
}

.left-sidebar-nav{
overflow: hidden;
        margin: 0 0vw !important;
     /*      display: block !important; */
width: 100%;
    background-color: rgb(233, 233, 233) !important;
  padding: 12px !important;
 top:-160px; 

}

.left-sidebar-nav li {
margin: 0px !important;
    height: auto !important;
        padding: 0px 0px !important;

}
.left-sidebar-nav li .sidebar-div {
text-align: left !important;
    width: 100% !important;
    border: none !important;
    background-color: transparent !important;
    height: 35px !important;
    padding: 0px !important;
}

.lion_popup_wrrpr{
top: 0 !important;
}
.left-sidebar-nav li img {
    width: 35px !important;
    object-fit: contain !important;
    height: 26px !important;
}
/* sidebar */
.modal-dialog {
    margin-top: 25px !important;
}
.text-end button.btn {
    font-size: 12px !important;
}
h1.mt-5.menu_page_title{
    font-size: 32px !important;

}


.row.icon-boxes {
    margin-top: 30px !important;
}
.price_content.p-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.col-md-4 {
 
    width: 100% !important;
}
.d-grid.gap-2.col-5.mx-auto.my-4.btn_txt {
    width: 100% !important;
}
table.em_inf_table {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.info_page{
padding-left:15px !important;
padding-right: 15px !important;
}
.menu_page_title{
font-size: 28px !important;
line-height: 34px !important;
}
.col-md-4 {
    padding-bottom: 20px !important;
}


.field-caption {
    padding: 6px !important;
}
label{
font-size: 7px !important;
}

.table>:not(caption)>*>* {
    /* padding: 10px 10px !important; */
}
th {
    font-size: 12px !important;
    line-height: 16px !important;
     vertical-align: middle;
 
}

.dashboard_page .row {
    padding: 0px 10px;
}


.dashboard_page.customer_dashboard_page .row {
    padding: 0px 10px;
}
.dashboard_title {
    font-size: 26px !important;
}
.pagetitle {
    font-size: 22px;
    line-height: 28px;
}
#wrapper.full_height #sidebar-wrapper {

    margin-top: 0px;
}
.lion_popup_dv {
    padding: 40px 20px;
}
.lion_nav .logo_img img {
    width: auto !important;
}
.info_page {
    padding-top: 25px !important;
}

    .icons_heading{
     margin-bottom: 40px;
    }

.lion_list {
    left: 0px;
}
.admin_btn {
    text-align: center;
    display: block;
    align-items: center;
    width: 100%;
}

}
legend {
    font-size: 18px;
    font-weight: 600;
}

.info_page .embroidery_information_wrapper h4 span {
    font-size: 18px;
}

.info_page .embroidery_information_p{
    font-size: 13px;
    padding-left: 40px;
    color: #858585 !important;

}
.info_page {
    
        padding: 5vh 5vw 10vh 5vw;
}


    .info_page .embroidery_information_wrapper h4 span{
    color: #060617;
    }
    
.info_page .embroidery_information_wrapper h4 span{
    font-size: 22px;
    }
.em_inf_table td {
    padding: 8px 10px;
    
        line-height: 20px;

    }
    .table_heading {
    margin-top: 40px !important;
}
.dashboard_title {
    padding-bottom: 10px;
    
}

.page_section {
    padding: 0vw 0vw;
}
.lion_popup_dv {
       padding-right: 84px;
    padding-left: 84px;
    padding-top: 25px;
    /* padding-bottom: 25px; */
}
button.customer_dashboard_all_button {
    padding-top: 20px;
    padding-bottom: 10px;
}
#order_submit_form, #admin_order_submit_form, #employer_order_submit_form {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
   
}
.field-group{
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 5px;
  
}
.field-caption {
    padding: 20px;
}
#admin_add_customer .customer_profile_page .row .col-12, label {
        padding-bottom: 0;
    padding-top: 0;
}

.pdfdown {
       text-decoration: none;
    background: #c3ac6d;
    color: #000 !important;
    padding: 10px 30px;
    letter-spacing: .100em;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid transparent;
    border-radius: 50px;
}
p.pdfp {
    padding: 30px;
}
hr.hr_border.text-center.mt-3.mb-3 {
    opacity: 1;
    height:0;
    border: solid 2px #c3ac6d !important;
}

.price_content.p-3 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}

.col-md-12.text-center.info_class.pt-3 {
    border-bottom: 1px solid #dee2e6!important;
    padding-bottom: 1rem!important;
}
.table-heading1 {
    font-size: 13px !important;
    color: #fff !important;
    text-transform: uppercase;
    text-align: left !important;
    font-weight: 500 !important;
    margin: 0px !important;
}
/* .justify-content-center {
    justify-content: center!important;
    padding: 17px 30px!important;
    align-items: center!important;
        padding-top: 1.5rem!important;

} */
.information {
    margin-top: 40px !important;
}
.daten-sub-heading {
    color: #060617;
    line-height: 1.44;
    margin: 20px 0;
    font-weight: 600;
    font-size: 20px !important;
}
p.daten-p {
    color:#858585 !important;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 25px !important;
    text-align: justify;
    font-weight: 500 !important;
}
.col-md-12.box-head.d-flex.justify-content-center.text-center.pt-2 {
    padding-top: 1.5rem!important;
}
.accordion-body{
font-weight: 500 !important;
}
.text-end button.btn {
    font-size: 13px !important;
}
.price_content li{
    font-weight: 500 !important;
}
.daten-title {
padding-bottom:20px;
    padding-top: 70px !important;
    font-size: 37px !important;
    line-height: 48px !important;
    font-weight: 900 !important;
        word-break: break-all;
}
.sidebar_explain p {
  
    font-size: 9px;
    line-height: 1 !important;

}
.accordion-item {
    border-bottom: 2px solid rgba(0,0,0,.125) !important;
}
.embroidery_information_wrapper h4 {
    display: flex;
    align-items: center;
}
.row.box-clr .col-md-12.box-head.d-flex.justify-content-center {
    display: block !important;
        text-align: center;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none !important;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
ul.table-icons li {
  
    padding-bottom: 8px;
    text-align: left;
}

<!-- table --!>

 .table  tr {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}


 .table td,
 .table th {
/*    display:block; */
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

 .table   .table -thead {
   font-weight: bold !important;
}

@media screen and (max-width: 768px) {
      .mobile-gap {
margin-bottom: 10px;
  }
    .date-filter {
     /* width: 80%;
    float: left !important;
    gap: 20px;
    display: flex;  */
    margin-left: 57px !important;
}
div#invoice-filter {
    float: left !important;
}
.admin_date_start, .admin_date_end{
    left: 0 !important;
}
#admin_ve_payment_archive{
    margin-top: 0 !important;
}
.field-group.row{
    margin-bottom: 10px;
}
#admin_em_parameter_change{
    margin-top: 10px !important;
}

   td.sorting_1 {
    display: inline-flex !important;
}
/* .stbtn_fbtn {
    padding: 6px 11px !important;
    display: block !important;
    width: 70% !important;
    gap: 10px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
} */


 .table  td,
 .table  th {
   display:block;
}
    /* .table tr {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      display:block !important;
      
   } */
   /*  IE9 FIX   */
   .table td {
      float: left\9 !important;
      width:100% !important;
     display: inline-flex;
   }
   .table td.sorting_1{
    display: inline-flex;
    }
}

<!-- table -->

span.curpr{
    position:relative;
    top: 10px;
    margin-top: 25px;
    padding-right: 8px ;
    font-size: 34px;
    color: #b8b8b8;
}
.pricetable{
margin-top: 7px;
    font-size: 37px;
    color: #212529;
    font-weight: 700;
}
#wrapper.full_height #sidebar-wrapper{
margin-top: 0px !important;
}
ul#folder-grp li.nav-item {
    min-height: 100%;
    height: 100%;
    margin-top: 5px;
}
input::placeholder,label {
    font-weight: 400;
    font-size: 13px;
    color: #858585;
}

/*.folder_button p{
     position: relative;
  animation: move-words 5s linear infinite;
  margin: 0;
}


@keyframes move-words {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}*/


/*.folders-toggle{
    font-size: 30px;
}





.order_detail_div ul.nav.nav-tabs.column_flex {
    display: none;
        margin-top: -39px;
    background: #c3ac6d;
    z-index: 999999999;
    position: relative;
}*/



.folder_button{
    padding: 5px 0px ;
        height: 76% ;
         margin-bottom: 5px;

}
.folder_button p{
    margin-bottom: 0px;
}


@media screen and (max-width: 319px) {

.folder_button_new_img {
    width: 20%;
}

.folder_button_new {

    width: 48%;
}
div#subfolder_structure1{
      margin-top: 10px !important;
}

}

.order_detail_div.foldersection {
    min-height: 213px;
}

.order_detail_div.fixedheight.Embroidery div#admin_embroidery_parameter_div {
    display: block !important;
}
.order_detail_div.fixedheight.Vector div#admin_vector_parameter_div {
    display: block !important;
}
/* div[foldername] {
    display: inline-flex !important;
} */
.order_detail_div.fixedheight.Embroidery div#admin_change_embroidery_parameter_div {
    display: block !important;
}
.order_detail_div.fixedheight.Vector div#admin_change_vector_parameter_div{

    display: block !important;
}

.order_detail_div.job-div.In.Bearbeitung div#admin_yellow_job,.order_detail_div.job-div.Offen div#admin_green_job {
    display: block !important;
} 
.order_detail_div.fixedheight.Vector div#vector_parameter_div {
    display: block !important;
}

.order_detail_div.fixedheight.Embroidery div#embroidery_parameter_div {
    display: block !important;

}
.order_detail_div.job-div.Offen div#green_job{

    display: block !important;
}
/* .order_detail_div.job-div.In.Bearbeitung div#yellow_job{

    display: block !important;
} */
.order_detail_div.fixedheight.Embroidery div#order_embroidery_parameter_div {
    display: block !important;
}
.order_detail_div.fixedheight.Vector div#order_vector_parameter_div {
    display: block !important;
}


@media (min-width:768px){

    .table td>img {
        margin: unset !important;
        text-align: left;
    }

    /* .table td div {
        text-align: left !important;
    } */
    /* .table td div button{
        margin-left:25%; 

    } */
    
}
/* tr.usernotper {
   display: none;
} */

/* div#admin_fileupload,div#fileupload {
    border: 1px solid #d5d5d5;
} */
table#order_form_upload_list button.upload_table_button.start {
    display: none !important;
}
@media (min-width:767px){

input#customer-number-profile {
    width: 27%;
}
div#profile_first_name_label1 {
    width: 25%;
}
div#profile_first_name_label2 {
    width: 75%;
}
div#profile_location_label1 {
 
    width: 40%;
}
div#profile_location_label3 {
    width: 62.75%;
}
div#profile_location_label4 {
    width: 35%;
    padding-right: 0;
}
div#profile_location1 {
    width: 10%;
    padding-left: 0;
}
div#profile_location_label2 {
    width: 60%;
}
#profile_first_name_label0{
    padding-left:0;
}
div#profile_location2 {
    padding-left:0;
    width: 90%;
}
div#mobile-label2 {
    width: 77%;
}
div#mobile-label {
    width: 23%;
}
div#steure1 {
    width: 60.5%;
}
div#steure4 {
    width: 39.5%;
}
div#steure2 {
    width: 41.25%;
}
div#steure3 {
    width: 58.5%;
}
div#steure5 {
    width: 40%;
}
div#steure6 {
    width: 60% !important;
    padding-left: 0 !important;
}
div#ibnrow {
    width: 65%;
}
div#ibnrow3 {
    padding-left: 0;
    width: 35%;
}
div#ibnrow2 {   
    width: 61.5%;
}
div#ibnrow5 {
    width: 86%;
}
div#ibnrow4 {
    width: 14%;
}
div#ibnrow1 {
    width: 38.5%;
}
}

span.fileinput-button {
    display: flex;
    width: 100%;
    border: solid 1px #ddd;
    background-color: transparent;
    justify-content: center;
    align-items: center;
}
span.file_input_font p {
    margin-bottom: 0;
}

form#edit_order span.fileinput-button,form#edit_order1 span.fileinput-button,form#edit_order2 span.fileinput-button {
    color: #000;
}

/* div#admin_all_table_paginate span {
    display: none;
} */
div#admin_all_table_info {
    display: none;
}
div#admin_red_table_paginate span.ellipsis,div#admin_red_table_paginate span a.paginate_button,div#admin_all_table_paginate span a.paginate_button,div#admin_all_table_paginate span.ellipsis {
    display: none;
}
div#admin_red_table_paginate span a.paginate_button.current,div#admin_all_table_paginate span a.paginate_button.current {
    display: inline-block;
}
div#admin_red_table_info {
    display: none;
}

/* -- customer table ----- */

div#view-order_info {
    display: none;
}

div#view-order_paginate span.ellipsis,div#view-order_paginate span a.paginate_button {
    display: none;
}

div#view-order_paginate span a.paginate_button.current {
    display: inline-block;
}

div#em_freelancer_all_table_paginate span.ellipsis,div#em_freelancer_all_table_paginate span a.paginate_button {
    display: none;
}

div#em_freelancer_all_table_paginate span a.paginate_button.current {
    display: inline-block;
}

div#em_freelancer_red_table_paginate span.ellipsis, div#em_freelancer_red_table_paginate span a.paginate_button {
    display: none;
}

div#em_freelancer_red_table_paginate span a.paginate_button.current {
    display: inline-block;
}

div#ve_freelancer_all_table_paginate span.ellipsis, div#ve_freelancer_all_table_paginate span a.paginate_button {
    display: none;
}

div#ve_freelancer_all_table_paginate span a.paginate_button.current {
    display: inline-block;
}



div#ve_freelancer_red_table_paginate span.ellipsis, div#ve_freelancer_red_table_paginate span a.paginate_button {
    display: none;
}

div#ve_freelancer_red_table_paginate span a.paginate_button.current {
    display: inline-block;
}

/* payment table */

div#em_admin_payment_table_paginate span.ellipsis,div#em_admin_payment_table_paginate span a.paginate_button {
    display: none;
}

div#em_admin_payment_table_paginate span a.paginate_button.current {
    display: inline-block;
}
div#ve_admin_payment_table_info,div#em_admin_payment_table_info {
    visibility: hidden;
}

div#ve_admin_payment_table_paginate span.ellipsis,div#ve_admin_payment_table_paginate span a.paginate_button {
    display: none;
}

div#ve_admin_payment_table_paginate span a.paginate_button.current {
    display: inline-block;
}

div#em_freelancer_payment_table_paginate span.ellipsis,div#em_freelancer_payment_table_paginate span a.paginate_button {
    display: none;
}

div#em_freelancer_payment_table_paginate span a.paginate_button.current {
    display: inline-block;
}
div#ve_freelancer_payment_table_paginate span.ellipsis,div#ve_freelancer_payment_table_paginate span a.paginate_button {
    display: none;
}

div#ve_freelancer_payment_table_paginate span a.paginate_button.current {
    display: inline-block;
}

.dataTables_scrollHeadInner {
    width: auto !important;
    
}

form#invoice_upload button {
    background-color: #c3ac6d;
    border: #c3ac6d;
    padding: 10px;
    color: #fff;
    margin-top: 30px;
    float: right;
    font-weight: 400;
}

form#invoice_upload button.remove-file {
    padding: 0;
    background: transparent;
    color: #000;
    margin-top: 0;
}

div#file_list {
    display: flex;
    gap: 10px;
}

table#view-invoice tr td {
    text-align: center;
}
table#view-invoice tr td:nth-child(4) {
    text-align: left;
}
th#invoice {
    text-align: center;
    width: 10% !important;
}
th#invoice4 {
    width: 60% !important;
}
table.table.table-striped.dashboard_table.dataTable.no-footer {
    margin-bottom: 0;
}
button.job_button.pausejob {
    display: none;
}
     div#Thankyou {
    height: 100%;
} 

li.thank-menu-item {
    display: none;
}

.emtext{
    padding-bottom: 20px;
    
        font-size: 19px;
    
}

.emcontent {
    padding: 10px;
}

.embtn { 
color: white;
background-color: #c3ac6d;
border: none;
border-radius: 0;
padding: 6px 10px;
font-size: 13px;
}

#em_admin_popup{
    margin-top: 10%;
}

div#ve_admin_popup {
    margin-top: 9%;
}

.date-filter {
    margin-left: 320px;
}

label.labelsearch {
    margin-top: -20px;
}

.bgcolor{
    background-color: red;
}

div#admin_request_popup .modal-content {
    background-color: #f4f4f4;

}

/*New mobile css */

@media (width:768px){


#customer_parameters_em  .lion_popup_dv ,  #customer_parameters_ve .lion_popup_dv, #customer_parameters_em .lion_popup_dv , #login_information .lion_popup_dv , #Customer_invoice .lion_popup_dv{
    padding-top: 0px !important;
  }

    #change_profile_success_popup .modal-body {
        margin-left: 22px !important;
    }

.file_view_table .dataTables_paginate  .previous  {
margin-right: 28px;
}

#order_detail_filter {
    padding-bottom: 8px;
}    
#order_detail_filter > label > input {
    padding: 5px 10px ;
}

#order_detail tbody tr td:first-child {
    border-radius: 8px 8px 0px 0px !important;
}
#order_detail tbody tr td:last-child {
    border-radius: 0px 0px 8px 8px !important;
    padding-bottom: 19px !important;
}
#order_detail tbody tr .dataTables_empty {
  border-radius: 8px;
}
}
.file_view_table .dataTables_paginate  .previous  {
margin-right: 28px;
}

@media (max-width:767px){

#sidebar-wrapper .left-sidebar-nav {
    overflow-x: hidden;
}

        #login_information, #customer_parameters_em, #customer_parameters_ve{
        top: 100px !important;
    }
    #change_profile_success_popup .modal-body {
        margin-left: 22px !important;
    }    
#order_detail tbody tr td {
 padding-inline: 1px !important;
}

.file_view_table .dataTables_paginate  .previous  {
margin-right: 28px;
}

#order_detail_filter {
    padding-bottom: 8px;
}    
#order_detail_filter > label > input {
    padding: 5px 10px ;
}

#order_detail tbody tr td:first-child {
    border-radius: 8px 8px 0px 0px;
}
#order_detail tbody tr td:last-child {
    border-radius: 0px 0px 8px 8px;
    padding-bottom: 19px !important;
}
#order_detail tbody tr .dataTables_empty {
  border-radius: 8px;
}
#order_embroidery_parameter_div  .form-group .control-label {
    padding-top: 10px;
    padding-bottom: 8px;
}

#tableSearchInput , .parameter_special_cutting_options {
      text-overflow: ellipsis;
}

#order_form_upload .file_input_font > p:last-child{
 text-align: center;
}

#order_form_project_name input {
    text-overflow: ellipsis;
}
    
.lion_popup_dv {
    padding-right: 10px; 
     padding-left: 0px; 
     padding-top: 60px; 
     padding-bottom: 25px; 
    width: 83%;
    float: right;
    margin: auto;
}

#view_order_popup .lion_popup_dv ,  #order_form_em_standard_popup .lion_popup_dv , #profile_popup .lion_popup_dv , #admin_customer_list .lion_popup_dv , .lion_popup_dv {
        padding-top: 36px;
}
#login_information .lion_popup_dv {
    padding-top: 6px !important;
}
#Customer_invoice .lion_popup_dv {
    padding-top: 57px;
}
#customer_parameters_ve .lion_popup_dv , #customer_parameters_em  .lion_popup_dv{
    padding-top: 5px;
}

#customer_parameters_em #change_em_parameter_success_popup .modal-body {
    padding-left: 30px !important;
}

#Customer_invoice .datepicker {
 font-size: 10px;
}

.icon1, .icon2 {
  cursor: pointer;
}

.icon1 {
  display: block; /* Display first icon initially */
}

.icon2 {
  display: none; /* Hide second icon initially */
}
#toggleSidebarBtn {
  transition: margin 0.3s ease;
}
.showdesktop{
    display: none;
}
.showmobile{
  display: unset !important;
}

/* Adding non-breaking space when <br> is hidden */
/* .sidebar_explain br::after {
    content: "\00a0"; /
    display: inline-block;
    width: 5px; 
} */

    .main-content-wrapper {
    margin-top: 0px;
  }
 #sidebar-wrapper {
  position: fixed;
  height: 100vh;
  background: #e9e9e9 !important;
  border-right: 0px solid #ddd !important;
  top: 0;
  overflow-y: scroll;
  width: 12%;
  transition: width 0.5s ease;
}
.icon1, .icon2 {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
#wrapper.full_height #sidebar-wrapper{
    position: fixed  !important;
}

.icon1 svg, .icon2 svg {
  width: 20px;
  height: 20px;
}
.sidebar-nav .sidebar-div:focus-visible {
  border: 0px solid #ddd !important; /* Example border reset */
}
.sidebar-nav .sidebar-div:hover {
  border: 0px solid #ddd !important; /* Example border reset */
}
.sidebar-nav li:hover .sidebar-div{
    border: 0px solid #ddd !important;
}
.sidebar-nav li.clicked .sidebar-div   {
    border: 0px solid #ddd !important;
}
.sidebar_explain p[titleCustom]:hover::after{
display: none;
}

 #wrapper svg {
    margin-left: 14px !important;
}
div#toggleSidebarBtn {
    margin: 95px 0px 20px 0px;
}
.lion_popup_wrrpr{
    top: 0px !important;
}
/* .custom_top_menu_width {
    width: 18px !important;
    min-height: 20px;
} */
.sidebar_explain{
    display: none;
}
.sidebar-nav .sidebar-div {
    width: 150px;
} 
.lion_pop_btn {
    display: flex !important;
    flex-direction: row !important;
        justify-content: start !important;
    gap: 10px;
    margin: 0px 0px 0px 7px;
}

.sidebar-nav {
    list-style: none;
    padding: 0;
    overflow-y: auto; /* Enable vertical scroll */
    height: max-content;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 0% !important;
    margin-inline: 0 !important;
}
.sidebar-nav li{
       margin-inline: 0 !important; 
}
.sidebar-nav li p{
       display: contents;
}
.custom_header_menu_item {
  width: 49px !important;
}
    div#invoice-filter {
       
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    table#admin-view-invoice tr td {
        text-align: justify;
    }
    /* label {
        display: contents;
    } */
    /* .date-filter {
        margin-left: 0px !important;
    } */
    /* label {
        display: flex !important;
    }
    label.labelsearch {
        margin-top: 0px;
    } */   
    div#view-invoice_filter input[type="search"]{
        width:82% !important;
    }

    .DatePickerWrapperEnd {
        margin-left: 10px;
    }

    .DatePickerWrapperStart, .DatePickerWrapperEnd{
        width:auto !important;
    }

    .dataTables_info {
       margin-top: 0px; 
       
    }

   
    #customer_staff_create_button {
        margin-top: 10px;
    }

    .d-flex {
        display: table !important;
        margin: auto;
    }
    .dataTables_info {
        margin-top: 10px;
    }


    div#admin-view-invoice_filter input[type="search"]{
        padding: 6px 40px 6px 8px !important;
    }

}




/* New tablet css */


@media  (min-width:0px)  and (max-width: 319px) {

    /* .left-sidebar-nav {
        width: 60%;
        top: -49px;
    } */
    .sidebar_explain p {
        font-size: 8px !important; 
        margin-left: 5px;
        font-family: 'Inter' !important;
       }
       .left-sidebar-nav li img {
           height: 15px !important;
           margin-left: 0px !important;
       }
       .left-sidebar-nav li .sidebar-div{

        height: 21px !important;

    }
}


@media  (max-width: 319px) {
    .left-sidebar-nav {
        width: 40%;
        top: -49px;
    }
    .sidebar_explain p {
        font-size: 11px !important; 
        margin-left: 5px;
        font-family: 'Inter' !important;
       }
       .left-sidebar-nav li img {
           height: 15px !important;
           margin-left: 0px !important;
       }
       .dataTables_info {
        margin-top: 10px;
    }
    .left-sidebar-nav li .sidebar-div{

        height: 21px !important;

    }

}


@media  (min-width: 992px) and (max-width: 992px) {

  
      
        .sidebar_explain p {
             font-size: 15px !important; 
             margin-left: 0px;
             font-family: 'Inter' !important;

            }
            .left-sidebar-nav li img {
                height: 21px !important;
                margin-left: 0px !important;
            }
            .left-sidebar-nav li .sidebar-div{

                height: 44px !important;

            }


            div.centercust  {

                display: flex;
                align-items: center;
              
                flex-direction: column;
              }
            
              .embroidery_information_p{
                text-align: center;
              }
            
              div.horizontal{
            
                border-color: #e0ad35;
              }
            


}
div.centercust {
    display: flex;
    align-items: center;
    flex-direction: column;
}

span.customfont {
    color: #e0ad35 !important;
    font-family: 'runner';
}
span.left-space {
    padding-left: 34px;
}

.accordion-item.customaccord1 button.accordion-button,.accordion-item.customaccord2 button.accordion-button {
    min-height: 132px;
}
.customwidd{
    width: 100% !important;
}

@media (min-width:1400px){
    .pagetitle{

        font-size: 37px !important;
    }

 }

 button#cancel-change-req {
    display: none;
}




@media (max-width: 1440px){


td {

    font-size: 11.5px !important;
      line-height: 15px !important;
          vertical-align: middle;

}

}


@media (min-width:1440) and (max-width: 1600px){


td {

    font-size: 12px !important;
      line-height: 15px !important;
          vertical-align: middle;

}

}
.mobile-label{
    display: none;
}

@media (max-width: 767px) {
    .sidebar-nav .sidebar-div {
        width: max-content;
    }

   
div#Thankyou.active {
    height: 90vh;
    width: 90%;
    visibility: visible !important;
}

 div#Thankyou.active    #thankyoucontainer{
    height: 90vh;
 }

}
@media (max-width: 406px) {
table#view-invoice tr td {
    text-align: right;
}
#login_information tr td {
    text-align: right;
}
 #Customer_invoice table td {
      text-align: right;
 }

}

    .tableColumn.dropdown {
    margin-left: 24px ;
}