/*
    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;
    --bs-app-sidebar-dark-separator-color: #9f7928; /*#33446C;*/
}

/*.sidebarlogo{AAKE 17-06-2024
    border-bottom: 1px dashed var(--bs-app-sidebar-dark-separator-color);
}*/
/* 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  */