@font-face {
    font-family: 'SofiaSemi';
    font-style: normal;
    font-weight: 1 1000;
    src: url('fonts/sofiasans/SofiaSansSemiCondensed-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'sofiasanscondensed';
    font-style: normal;
    font-weight: 1 1000;
    src: url('fonts/sofiasans/SofiaSansSemiCondensed-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'sofiasansextra';
    font-style: normal;
    font-weight: 1 1000;
    src: url('fonts/sofiasans/SofiaSansSemiCondensed-VariableFont_wght.ttf') format('truetype');
}


@font-face {
    font-family: 'sofiasans';
    src: url('fonts/sofiasans/sofiasans-variablefont_wght.ttf') format('truetype');
}

/*@import url('bs53/bootstrap.min.css');*/
:root { /*
    --main-bg-color: var(--colorPrimario);
    --main-text-color: #eef3f6;
    --main-bg-secondary-color: #eef3f6;*/
    --header-gradient: linear-gradient(90deg, var(--colorPrimario) 60%, var(--textbgPrimario) 100%) !important;
}

body header {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px !important;
    /*line-height:0px!important*/
}

.modal-lg {
    max-width: 80% !important;
}


.nav-item-active .nav-link {
    border: 2px solid
}

.nav-link {
    cursor: pointer !important
}


.disabled-select {
    pointer-events: none !important;
}

#navigation {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.nav-markey .nav-link {
    font-size: 1rem !important
}

.modal .modal-header {
    background-color: var(--colorPrimario);
}

.modal .modal-title {
    color: var(--textbgPrimario);
}

.modal {
    backdrop-filter: blur(2px) !important;
    border: solid 2px var(--primary-200) !important;
}

.modal-header {
    padding: 8px 15px;
    box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.583);
    /*margin-bottom: -10px !important;*/
    background-color: var(--colorPrimario);
    background: var(--header-gradient);
    color: var(--textbgPrimario);
}



.dataTables_wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.table thead th {
    border-top: 0px !important
}

table#tableInventario thead {
    background-color: #c5f4d4;
}

.table .tableDT thead th {
    border-bottom: 0px !important;
    border-top: 0px !important
}

/*#tableInventario thead th:nth-child(6), #tableInventario thead th:nth-child(7), #tableInventario thead th:nth-child(8) {
    max-width: 100px !important;
    background-color:red!important
}*/
/*POP UP CONFIRMACION*/
#tableInventario td:nth-child(2) {
    min-width: 25% !important;
    width: 40% !important;
    max-width: 45% !important;
}

.formGrabaTurno {
    font-weight: normal !important
}

    .formGrabaTurno .etiqueta {
        font-weight: bold !important
    }

    .formGrabaTurno .col-form-label {
        padding-top: 0px !important
    }

/*POP UP DATO TURNO*/
.datoTurno {
    font-weight: normal !important
}

    .datoTurno .etiqueta {
        font-weight: bold !important
    }

    .datoTurno .col-form-label {
        padding-top: 0px !important
    }


.logo {
    display: block;
    max-width: 200px;
    max-height: 40px;
}

.logo-login {
    margin: 0 auto;
    max-width: 250px;
    max-height: 250px;
}

.firma-medico {
    max-width: 200px;
    max-height: 50px;
}

footer {
    /*position: absolute;
    margin-top: 4em;*/
    width: 100%;
    bottom: 0px !important;
    font-size: 1em;
    text-align: center;
    /*color: white;*/
    background-color: var(--main-bg-color);
    /*background: linear-gradient(45deg, var(--main-bg-color), #bab3b3a6);*/
    padding: .25em 0
}
/*---------EMERGENCIAS----------*/
.pill-emer {
    display: flex;
    align-items: center;
    padding: .25em .5em;
    margin-left: .5em;
    border-radius: 2em;
    border: solid 1px red;
    background-color: indianred;
    color: white;
    text-transform: uppercase
}

#admitidos {
    box-shadow: 0 0 1em gray;
    z-index: 2;
    right: 0;
    min-width: 40rem;
}

