/*
    Created on : 03/03/2023, 10:26:12 AM
    Author     : David Flores Castillo
*/
:root {
  --primary: #9f7928 !important;
  --primary-trans: rgba(159, 121, 40, 0.6) !important;
  --gold: #8a6e2f !important;
  --gold-2: #9f7928 !important;
  --dark-gold: #5d4a1f !important;
  --dark-gold-2: #5d4a1f !important;
  --yellowish-gold: #ffffac !important;
  --yellow-gold: #fedb37 !important;
  --yellow-gold-2: #fdb931 !important;
  --secondary-color: #126276 !important;
  --secondary-color-trans: #207b91eb !important;

  --red: #ef6461;
  --dark: #212529;
  --white: #ffffff;
}

/* Layout General  */

.navbar-brand-img {
  width: 95% !important;
}

input:read-only {
  background-color: transparent !important;
  color: var(--dark) !important;
}

/* .bg-gradient-primary {
  background: linear-gradient(
    to right bottom,
    #051937,
    #00205c,
    #002481,
    #0024a5,
    #1518c6
  ) !important;
} */

.bg-gradient-primary {
  background: var(--secondary-color);
}

.alert-info {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color-trans);
}

.nav-pills .nav-link {
  background-color: var(--secondary-color-trans);
  border-color: var(--secondary-color-trans);
  color: var(--white);
}

.btn.btn-primary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white);
}

.btn.btn-primary:active,
.nav-pills .nav-link.active {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color-trans) !important;
  color: var(--white);
  font-weight: 700;
}

.btn-primary:hover,
.nav-pills .nav-link:hover {
  color: var(--white);
  background-color: var(--secondary-color-trans);
  border-color: var(--secondary-color-trans);
}

.btn-success {
  background-color: #0c6e1e;
  border-color: #094e16;
}

.text-success {
  color: #0c6e1e !important;
}

.btn-success:hover {
  background-color: #082d0fc7;
  border-color: #082d0fc7;
}

.btn-danger {
  background-color: #9b1d20;
  border-color: #9b1d20;
}

.text-danger {
  color: #9b1d20 !important;
}

.btn-danger:hover {
  background-color: #9b1d1fb0;
  border-color: #9b1d1fb0;
}

.btn-whatsapp {
  background-color: #2BB741;
  color: #FFFFFF;
  font-size: 0.8rem;
}

.admin-panel-title {
  text-shadow: 2px 2px 2px #454545;
  font-size: 1.2rem;
}

.modal form label,
.swiper-slide label {
  font-size: 0.75rem;
}

#updateForm .form-group label {
  font-size: 0.9rem;
}

.subtitle {
  font-size: 0.85rem;
}

/* fin Layout General  */

/** Menu Lateral */
.menu-icon {
  text-align: center;
  width: 20px;
  color: var(--secondary-color);
}

.menu-label {
  margin-left: 1.2em;
}

.nav-link svg {
  font-size: 1.1rem !important;
}

/** Menu Lateral */

/*David Flores - Paginacion*/
.pagination {
  font-family: "Lato", sans-serif;
  font-size: 12px;
}

.pagination a {
  color: var(--gold-2);
  float: left;
  padding: 4px 10px;
  text-decoration: none;
}

.pagination li.active {
  border-radius: 50%;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.pagination li:hover {
  border-radius: 50%;
}

.pagination .active {
  background-color: var(--gold-2);
}

.pagination .active a {
  color: white;
}

.pagination li:hover:not(.active) {
  background-color: #ddd;
}

/*Fin David Flores -  Paginacion*/

/* Pacientes  */
.fa-notes-medical {
  font-size: 15px;
}

.fa-info-circle,
.fa-check-double,
.fa-times,
.fa-thumbs-up,
.fa-user-edit {
  font-size: 14px;
}

.modal-dialog.modal-lg.medical-history {
  min-width: 70%;
}

/* .swiper-button-prev, .swiper-button-next {
    display: none !important;
} */

/* #clinicalHistoryForm .form-control {
    padding: 3px 4px;
    font-size: 0.75rem;
    height: calc(2rem + 2px);
}

#clinicalHistoryForm .row .clinical-history-input {
    padding: 0 8px;
} */

/* tamaño y posicion del selecpicker  */

/* .btn.dropdown-toggle {
    transform: scale(0.85) translateY(-15%) !important;
} */

/* color de Selecciona...  */
.filter-option-inner-inner {
  color: var(--dark);
}

.antecedentes_medicos p {
  font-size: 15px;
}

.clinical-history-input .fa-whatsapp,
.clinical-history-input .fa-phone {
  font-size: 1rem;
}

.custom-toggle {
  transform: scale(0.95);
}

/* fin Pacientes  */

/* Full Calendar */
.tooltiptopicevent {
  /* max-width: 300px; */
  width: auto;
  height: auto;
  position: absolute;
  z-index: 10001;
  padding: 10px 10px 10px 10px;
  top: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.3);
}

.fc .fc-button-group > .fc-button.fc-button {
  color: white;
  background-color: #454545;
}

.fc .fc-button-group > .fc-button.fc-button-active,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:hover {
  z-index: auto;
}

