.parsley-errors-list.filled{color:#f96a6a;list-style:none;padding:0!important;margin-top:5px}
.bg-danger{background-color:#f2dede;color:#f96a6a;margin-bottom:10px;padding:2px}
#cover-spin{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.7);z-index:9999;display:none}
@-webkit-keyframes spin {
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@keyframes spin {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
#cover-spin::after{content:'';display:block;position:absolute;left:49%;top:45%;width:40px;height:40px;border-style:solid;border-color:#000;border-top-color:transparent;border-width:4px;border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}
.error{color:#f96a6a}
.order_material dt{text-align:left;overflow:unset;font-weight:unset;margin:10px}
.order_material dd{margin:10px}
.order_material input{margin:10px 10px 10px 115px !important}
.special_note{color:#376784;font-weight:bold}
.btn{font-size: 14px;text-align:center;border-radius:50px;padding: 4px 30px;border-radius: 50px;}
.form-group label{color:#346a7e;font-size:12px}
.dl-horizontal dt{color:#346a7e!important}
.allergen_header{color:#346a7e}
input[type='radio']:after,input[type='checkbox']:after{width:15px;height:15px;top:-2px;left:-1px;position:relative;background-color:#d1d3d1;content:'';display:inline-block;visibility:visible;border:2px solid #d1d3d1}
input[type='radio']:checked:after,input[type='checkbox']:checked:after{width:15px;height:15px;top:-2px;left:-1px;position:relative;background-color:#367fa9;content:'';display:inline-block;visibility:visible;border:2px solid #d1d3d1}
input[type='radio']:after,input[type='radio']:checked:after{border-radius:15px}
.table-striped>tbody>tr:nth-of-type(odd){background-color:unset}
.dataTable tr:first-child{background-color:#fafbfd}
.dataTable tbody{background-color:#fff}
.dataTables_wrapper .input-sm{background-color:#fff}
.dataTables_filter .form-control.input-sm,.dataTables_length .form-control.input-sm{background-color:#fff!important}
.dataTable tfoot{display:none}
.dataTable thead tr th{color:#346a7e}
.back-btn-cls{margin-right:7px}
.next-btn-cls{margin-left:7px}
.btn-group i.fa.fa-trash{color:#cb3623}
.btn-group i.fa.fa-check-circle-o{color:#69b822}
.btn-group i{color:#3c8dbc;margin-right:2px}
.btn-group a{color:#333}
.middle input[type='radio']:checked + .box{background-color:#ebf0f3!important}
.middle input[type=radio]:checked + .box span{color:#3c8dbc!important}
.middle .front-end span:before{content:url('https://www.nextmunelaboratories.com/nextvu/assets/images/favicon_mini.png')!important}
.chanePanelFormDetails .middle .front-end span:before{content:''!important}
.middle input[type='radio'] + .box{border:unset;box-shadow:unset}
.middle .box{width:370px!important}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #e7e5e5}
.petOwnerModal{background-color:#9bcfdc!important;border-color:#9bcfdc}
.petModal{background-color:#9bcfdc!important;border-color:#9bcfdc}
.next_btn{font-size:16px;color:#fafbfc;background:#376784;padding:5px 60px;border-radius:50px;margin-bottom:8px}
.backbtn{font-size:16px;color:#fafbfc;background:#376784;padding:5px 60px;border-radius:50px;margin-bottom:8px}
.select2-container--default .select2-selection--single{border-radius:10px}
.breadcrumb{display:none!important}
.btn-primary{font-size:14px;color:#fafbfc;background:#376784;padding:4px 30px;text-align:center;border-radius:50px;font-family: 'Mark Pro';}
i.back-btn-cls{display:none!important}
i.next-btn-cls{display:none!important}
input[type="checkbox"],input[type="radio"]{margin:0 0 0 -20px}
.bootstrap-select.form-control-sm .dropdown-toggle{padding:.5rem;border-radius:10px;border-color:#d2d6de;background-color:#FFF;color:#376784;z-index:0}
#filterBtn,#clearBtn{font-size:12px;text-align:center;border-radius:50px;margin-bottom:8px;padding:5px 10px}
.submitbtn{background-color:#FF878C;border-color:#FF878C;color:#FFF;}
.select2-container--default.select2-container--focus{display:none;}
ul#parsley-id-48{position: absolute;top: 30px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #376784;border-color: #376784;}
/* Make the table responsive */
#order_page .table-container {
  overflow-x: auto; /* Add horizontal scrollbar if table overflows */
}    
/* Ensure table cells don't wrap */
#order_page .table-container table {
  table-layout: fixed;
  width: 100%;
}    
/* Set minimum width for table cells */
#order_page .table-container td,
#order_page .table-container th {
  min-width: 100px; /* Adjust as needed */
  word-wrap: break-word;
}    
/* Optional: Add responsiveness for smaller screens */
@media screen and (max-width: 600px) {
#order_page .table-container table {
      min-width: 100%; /* Ensure table fills container on small screens */
  }
  #order_page .table-container td,
  #order_page .table-container th {
      min-width: auto; /* Allow cells to wrap on small screens */
  }
}
#order_page .box {
  max-width: 100%;
  overflow-x: auto; /* Enable horizontal scrolling if needed */
}    
#order_page table#orders {
  width: 100%;
  border-collapse: collapse;
}    
#order_page table#orders th, #order_page table#orders td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}    
#order_page table#orders th {
  background-color: #f2f2f2;
}    
/* Optional: Style for responsiveness on smaller screens */
@media only screen and (max-width: 600px) {
  #order_page table#orders, #order_page table#orders th, #order_page table#orders td {
    display: block;
  }
  #order_page table#orders th, #order_page table#orders td {
    width: 100%;
  }
}