#table-salaEsperaEmergencia tbody td:last-child .btn-group-sm .btn:first-child {
    color: #212529 !important;
    background-color: #eef3f6 !important;
    border-color: #ced4da;
}

    #table-salaEsperaEmergencia tbody td:last-child .btn-group-sm .btn:first-child:hover {
        color: #212529 !important;
        background-color: #bfbfbf !important;
        border-color: #ced4da;
    }

#table-salaEsperaEmergencia tbody td:last-child .btn-group-sm .btn:last-child {
    color: var(--textbgPrimario) !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

    #table-salaEsperaEmergencia tbody td:last-child .btn-group-sm .btn:last-child:hover {
        color: var(--textbgPrimario) !important;
        background-color: var(--colorPrimario) !important;
        border-color: #007bff !important;
    }
    
.table tbody input[type=number]::-webkit-inner-spin-button, .table tbody
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.table thead th {
    vertical-align: middle;
}

.table tbody input[type=number] {
    -moz-appearance: textfield;
    padding: .15em 0.25em;
    font-size: 0.9em;
}

.table tbody td {
    vertical-align: middle;
}

.posrel {
    position: relative;
}

.posab {
    position: absolute
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}
#btnLeft, #btnRight {
    border: var(--colorPrimario);
    border-radius:.5em;
    cursor:pointer;
}


    #btnLeft:hover, #btnRight:hover {
    box-shadow: 0 0 10px var(--textbgPrimario)!important;
    }
.parametro {
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: gray;
    text-align: center;
    gap: 0em;
    min-width: 4em;
    font-family: 'sofiasanscondensed' !important
}

    .parametro span:first-child {
    }

#parametrosSalud {
    gap: .5em
}

    #parametrosSalud article {
        border-radius: .5em;
        box-shadow: 0 0 .5em -.15em gray;
    }

.text-valor {
    font-weight: bold !important;
    font-size: 16px;
}

.text-tiny {
    font-size: small !important
}

#dvDetalle table thead tr th {
    --main-bg-color: var(--colorPrimario);
    background: var(--main-bg-color);
    color: var(--textbgPrimario) !important
}

#dvDetalle tr.containerdetails td {
    padding-left: 1.5em !important;
}

.movCantidad {
    align-items: center;
}

    .movCantidad input[type=number] {
        text-align: right;
    }

    .movCantidad input[type=number], .movCantidad input[type=text] {
        font-size: 1em !important;
        padding: .5em !important;
        border: 0;
        border-bottom: solid 1px;
    }

    .movCantidad input::placeholder {
        text-align: left;
    }
.nav-mky {
    height: 65px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5em;
}

#loginpartial .navbar-nav{
    flex-direction:row!important;
    gap:.35em;
}
.navegacion {
    display: flex;
    align-items: center;
    margin: auto;
    
}

    .navegacion ul {
        padding-left:0em!important;
        margin: 0 .5em;
        display: flex !important;
        align-items: center;
        gap: 0.25em;
        overflow: auto hidden;
        scrollbar-width: none;
        flex-direction: row;
        list-style: none;
        font-family: sofiasanscondensed;
        
    }

        .navegacion ul::-webkit-scrollbar {
            display: none;
        }


        .navegacion ul li {
            flex: 1 0 auto;
            border: solid 0.05em var(--textbgPrimario)2;
            border-radius:.5em;
          /*  text-wrap: nowrap;*/
            text-align: center;
            color: var(--textbgPrimario);
            padding:0!important;
            margin:0;

        }

            .navegacion ul li a {
                color: var(--textbgPrimario);
                border-bottom: solid 2px transparent;
                transition: all .2s ease-in-out;
                padding: 0.25em !important;
            }

                .navegacion ul li a:hover {
                    border-bottom: solid 2px var(--textbgPrimario);
                }
.nav_accesos{
    width:calc(100% - 38em)!important;
}
#navList{
    padding-left:0!important;
}

.dropdown-menu .dropdown-item {
    color: var(--textPrimario) !important
}
        .dropdown-menu .dropdown-item:hover {
            background-color: var(--colorPrimario) !important;
            color:var(--textbgPrimario)!important
        }
