.offnu_table {

  display: flex;
  justify-content: center;

}


.offnu_table .data_col {

  max-width: 20rem;

  /* min-width: 25rem; */

}



.offnu_table .table-responsive {

  display: block;

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

}



.offnu_table .data_col .data_head_title {

  color: #8fc4eb;

  font-size: clamp(16px, 5vw, 20px);

  font-weight: 600;

  line-height: 1.4;

  padding-bottom: 30px;

  display: grid;

  align-items: end;

}



.offnu_table .table_data {

  font-size: clamp(14px, 5vw, 16px );

  line-height: 1.4;

  border-top: 1px solid #b5b5b5;


  

}



.offnu_table .data_head {

  font-size: clamp(14px, 5vw, 16px );

  letter-spacing: 0.1rem;

  color: #000;

}



.offnu_table .toggle {

  cursor: pointer;

}



.offnu_table .toggle span {

  transition: 300ms all ease-in-out;

}



.offnu_table .toggle .hidden {

  visibility: hidden;
  display: block;

}



#place_id_meta_box .api_block .date-label {

  font-family: "Arial", sans-serif;

  font-size: 13px;

  text-align: center;

  display: inline-block;

  height: 30px;

  color: #262d32;

  font-weight: 400;

  display: grid;

  place-items: center;

}



button.swal2-confirm.swal2-styled {

  background-color: #7066e0 !important;

}



.open_hour_settings_wrapper .px-4 {

  padding-left: 0rem;

}



/* Logs Page Design */

.logs_table {

  width: 100%;

  border-collapse: collapse;

}



.logs_table th,

.logs_table td {

  border: 1px solid black;

  padding: 8px;

  text-align: left;

}



.logs_table th {

  background-color: #f2f2f2;

}



#place_id_meta_box:has(.api_block) {

  background-color: #262d32;

  color: #fff;

}



#place_id_meta_box .handle-order-higher .order-higher-indicator::before,

#place_id_meta_box .handle-order-lower .order-lower-indicator::before,

#place_id_meta_box .toggle-indicator,

#place_id_meta_box h2,

#place_id_meta_box h3 {

  color: #fff;

}



#place_id_meta_box h2,

#place_id_meta_box h3 {

  font-weight: 600;

}



#place_id_meta_box .api_block table input {

  background-color: transparent;

  border-radius: 0;

  border: none;

  width: 100%;

  text-align: center;

}



#place_id_meta_box .api_block input,

.open_hour_settings_wrapper input {

  border-radius: 3px;

  border: 1px solid #f0f0f1;

  background-color: #f0f0f1;

}

#place_id_meta_box .api_block input:not(type=[radio]),

.open_hour_settings_wrapper input:not(type=[radio]) {

  width: 100% !important;

}



#place_id_meta_box .api_block input:focus {

  border: none;

  outline: none;

  box-shadow: none;

}



.api_block tr th {

  border: 1px solid #f0f0f1;

  padding-inline: 1rem;

  text-align: center;

  border-bottom: 1px solid #262d32;

  white-space: nowrap;

  background-color: transparent;

  color: #f0f0f1;

  font-weight: 600;

}



.api_block table {

  width: 100%;

}



.api_block tbody td {

  color: #262d32;

}



.api_block table tr td {

  border-inline-start: 1px solid #f0f0f1;

  background-color: #f0f0f1;

  padding: 0.2rem 1rem;

  border-bottom: 1px solid #262d32;

}



.api_block table tr td:not(:last-child) {

  border-inline-end: 1px solid #262d32;

}



.api_block table tr:last-child td {

  border-bottom: 1px solid #f0f0f1;

}



.api_block .table-striped > tbody > tr:nth-of-type(2n + 1) > * {

  background-color: #bcbcbc;

}



.api_block .table-hover > tbody > tr > * {

  transition: 200ms all ease-in-out;

}



.api_block .table-hover > tbody > tr:hover > * {

  background-color: #dfdfdf;

}



.open_hour_settings_wrapper  {

  background-color: #262d32;

}



.open_hour_settings_wrapper .cbopho_settings-container {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-column-gap: 3vw;

}



.open_hour_settings_wrapper .cbopho_settings-container .form-table th {

  color: #fff;

}

.open_hour_settings_wrapper .cbopho_settings-container input:focus {

  border: 1px solid #c4c2fb;

  outline: none;

  box-shadow: none;

}

.open_hour_settings_wrapper .cbopho_settings-container label {

  color: #fff;

  margin-top: 0 !important;

  margin-inline-end: 1rem;

}

.open_hour_settings_wrapper select:has(+ .nice-select) {

  position: absolute;

}



.open_hour_settings_wrapper .nice-select,

.open_hour_settings_wrapper .nice-select-dropdown {

  width: 100%;

}



.open_hour_settings_wrapper .btn,

.open_hour_settings_wrapper .submit .button {

  background: transparent;

  border: none;

  padding: 0.5rem;

  border-radius: 3px;

  cursor: pointer;

  min-width: 9rem;

  transition: 200ms all ease-in-out;

  font-size: 14px;

  letter-spacing: 0.5px;

  line-height: 1.6;

}



.open_hour_settings_wrapper .button_secondary {

  border: 1px solid #fff;

  color: #fff;

}

.open_hour_settings_wrapper .submit .button.button-primary {

  background: #c4c2fb;

  color: #262d32;

  border: 1px solid #c4c2fb;

  height: fit-content;

  line-height: 1.9;

  font-size: 14px;

  letter-spacing: 0.5px;

}



.open_hour_settings_wrapper .submit .button.button-primary:hover {

  background: #c4c2fb71;

  color: #fff;

  border: 1px solid #fff;

}

.open_hour_settings_wrapper .button_secondary:hover {

  background: #fff;

  color: #262d32;

}



.open_hour_settings_wrapper table input[type="text"],

.open_hour_settings_wrapper .nice-select {

  width: 100%;

  padding: 0.2rem 1rem;

  border-radius: 3px;

  border: 1px solid #f0f0f1;

  background-color: #f0f0f1;

}



.open_hour_settings_wrapper .nice-select {

  display: inline-flex;

  align-items: center;

}



.open_hour_settings_wrapper table label:has(input[type="radio"]) {

  cursor: pointer;

}



/* Hide default radio */

.open_hour_settings_wrapper table input[type="radio"] {

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  width: 18px;

  height: 18px;

  border-radius: 50%;

  display: inline-block;

  position: relative;

  cursor: pointer;

  outline: none;

  background-color: #fff;

  transition: all 0.3s ease;

}



/* Checked state */

.open_hour_settings_wrapper table input[type="radio"]:checked {

  background-color: #fff;

  border: none;

}



/* Custom inner dot */



.open_hour_settings_wrapper table input[type="radio"]::before {

  content: "";

  width: 17px;

  height: 17px;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin: 0;

  transition: all 0.3s ease;

  visibility: hidden;

  opacity: 0;

}

.open_hour_settings_wrapper table input[type="radio"]:checked::before {

  visibility: visible;

  opacity: 1;

  margin: 0;

  background: #c4c2fb;

  width: 12px;

  height: 12px;

}



.open_hour_settings_wrapper a:focus {

  outline: none;

  box-shadow: none;

}