@font-face {
    font-family: 'Sofia Sans Semi Condensed';
    font-style: normal;
    font-weight: 1 1000;
    src: url('fonts/sofia/sofiasanssemicondensed-variablefont_wght.ttf') format('truetype');
}

:root {
    --body-text: "Sofia Sans Semi Condensed", sans-serif;
    --heading: "Sofia Sans Semi Condensed", sans-serif;
}

body {
    font-family: var(--body-text) !important;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    text-transform: initial !important;
}

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


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

#items-header-column {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
}


.ck-editor__main {
    max-width: 100% !important;
}

.col-md-10 #dvConsultaR .ck-editor__main {
    max-width: 70vw !important;
}

.col-md-12 #dvConsultaR .ck.ck-editor__main {
    max-width: 81vw !important;
}

.anchoMax {
    max-width: 80vw !important
}

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

.modal-md {
    max-width: 60% !important;
}

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

.nav-markey .nav-link {
    font-size: 0.9em !important
}

.modal .modal-header {
    background-color: #0094ff;
}

.modal .modal-title {
    color: #fff;
}


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

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

.table .tableDT thead th {
    border-bottom: 0px !important;
    border-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;
}

.text-huge {
    font-size: 30px !important
}

.futer {
    position: fixed;
    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;
    z-index:3;
}

@media (min-width: 1260px) {
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-custom .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-custom .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-custom .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-custom .navbar-toggler {
            display: none;
        }
}

.fechaInput {
    width: 180px !important
}

.horaInput {
    width: 130px !important
}

/*.fechahoraInput {
    width: 230px !important
}*/

.burgerMenu {
    flex-grow: 0 !important;
}

@media (max-width: 768px) {
    .burgerMenu {
        background-color: var(--main-bg-color);
        margin-top: -.5em !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 1em 1em;
        box-shadow: -.5em 1em 15px #777777aa;
    }

        .burgerMenu ul {
            width: 100%;
        }

    #items-header-column {
        flex-direction: column !important;
    }

    li:hover {
        font-weight: bolder;
        box-shadow: 0 0 15px -3px #555555aa;
        width: 90%;
        margin: auto;
        border-radius: 1em;
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1280px) {
    html {
        font-size: 13.5px !important;
    }
}