@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*.main-sidebar {
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-image: url('https://encantobeach-camastros.junglesystem.com.mx/admin/assets/img/general/fondo-admin.png') !important;
    background-position: center center !important;
    background-size: cover !important;
}*/

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
  background-color: #FFB400 !important;
  color: white !important;
}

.nav-treeview .nav-item .nav-link:hover {
  background-color: #FFFBE0 !important;
  color: #474843 !important;
}

.leyenda {
  font-family: 'Mulish', sans-serif !important;
  font-size: 14px;
}

.perfil {
  font-weight: bold;
  letter-spacing: 1px;
  color: #2894B1;
}

.card-usuarios-home {
  max-height: 540px;
  height: 540px;
  overflow: auto;
}

.card-usuarios-home .dataTables_info,
.card-usuarios-home .dataTables_paginate {
  margin-bottom: 20px;
}

.card-usuarios-home .card-header {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}

.card-usuarios-home .card-header h3 {
  font-family: 'Mulish', sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  color: #2894B1;
  font-weight: bold;
  width: 100%;
}

.card-usuarios-home .card-header a {
  display: block;
  margin: auto;
  width: 200px;
  background-color: #2894B1;
  color: white;
  border: solid 2px #2894B1;
}

.card-usuarios-home .card-header a:hover {
  background-color: white;
  color: #2894B1;
  font-weight: bold;
  border: solid 2px #2894B1;
}




.card-camastros-home {
  max-height: 540px;
  height: 540px;
  overflow: auto;
}

.card-camastros-home .dataTables_info,
.card-camastros-home .dataTables_paginate {
  margin-bottom: 20px;
}

.card-camastros-home .card-header {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}

.card-camastros-home .card-header h3 {
  font-family: 'Mulish', sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  color: #FFB400;
  font-weight: bold;
  width: 100%;
}

.card-camastros-home .card-header a {
  display: block;
  margin: auto;
  width: 200px;
  background-color: #FFB400;
  color: white;
  border: solid 2px #FFB400;
}

.card-camastros-home .card-header a:hover {
  background-color: white;
  color: #FFB400;
  font-weight: bold;
  border: solid 2px #FFB400;
}

.btn-add-user {
  background-color: #2894B1 !important;
  color: white !important;
  border: solid 2px #2894B1 !important;
  border-radius: 20px !important;
}

.btn-excel {
  background-color: green !important;
  color: white !important;
  border: solid 2px green !important;
  border-radius: 20px !important;
}

.btn-add-user:hover {
  background-color: white !important;
  color: #2894B1 !important;
  font-weight: bold !important;
  border: solid 2px #2894B1 !important;
}

.btn-add-section {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


.imagen-fondo-reserva-details {
  position: relative;
  background-image: url('https://www.es.kayak.com/news/wp-content/uploads/sites/47/2019/03/playas-baratas-en-mexico-coverl.jpg') !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 200px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.imagen-fondo-reserva-details::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Cambia el valor RGBA para ajustar la opacidad */
  z-index: 1;
}

.imagen-fondo-reserva-details h3 {
  font-family: 'Mulish', sans-serif;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 40px;
  z-index: 2;
  /* Asegúrate de que el texto esté por encima de la capa semitransparente */
}


.reservacion-detalle-content .col-12 span {
  font-size: 20px;
  letter-spacing: 1px;
}

.reservacion-detalle-content .col-12 strong {
  color: #2894B1;
}

.detalle-camastros-sunbeds .row .col-md-9 h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 20px;
  color: #2894B1;
}

.detalle-camastros-sunbeds .row .col-md-9 span {
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0px 20px;
}

.adult-text {
  font-size: 20px;
  letter-spacing: 1px;
}

.info-reserva-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-reservacion-detail {
  border-radius: 20px;
}

.reservacion-detalle-content .col-12 span {
  font-size: 20px;
  letter-spacing: 1px;
}

.reservacion-detalle-content .col-12 strong {
  color: #2894B1;
}

.detalle-camastros-sunbeds .row .col-md-9 h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 20px;
  color: #2894B1;
}

.detalle-camastros-sunbeds .row .col-md-9 span {
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0px 20px;
}

.adult-text {
  font-size: 20px;
  letter-spacing: 1px;
}

.info-reserva-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-reservacion-detail {
  border-radius: 20px;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
  position: absolute !important;
  top: 21.5% !important;
  left: 14% !important;
}

.input-with-icon {
  position: relative;
  display: inline-block;
}

.input-with-icon .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.input-with-icon .icon i {
  font-size: 16px;
  color: #999;
}

.form-add-tarifa-content {
  font-family: 'Mulish', sans-serif !important;
}

.form-add-tarifa-content label {
  font-size: 14px;
  letter-spacing: 1px;
  color: #474843;
}

.form-add-tarifa-content input {
  font-size: 14px;
  letter-spacing: 1px;
}

.form-add-tarifa-content select {
  font-size: 14px;
  letter-spacing: 1px;
}

.form-add-tarifa-content span {
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
}

.seccion-title-span {
  font-size: 17px !important;
  font-weight: bold;
  color: #2894B1;
}

.tabla-cebra {
  width: 100%;
  border-collapse: collapse;
}

.tabla-cebra th, .tabla-cebra td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}

/* Estilo para las filas pares (zebra) solo para esta tabla */
.tabla-cebra tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* Estilo para las filas impares */
.tabla-cebra tr:nth-child(odd) {
  background-color: #ffffff;
}

/* Encabezado con color de fondo #181425 */
.tabla-cebra th {
  background-color: #181425; /* Color de fondo del encabezado */
  color: #ffffff;            /* Texto en blanco */
}