.navbar-brand img {
    height:48px;
}
.navbar-nav li a,
.navbar-nav li span {
    line-height:48px;
}
.navbar-nav > li > span {
    display: block;
    padding: 15px 15px;
    position: relative;
}

#footer {
    padding:2em;
}

.label-terapia {
    background-color:#f00;
}
.label-neo {
    background-color:#333;
}
.label-guardia {
    background-color:#093;
}
.label-sala {
    background-color:#f09;
}
.label-maternidad {
    background-color:#06f;
}

@media (min-width: 768px) {
    .label-indicacion {
        text-align: right;
    }
    .horarios {

    }
}
@media (max-width: 767px) {
    .label-indicacion {
        text-align: left;
    }
    .label-descripcion {
        padding-left:2em;
    }
    .horarios {

    }
}
.label-indicacion {
    font-weight: bold;
}

span.aplicado {
    background-color: #090;
}
span.no-aplicado {
    background-color: #c00;
}

div.horarios.row {
    padding: 0 1em;
}
    div.horarios.row .label {
        cursor:pointer;
        font-weight:normal;
    }
    div.horarios.row .btn {
        margin-bottom:0.5em;
    }

.cursor-pointer {
    cursor:pointer;
}

table.tabla-pacientes tr:hover td {
    background-color: #ccc;
}

#modal-informar .modal-body input,
#modal-informar .modal-body textarea {
    font-size:0.75em;
}
.small-fields .form-control {
    width:75px;
}

.table-hover>tbody>tr:hover {
    background-color: #ddd;
}

.form-control {
    border-color:#999;
}

.noborder {
    border:none;
}

.big {
    font-size: 1.4em;
}

/* Nuevos estilos */
.squared {
    border-radius:0;
}
.badge.custom {
    line-height: 1em;
    margin-left: 0.5em;
}

.embed-container {
    height: 0;
    max-width: 100%;
    min-height: 100vh;
    overflow: hidden;
    /*padding-bottom: 100%;*/
    position: relative;
}
/*.embed-container iframe, .embed-container object, .embed-container embed {
    height: 95vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}*/
.embed-container iframe {
    border: 0;
    height:calc(100vh + 16px);
    padding:1.2em 0;
    width:100vw;
}

#apps-list {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

#apps-list .app-icon {
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    height: 32px;
    margin-right: 0.5em;
    width: 32px;
}
#apps-list .app-icon.blank {
    box-shadow:none;
}

#main-navbar i {
    margin-right: 0.5em;
}
#main-navbar.hideme {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-name: hidebar;
    line-height: auto;
    overflow: hidden;
}
    #main-navbar.hideme div {
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-timing-function: ease-out;
        animation-name: hidebar_elements;
    }

@media screen and (max-width: 767px) {
    .carousel-caption {
        width: 65%;
    }
}
@media screen and (min-width: 768px) {
    #carousel-main {
        height: 350px;
        overflow: hidden;
    }
    .carousel-caption {
        height: 130px;
        max-height: 160px;
        width: 35%;
    }
}
    .carousel-caption {
        background-color: rgba(0,0,0,0.35);
        border-radius: 4px;
        box-shadow: 8px 8px 16px rgba(0,0,0,0.15);
        left: 150px;
        padding: 1em;
        text-align: left;
        top: 115px;
    }
        .carousel-caption h3 {
            margin:0;
        }

.formulario-pdf {
    margin: 1em 0;
    min-height: 130px;
}
    .formulario-pdf h3 {
        margin: 0.25em 0;
    }
    .formulario-pdf img {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        float: left;
        margin-right: 1em;
    }

@media screen and (max-width: 767px) {
    .navbar-brand {
        padding: 10px;
    }
    .navbar-brand img {
        height: 32px;
    }
}

#quick a, #birthdays a {
    color: #333;
}

.bigger {
    font-size: 1.2em;
}

.user-profile-pic {
    border-radius: 3px;
    box-shadow: 0 6px 32px rgba(0,0,0,0.45);
    height:270px;
    width:270px;
}
.team-list img {
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    height:32px;
    margin-right:1em;
    width:32px;
}
.team-list li {
    margin:1em 0;
}

#suggestions {
    margin:0.5em 0 0;
}

    #suggestions span {
        background-color: #f30;
        border-radius:3px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.5);
        color:#fff;
        cursor: pointer;
        display:inline-block;
        font-size:1em;
        margin: 0.5em 0.5em 0 0;
        padding:0.25em 0.5em;
        position:relative;
        top:3px;
        transition: all 0.1s ease-out;
    }
        #suggestions span:hover {
            background-color:#f70;
            box-shadow: 0 6px 8px rgba(0,0,0,0.25);
            top:0;
        }

