/*********************************indicadores****************************************/
div.indicador_hms_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content:space-around;
}

    div.indicador_hms_container span.indicador_hms {
        height: 24px;
        min-width: 24px;
        border-radius: 4px;
        border-width: 2px;
        border-style: solid;
        font-size: 15px;
        font-weight: bold;
        margin: 0.5px;
        text-align: center;
        line-height: 24px;
        cursor: help;
        display: block;
    }



.small div.indicador_hms_container span.indicador_hms {
    height: 20px;
    min-width: 20px;
    background-size: cover;
    line-height: 20px;
    font-size: 12px;
    border-width: 1px;
}

div.indicador_hms_container span.indicador_hms.longtext {
    font-size: 11px;
}

.small div.indicador_hms_container span.indicador_hms.longtext {
    font-size: 9px;
}

div.indicador_hms_container span.indicador_hms:hover {
    box-shadow: 0 0 5px 1px #5897fb;
}

span.indicador_hms.indicador_cma {
    border-color: #00005f;
    background-color: #0000a5;
    color: white;
}

span.indicador_hms.indicador_urgent {
    border-color: #ca0303;
    background-color: #ffffff;
    color: white;
    background-image: url("../Images/Icons/indicadores.png?v=1");
}

/* Aislamiento */

span.indicador_hms.indicador_aislamiento {
    border-color: #900000;
    background-color: #ef0000;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_sin_definir {
    border-color: #900000;
    background-color: #ef0000;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_sin_definir {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_neutropenia {
    border-color: #b57500;
    background-color: orange;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_neutropenia {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_preventivo {
    border-color: #c1c100;
    background-color: #c3c300;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_preventivo {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_contacto {
    border-color: #a7a78d;
    background-color: #a5a557;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
    content: "asd";
}

.small span.indicador_hms.indicador_aislamiento_contacto {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_gotas {
    border-color: #ff6b84;
    background-color: #ff90a3;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_gotas {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_aire {
    border-color: #6a858e;
    background-color: #7aa6b5;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_aire {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_sospecha_covid19 {
    border-color: #a7a7a7;
    background-color: silver;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_sospecha_covid19 {
    background-position: -20px 0px;
}

span.indicador_hms.indicador_aislamiento_covid19 {
    border-color: black;
    background-color: #000000c9;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -24px 0px;
}

.small span.indicador_hms.indicador_aislamiento_covid19 {
    background-position: -20px 0px;
}

/* -- */

span.indicador_hms.indicador_is_alta_medica {
    border-color: #0d9839;
    background-color: #ffffff;
    color: #0d9839;
}

span.indicador_hms.indicador_is_alta_administrativa {
    border-color: #0d5098;
    background-color: #ffffff;
    color: #0d5098;
}

span.indicador_hms.indicador_is_cama_prestada {
    border-color: #71361c;
    background-color: #cc5521;
    color: #0d5098;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -48px 0px;
}

.small span.indicador_hms.indicador_is_cama_prestada {
    background-position: -40px 0px;
}

span.indicador_hms.indicador_is_cama_temporal {
    border-color: #585858;
    background-color: #989898;
    color: #0d5098;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -48px 0px;
}

.small span.indicador_hms.indicador_is_cama_temporal {
    background-position: -40px 0px;
}

span.indicador_hms.indicador_is_cama_mantenimiento {
    border-color: #000000;
    background-color: yellow;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -72px 0px;
}

.small span.indicador_hms.indicador_is_cama_mantenimiento {
    background-position: -60px 0px;
}

span.indicador_hms.indicador_is_limpieza {
    border-color: #000000;
    background-color: #b58d5d;
    background-image: url(../Images/Icons/indicadores.png?v=1);
    background-position: -96px 0px;
}

.small span.indicador_hms.indicador_is_limpieza {
    background-position: -80px 0px;
}

span.indicador_hms.indicador_reservas {
    border-color: black;
    background-color: darkred;
    color: white;
}

/* Problemas HC */

div.indicadoresProblemas span {
    border: 1px solid #170006;
    text-align: center;
    font-size: 9px;
    float: left;
    width: 20px;
    margin: 3px;
    border-radius: 0.4em;
}

.indicadoresProblemas span.indicadorProblema_activo {
    color: white;
    background-color: red;
}

.indicadoresProblemas span.indicadorProblema_resuelto {
    color: white;
    background-color: green;
}

.indicadoresProblemas span.indicadorProblema_procedimiento {
    color: white;
    background-color: blue;
}

.indicadoresProblemas span.indicadorProblema_af {
    color: white;
    background-color: gray;
}

/* -- */