.fc-h-event .fc-event-main {
  color: white;
  font-size: 90%;
  transition: background-color 0.3s, color 0.3s;
  border-color: #1c345d; /* Agregar transición suave */
}

.fc-h-event .fc-event-main:hover {
  color: black !important;
  font-size: 90%;
  background-color: white;
}

/* .fc-event.fc-event-future.fc-event.fc-daygrid-event,
.hover-row.buscar-cita {
  cursor: pointer;
  display: none;
} */

.fc-list-view tr.fc-list-event:hover {
  color: black !important; /* Puedes cambiar "white" al color que desees */
}
.dropdown-item {
  background: white;
  z-index: 99999;
  opacity: 10;
}
.fc-event {
  cursor: pointer;
}

.fc-dayGridMonth-view.fc-view.fc-daygrid {
  z-index: 1;
}
/* fc fc-media-screen fc-direction-ltr fc-theme-standard */
/*fc fc-media-screen fc-direction-ltr fc-theme-standard*/
.fc-dayGridMonth-view.fc-view {
  z-index: 0 !important;
}

.fc table {
  font-size: 0.8rem !important;
}

.fc-daygrid-event-dot {
  border: calc(var(--fc-daygrid-event-dot-width) / 3) solid #1c345d;
  border-radius: calc(var(--fc-daygrid-event-dot-width) / 3);
  box-sizing: content-box;
  height: 0;
  margin: 0 2px;
  width: 1px !important;
}

/* fin Full Calendar */

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-dialog.modal-lg.medical-history {
    min-width: 80%;
  }

  .fc-listDay-button.fc-button.fc-button-primary {
    width: 80px !important;
    display: block;
  }
}

@media (max-width: 992px) {
  /* Pacientes  */

  .antecedentes_medicos p {
    font-size: 12px;
  }

  .modal-dialog.modal-lg.medical-history {
    min-width: 80%;
  }

  .custom-toggle {
    transform: scale(0.85);
  }

  /* fin Pacientes  */
  /* Calendario de Inventarios - FullCalendar 480  */
  .fc-today-button.fc-button,
  .fc-button-group button {
    font-size: 0.4rem !important;
    width: 2rem !important;
  }
  .fc-button.fc-listWeek-button {
    width: 3rem !important;
  }

  .fc-button.fc-next-button {
    width: 1rem !important;
  }
  .fc-button.fc-prev-button {
    width: 1rem !important;
  }

  .fc-toolbar-title {
    font-size: 0.1rem !important;
  }
  .fc {
    font-size: 12px;
  }

  .fc-toolbar-title {
    font-size: 0.8rem !important;
  }
  .fc-prev-button {
    display: none;
  }
  /* fin Full Calendar  */
}

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */

@media (max-width: 767px) {
  /* Pacientes  */

  .antecedentes_medicos p {
    font-size: 12px;
  }

  /* fin Pacientes  */

  /* Calendario de Inventarios - FullCalendar 480  */
  .fc-today-button.fc-button,
  .fc-button-group button {
    font-size: 0.4rem !important;
    width: 2rem !important;
  }
  .fc-button.fc-listWeek-button {
    width: 3rem !important;
  }

  .fc-button.fc-next-button {
    width: 1rem !important;
  }
  .fc-button.fc-prev-button {
    width: 1rem !important;
  }

  .fc-toolbar-title {
    font-size: 0.1rem !important;
  }
  .fc {
    font-size: 12px;
  }

  .fc-toolbar-title {
    font-size: 0.8rem !important;
  }
  .fc-prev-button {
    display: none;
  }

  .fc-listDay-button.fc-button.fc-button-primary {
    width: 50px !important;
  }
  /* fin Full Calendar  */
}
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
  /* Pacientes  */

  .antecedentes_medicos p {
    font-size: 12px;
  }

  .custom-toggle {
    transform: scale(0.7);
  }

  /* fin Pacientes  */

  /* Calendario de Inventarios - FullCalendar 480  */
  .fc-today-button.fc-button,
  .fc-button-group button {
    font-size: 0.4rem !important;
    width: 2rem !important;
  }
  .fc-button.fc-listWeek-button {
    width: 3rem !important;
  }

  .fc-button.fc-next-button {
    width: 1rem !important;
  }
  .fc-button.fc-prev-button {
    width: 1rem !important;
  }

  .fc-toolbar-title {
    font-size: 0.1rem !important;
  }
  .fc {
    font-size: 12px;
  }

  .fc-toolbar-title {
    font-size: 0.8rem !important;
  }
  .fc-prev-button {
    display: none;
  }

  .fc-listDay-button.fc-button.fc-button-primary {
    width: 70px !important;
  }
  /* fin Full Calendar  */
}

/* Alerta de permisos x perfil  */
.alert-permisos {
  position: fixed;
  z-index: 9999;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* END Alerta de permisos x perfil  */

/* Scroll SIDENAV  */

.scroll::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scroll::-webkit-scrollbar:vertical {
  width: 5px;
}

.scroll::-webkit-scrollbar-button:increment,
.scroll::-webkit-scrollbar-button {
  display: none;
}

.scroll::-webkit-scrollbar:horizontal {
  height: 5px;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 20px;
}

.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* END Scroll SIDENAV  */