.checkbox-lg .form-check-input{
 top: .8rem;
 scale: 1.4;
 margin-right: 0.7rem;
 }

.checkbox-lg .form-check-label {
 padding-top: 13px;
 }

.checkbox-xl .form-check-input {
 top: 1.2rem;
 scale: 1.7;
 margin-right: 0.8rem;
 }

.checkbox-xl .form-check-label {
 padding-top: 1px;
 padding-left: 10px;
 }
 .checkbox-form{
    margin-top: 15px;
 }
 option:disabled {
   color: red; /* Change the color to your desired color */
   font-weight: 500;

 }

 #cekaonicaTable2 td:nth-child(1), #cekaonicaTable td:nth-child(2) {
  text-align: center;
}

.offer-check{
  margin-top: 38px;
}


@media (max-width: 767px) {
   .offer-check{
     margin-top: 15px;
     margin-bottom: 15px;
   }
   .custom-date{
    display: none;
   }
   .mob-hide{
    display: none;
   }
}

@media (min+-width: 767px) {
.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
  text-align: center;
  vertical-align: middle;
}

.table.dataTable.dtr-inline.collapsed>tbody>tr>td, table.dataTable.dtr-inline.collapsed>tbody>tr>td {
  text-align: center;
  vertical-align: middle;
}
}

.bb-1{
  border-bottom: 1px solid #000 !important;
}

.sticky {
  position:fixed;
  top:70px;
  width:100%;
  z-index:100;
}

#cekaonicaTable td:nth-child(10) {
  max-width: 100px!important; /* Set the maximum width of the cell */
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide the overflowed content */
  text-overflow: ellipsis; /* Display an ellipsis (...) at the end of the overflowed content */
  cursor: pointer; /* Set cursor to pointer on mouseover */
}


#cekaonicaTable td:nth-child(10):hover {
  white-space: normal; /* Display full text on hover */
  overflow: visible; /* Make the overflowed content visible */
  text-overflow: initial; /* Revert text-overflow to initial value */
}

.vikend {
  background-color: #212020 !important;
  color: white !important;
  border-color: #f5c6cb;
}