/*-------------------------*/

#hijoResultadoAgenda {
    overflow-y: auto;
    max-height: min(45vh, 440px);
}
    #hijoResultadoAgenda table thead {
        position:sticky; top:-3px!important;
    }
    #hijoResultadoAgenda table thead th {
        background-color: white!important;
    }
 
/*-----*/

.nav[data-filtros="filtros"] .nav-item .nav-link {
    border: solid 1px var(--colorPrimarioHover) !important;
    color: var(--colorPrimario) !important;
    font-weight: 400;
    background-color: var(--textbgPrimario) !important;
    border-radius: 1em 1em 0 0 ;
    
}
.nav[data-filtros="filtros"] .nav-item.active .nav-link {
    border: solid 1px var(--colorPrimario) !important;
    color: var(--textbgPrimario) !important;
    font-weight: 700;
    background-color: var(--colorPrimario) !important;
}


    @media screen and (max-width : 1520px) {
        html{
        font-size:14px;
    }
}
@media screen and (max-width : 1330px) {
    html {
        font-size: 12.4px;
    }
}
@media screen and (max-width : 1180px) {
    html {
        font-size: 12px;
    }
}
    @media screen and (max-width : 768px) {
        .loginpartial .navbar-nav {
            flex-direction: row !important;
            gap: 1em;
        }

        html {
            font-size: 14px;
        }

        #menuTrigger {
            display: block !important;
        }

        .nav_accesos, .user_estado, #btnRight, #btnLeft {
            display: none;
        }

        .menuMobile {
            position: absolute;
            left: -200%;
            top: 0;
            height: 96vh;
            width: 95%;
            box-shadow: 0 0 150px var(--colorPrimario);
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            backdrop-filter: blur(25px);
            border-radius: 0 2em 2em 0;
            z-index: 2;
            transition: all 0.2s ease-in-out;
            padding: 1em;
            border: solid 2px var(--textbgPrimario)9;
            border-left: 0;
        }

            .menuMobile.mostrar {
                left: 0;
            }

            .menuMobile .navegacion {
                margin: 1em;
                justify-content: center;
                border-bottom: solid 1px white;
            }

            .menuMobile #navList {
                flex-direction: column;
                gap: 0;
                padding: 0;
                width: 100%;
            }

                .menuMobile #navList li {
                    flex: 1;
                    width: 100%;
                }

            .menuMobile .dropdown-menu {
                background-color: var(--colorPrimario) !important;
                width: 100%;
            }

            .menuMobile .dropdown-item:hover {
                background-color: var(--colorPrimarioHover) !important;
                width: 100%;
            }

            .menuMobile .logo {
                transform: scale(3.2);
                height: 80px !important;
                border-radius: 50%;
                box-shadow: 0 0 15px white;
            }
    }

#modalPacienteCobertura #mSearchCobertura {
    height: 94vh;
}
#modalPacienteCobertura #mSearchCobertura .modal-body {
    max-height: 50vh;
    overflow-y: auto;
}

/*----MONITOR DESPACHO---*/
.despacho-borde {
    border-left: 3px solid steelblue;
    border-right: 3px solid steelblue;
}

.despacho-borde-start {
    border-top: 3px solid steelblue;
}
    .despacho-borde-start td {
        background-color: #d5e1f2;
    }

.despacho-borde-end {
    border-bottom: 3px solid steelblue;
}
.despacho-borde:last-child{
    border-bottom: 2px solid steelblue;
}

.despacho-borde td {
    background-clip: padding-box;
}

.toggle-icon .fa-angle-up {
    display: none;
}

.toggle-icon.active .fa-angle-up {
    display: inline;
}

.toggle-icon.active .fa-angle-down {
    display: none;
}
tr.divider td {
    padding: 0;
    height: 2px;
    line-height: 2px;
    background-color: #3334;
}

/*----FIN MONITOR DESPACHO---*/
#dvResult_wrapper .fa-bell {
    color: firebrick!important;
    font-size: 1.5em;
    }