.custvideobg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../img/pattern.jpg);
    background-size: 220px;
  }
#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
    
  }
  
  .video-overlay {
    position: absolute;
    background-color:rgba(0,0,0,0.9);
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
  } 
  #booking-loader .spinner {
    position: fixed;
    left: 50%;
    top: 50%;
  }
  .loader {
    left: 50%;
    top: 50%;
  }
  .custmian {
    position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  } 
  .custmian .card-body img {
    width: 70%;
    height: 120px;
    object-fit: cover;
  }
  #wrapper #content-wrapper #content {
    background: url(../img/pattern.jpg);
    background-position: center;
    background-repeat: repeat;
    background-size: 200px;
    position: relative;
    z-index: 2;
    height: 100%;
  }
  #wrapper #content-wrapper #content:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255,255,255,0.9);
  z-index: -1;
  }
  .navbar {
     z-index: 1;
}

.sidebar .sidebar-brand .sidebar-brand-text {
  margin-right: 0 !important;
}
#wrapper #content-wrapper #content .h3 {
  color: #bf1e2e !important;
  font-weight: bold;
  font-family: cookie, cursive;
}
.bg-gradient-primary {
    background: #bf1e2e;
}
.card {
    /* background-color: rgba(255,255,255,.15); */
}
.table-box {
  color: #bf1e2e !important;
  font-weight: bold;
  font-family: cookie, cursive;
}
.table-box .text-success {
color: #fff !important;
}
.table-box .btn-assign {
font-size: 11px;
}
.hover-actions {
    transform: translate(-50% , -100% );
}
.available {
    background-color: rgb(35, 45, 57) !important;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link span {
    color: rgba(35,45,57,1) !important;
    font-weight: bold;
}
    .text-gray-600 {

    }
.card h1 ,  .card h3 , .card-header h6 {
    color: #bf1e2e !important;
    font-weight: bold;
    font-family: cookie, cursive;
}


.back_to_calendar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #bf1e2e;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  user-select: none;
}

.back_to_calendar i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

/* Hover effects */
.back_to_calendar:hover {
  background: linear-gradient(135deg, #5a6268, #343a40);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}

.back_to_calendar:hover i {
  transform: translateX(-3px);
}




.card-body #booking_form {
  box-shadow: none;
  padding: 0;
}
#booking_form #phone.form-control {
 padding-left: 87px !important;
}
#booking_form .form-control, #booking_form .form-select {
  padding: 10px !important;
  border-radius: 0 !important;
  height: auto !important;
}
.input-group-text {
  border-radius: 0;
}
#booking_form label {
  text-align: left;
}
.bg-primary {
  background: #bf1e2e !important;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
}
.modal-title {
  color: #bf1e2e !important;
    font-weight: bold;
    font-family: cookie, cursive; 
}
.calendar-header {
  background: #bf1e2e !important;
}
.calendar-header button:hover {
background: #333 !important;
}



/* .custallbooking:before {
  background: rgba(0, 0, 0, 0.9) !important;
} */


.table-bordered td, .table-bordered th {
  color: #000;
}
.shadow {
  z-index: 1;
  position: relative;
}

#sendOfferEmail {
  margin-bottom: 10px;
}
.fc-h-event {
  background: #0c860c;
  border-color: #0c860c;
}
.fc-col-header-cell {
  background: #bf1e2e;
  
}
.fc-col-header-cell a {
  color: #fff !important;
}
.fc .fc-daygrid-day-number {
  color: #333;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin: 10px;
}
.fc-today-button {
  text-transform: capitalize !important;
}
.available {
  background:#004200;
}
.table-box.available {
  color: #fff;
}