:root {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
}

.col-full{
  max-width: var(--wp--style--global--content-size) !important; 
  padding: 0 100px !important;;
}

h1.entry-title{
  margin: 0 !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  font-family: "Source Serif Pro" !important;
  margin: 15px 0 !important;
}

/* Hide the header */
.site-header, header, .site-footer, footer, .wp-block-separator, .wp-block-spacer,.storefront-breadcrumb, .edit-link {
  display: none !important;
}

.bootstrap-datetimepicker-widget {  
  z-index: 1000 !important; /* Ensures the picker is on top */
}
 
.input-group-text{
  height: 100%;
}

.error-message{
  width: 100%;
}

.dca-field-with-tooltip {
  display: flex;               /* Use flexbox for layout */
  align-items: center;        /* Vertically align items in the center */
  flex-wrap: wrap;
}

.dca-field-with-tooltip .dca-tooltip-icon {
  cursor: pointer;
    margin-right: 10px;
    background: #D52C48;
    padding: 3px;
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 18px;
}

.dca-field-with-tooltip .dca-tooltip-icon.black{
  background: #000;
}


.bootstrap-datetimepicker-widget ul{
  padding: 0px !important;
}
.bootstrap-datetimepicker-widget table{
  border: unset !important;
}


.bootstrap-datetimepicker-widget table td{
  height: 30px;
     line-height: 30px;
     width: 30px;
     margin: 0px;
    padding: 0px;
}

a.close {
  float: left;
}

.form-select{
  background-position: left .75rem center !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;

  background-size: 20px 16px !important
}
 

label, legend{
  font-size: unset;
}


.dca-popup-model .modal-header .popup-btn-close{
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  box-sizing: content-box;
  color: #E4415C;
  border: 0;
  border-radius: .25rem;
  padding: 5px;
  font-size: 30px;
  background: unset;
}

.modal-header{
  padding: 30px 10px;
  border-bottom: 2px solid #cbcbd3;
}
.modal-header h5{
  margin: 0;
  font-weight: 800;
  font-size: 21px;
}

.modal-body{
  padding: 2rem;
}

.modal-footer{
  border-top: 2px solid #cbcbd3;
}

.dca-popup-model .btn-primary{
  background-color: #4D9A65;
  border-color: #4D9A65;
}

.dca-popup-model .modal-content{
  border-radius: 10px;
  border: unset;
}

.dca_white_container{
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.04);
}
.dca_data_table{
  border: 0;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
 

tbody, td, tfoot, th, thead, tr{
  border-color: #d9d9d9;
}

.form-select{
  padding-right: 10px;
}
  
.multiple-select{
  height: unset;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc {
  padding-right: 10px !important;
  padding-left: 30px !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  left: 12px;
  right: unset !important;

}   
 

.loader {
  border: 4px solid rgba(0, 0, 0, 0.1); /* Light border */
  border-left-color: #000; /* Dark border for spinning effect */
  border-radius: 50%; /* Circular shape */
  width: 24px; /* Width of the spinner */
  height: 24px; /* Height of the spinner */
  animation: spin 1s linear infinite; /* Animation properties */
  margin: auto; /* Center the spinner */
  display: block; /* Block element */
}

@keyframes spin {
  to {
      transform: rotate(360deg); /* Rotate the spinner */
  }
}
 
.border-start {
  border-left: 1px solid #6f8396 !important;
  
}

.dt-paging .page-item.active .page-link{
  background-color: #509D66;
    border-color: #509D66; 
}
.dt-paging .page-item {
  margin: 2px;
}

.dt-paging .page-link{
  border-radius: 5px;
}
.heading-style{
  color: #6f8396;
    font-weight: 700;
}
  
.fnt-25{
  font-size: 25px !important;
}
.color-black{
  color: #000 !important;
}

.dark-bg-field{
  background-color: #e6e6e6 !important;
} 

.displa_table_form, .search-form{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    align-items: flex-end;
}

.search-form p{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 30%;
}

.search-form p label{
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}

.search-form p .wpforms-required-label{
  color: #ff0000;
  font-weight: 400;
}

.search-form p.submit-search{
  width: 15%;
}

.search-form p:last-child{
  width: 15%;
}

.search-form p input{
  padding: 5px;
  border: 1px solid #0000005e !important;
  border-radius: .25rem;
}

.search-form p input:focus{
  border: 1px solid #0000005e !important;
}

.displa_table_form p{
  width: 15%;
}

.displa_table input, .displa_table select, .displa_table_form input, .displa_table_form select{
  width: 90%;
  padding: 5px !important;
  background-color: transparent;
  border: none !important;
  border-bottom: 1px solid #0000004f !important;
  box-shadow: none !important;
}

.displa_table_form label ,.displa_table label{
  font-weight: 700;
}

.tabs{
  margin-bottom: 10px;
}
.tabs .btn{
  margin-right: 10px;
}

.backend-form #item_row .add_new_table_row{
  margin-top: 5px;
}

.backend-form #item_row .add_new_row{
  text-align: right;
  margin-top: 5px;
}

.backend-form #item_row .add_new_row .dashicons {
  display: inline-flex;
  align-items: center;
  width: 73%;
}

.contract_form tbody{
  display: flex;
  flex-wrap: wrap;
}

.contract_form tbody tr{
  width: 50%;
  display: inline-flex;
}
.contract_form tbody tr th,.contract_form tbody tr td{
  width: 50%;
}

.container {
  max-width: 100%;
  margin: 0 auto;
}
.form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.form-group label {
  font-weight: bold;
  margin-bottom: 5px;
}
.form-group input {
  padding: 8px;
  border: none;
  background-color: #0000000d;
  border-bottom: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}

.form-group.half-width input{
  width: 30%;
}

.form-group #delivery_pdf{
  width: 15%;
}

.form-inline {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3,1fr);
}
.form-inline .form-group {
  flex: 1;
  min-width: 150px;
}
.devider{
  margin: 30px 0;
  width: 100%;
  max-width: 100%;
}