/*btn-default settings*/
.btn-default:focus {
    box-shadow: 0 0 0 0.2rem #97999b !important
}
.btn-default:hover {
    background-color: #97999b !important;
    border-color: #97999b !important;
    color: #fff !important;
}

/*btn-primary settings*/
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #abe3d6 !important
}
.btn-primary:hover {
    background-color: #abe3d6 !important;
    border-color: #abe3d6 !important;
    color: #fff !important;
}

.btn-primary-light {
    border-color: #E5F4E9 !important;
    background-color: #E5F4E9 !important;
    border-color: #E5F4E9 !important;    
    color: #8FD19E;
}
.btn-primary-light:focus {
    box-shadow: 0 0 0 0.2rem #E5F4E9 !important;
    color: #8FD19E;
}
.btn-primary-light:hover {
    background-color: #E5F4E9 !important;
    border-color: #E5F4E9 !important;
    color: #8FD19E;
}

/*btn-secondary settings*/
.btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem #899ef9 !important
}
.btn-secondary:hover {
    background-color: #899ef9 !important;
    border-color: #899ef9 !important;
    color: #fff !important;
}

.btn-secondary-light {
    border-color: #EFF2FE !important;
    background-color: #EFF2FE !important;
    border-color: #EFF2FE !important;    
    color: #899ef9;
}
.btn-secondary-light:focus {
    box-shadow: 0 0 0 0.2rem #EFF2FE !important;
    color: #899ef9;
}
.btn-secondary-light:hover {
    background-color: #EFF2FE !important;
    border-color: #EFF2FE !important;
}

/*btn-success settings*/
.btn-success {
    border-color: #aadcb6 !important;
}
.btn-success:hover {
    background-color: #aadcb6 !important;
    border-color: #aadcb6 !important;
    color: #fff !important;
}

/*btn-danger settings*/
.btn-danger {
    border-color: #f7b2b2 !important;
}
.btn-danger:hover {
    background-color: #f7b2b2 !important;
    border-color: #f7b2b2 !important;
    color: #fff !important;
}

/*btn-info settings*/
.btn-info:focus {
    box-shadow: 0 0 0 0.2rem #fbd1a2 !important
}
.btn-info:hover {
    background-color: #fbd1a2 !important;
    border-color: #fbd1a2 !important;
    color: #fff !important;
}

.btn-info-light {
    border-color: #FEF6ED !important;
    background-color: #FEF6ED !important;
    border-color: #FEF6ED !important;    
    color: #fbd1a2;
}
.btn-info-light:focus {
    box-shadow: 0 0 0 0.2rem #FEF6ED !important;
    color: #fbd1a2;
}
.btn-info-light:hover {
    background-color: #FEF6ED !important;
    border-color: #FEF6ED !important;
    color: #fbd1a2;
}

/*btn-warning settings*/
.btn-warning:focus {
    box-shadow: 0 0 0 0.2rem #fce3a1 !important
}
.btn-warning:hover {
    background-color: #fce3a1 !important;
    border-color: #fce3a1 !important;
    color: #fff !important;
}

/* btn-search notificaciones*/
button.bg-secondary:hover {
    background-color: #899ef9 !important;
}

/*btn-calendar*/
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgb(123, 197, 180) !important;
}

.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(123, 197, 180) !important;
    -webkit-transition: box-shadow 0.3s ease-out;
    -moz-transition: box-shadow 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
}

.fc .fc-button-primary:hover {
    background-color: #abe3d6 !important;
    border-color: #abe3d6 !important;
}

/*estilos de botón de toma de signos en card de paciente*/
.btn-signos {
    box-shadow: 0 4px #93a6f8;
    padding: 30px 27px !important;
    margin: -20px !important;
    border-radius: 4px 0 0 4px !important;
    width: unset !important;
}

@media all and (max-width: 768px) {
    .btn-signos {
        width: 100% !important;
        margin: 5px auto 15px auto !important;
        border-radius: 4px !important;
        text-align: center !important;
    }
}

/*estilos para botones de tamaño de letra en receta*/
.displayFont { 
    display: inline-block; 
}

.font-size-label { 
    margin-right: 10px; 
    font-size: 12px; 
}
#font-size { margin: 0 5px; }
    button-size { 
    width: 30px;
    height: 30px;
    }

#hereditarios_familiares_tab .btn-toggle {
    color: #797979;
}

.btn-toggle:hover {
    background-color: #a7b6fb;
    color: #fff !important;
    text-decoration: none;
}

.btn-toggle:active, .btn-toggle.active {
    background-color: #abe3d6 !important;
    border-color: #abe3d6 !important;
    color: #fff !important;
}

.btn-toggle:active, .btn-toggle.active:hover {
    background-color: #abe3d6 !important;
    border-color: #abe3d6 !important;
    color: #fff !important;
}

.bg-danger-light{
    background-color: #f9d9d9d0;
}