ul#destinations li {
    background-color: #dfd;
    border: 1px solid #090;
    border-radius: 3px;
    color:#090;
    cursor:pointer;
    display:inline-block;
    margin-right:0.5em;
    position:relative;
    top:3px;
    transition: all 0.1s ease-out;
}
    ul#destinations li:hover {
        background-color: #fdd;
        border-color:#f00;
        color:#900;
        text-decoration: line-through;
        top:0;
        transform:scale(1.05);
    }

.message {
    border-left:6px solid #ccc;
    padding-left:1em;
}

.featured-image {
    width: 100%;
}

body.modal-open .global-container {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}

.ticket-attachment-style {
    box-shadow: 4px 4px 8px rgba(0,0,0,0.45);
    cursor:pointer;
    padding: 4px 0 0 4px;
    max-width:200px;
}
.ticket-attachment-style:hover {
    box-shadow: 8px 8px 16px rgba(0,0,0,0.25);
    padding:0;
}

.password_strength {
    padding: 0 10px;
    display: inline-block;
}
.password_strength_1 {
    background-color: #fcb6b1;
}
.password_strength_2 {
    background-color: #fccab1;
}
.password_strength_3 {
    background-color: #fcfbb1;
}
.password_strength_4 {
    background-color: #dafcb1;
}
.password_strength_5 {
    background-color: #bcfcb1;
}

.autohide {
    height:16px;
    min-height:0;
}
    .autohide:hover {
        min-height:80px;
    }
    .autohide div {
        display:none;
        opacity:0;
    }
    .autohide:hover div {
        display:block;
        opacity:1;
    }
tr.pedido-eliminado {
    text-decoration: line-through;
}

ul.lista-novedades {
    height:250px;
    overflow-x:hidden;
    overflow-y:auto;
}

ul.lista-online {
    height:75px;
    overflow-x:hidden;
    overflow-y:auto;
}

ul.list-hover li:hover {
    background-color: #ff9;
}

.sector-nombre {
    font-size:1.3em;
}
.sector-numeros {
    font-size:1.1em;
    letter-spacing:-0.5px;
}
.sector-hijos {
    list-style:none;
}

.underlined {
    border-style:solid;
    border-width:0 0 4px 0;
}
    .underlined-primary {
        border-color:var(--primary);
    }
    .underlined-secondary {
        border-color:var(--secondary);
    }
    .underlined-green {
        border-color:var(--green);
    }
    .underlined-gray {
        border-color:var(--gray);
    }
    .underlined-gray-dark {
        border-color:var(--gray-dark);
    }

#connected-users li {
    margin:0 0.5em 0 0;
}

.hovering-controls * {
    opacity:0;
}
    .hovering-controls:hover * {
        opacity:1;
    }

.mini-avatar {
    border-radius:3px;
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    height: 32px;
    margin-right: 8px;
    width: 32px;
}

.profile-pic-home {
    border-radius: 50%;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
    margin-bottom:1em;
}

.featured img {
    border-radius:3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    padding: 1em;
}
    .featured img,
    .old-archives img {
        max-height:100%;
        max-width:100%;
    }

.floating-clear-search {
    cursor: pointer;
    float: right;
    font-size: 1.5em;
    font-weight: 100;
    margin-left: -2em;
    margin-right: 0.4em;
    margin-top: 0.4em;
    margin: 0.4em 0.4em 0 -2em;
    z-index: 100;
}
    .floating-clear-search:hover {
        color:#c00;
    }

.sin-incidencias {
    color:var(--olivedrab);
}

.block-form {
    position:absolute;
    width:100%;
    height:90%;
    background:rgba(255,255,220,0.75);
    z-index:100;
    padding-top:25vh;
}

/* Esto es para prevenir que arrastren cosas al editor HTML */
.note-editor .note-dropzone {
    opacity: 0 !important;
}

.fa.inside-input-text {
    bottom: 27px;
    cursor: pointer;
    position: absolute;
    right: 27px;
}
    .fa.inside-input-text:hover {
        color:var(--primary);
    }

#clave-roja {
    color:#f00;
}
    #clave-roja:hover {
        background-color: #f00;
        color:#fff;
    }

#floating-alert {
    background-color:#d00;
    color:#fff;
    position:fixed;
    top:92px;
    right:16px;
    padding:16px;
    border-radius:4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.45);
    border:1px solid #a00;
    max-width:320px;
}
    #floating-alert span {
        font-size:1.8em;
        margin-left:8px;
    }
    #floating-alert p {
        font-size:0.9em;
    }
    #floating-alert #cerrar-floating {
        cursor:pointer
    }

#admin-licencias .alert-info .label-info {
    background-color:#39c;
}

.label-dark-gray {
    background-color: #333;
}

div.capacitacion {
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
}
    div.capacitacion .featured-image {
        border-bottom: 15px solid #f40;
    }
        div.capacitacion h4,
        div.capacitacion p {
            margin-left:0.5em;
            margin-right:0.5em;
        }

.noborder {
    border:0px;
}