.contenitoreGeneraleFiltri {
    width: 98%;
    padding-left: 0;
}

.contenitoreElencoFiltri {
    width: 96%;
    height: auto;
    margin-top: 2vh;
    margin-bottom: 1vh;
}

.contenitoreElencoFiltriColorNoCheck {
    margin-left: 0.6%;
}

.divEtichetteFiltriColorCheck {
    width: 95.4%;
    margin-left: 4.6%;
}

.divEtichetteFiltriColorNoCheck {
    width: 100%;
    margin-left: 0;
}

.divInputFiltriColorCheck {
    width: 95.4%;
    margin-left: 0.6%;
}

.divInputFiltriColorNoCheck {
    width: 100%;
    margin-left: 0;
}

.contenitoreLeftRightFiltri {
    width: 4%;
    margin-top: 2vh;
}

.contenitoreLeftRightFiltriColorNoCheck {
    width: 3.4%;
    margin-top: 2vh;
}

.recordLista {
    height: 5vh;
    font-size: 1.5vmin;
    border-bottom: black 1px dashed;
    width: 100%;
    float: left;
}

.contenutoRecordLista {
    width: 96%;
    height: 100%;
    position: relative;
    padding-top: .5vh;
    float: left;
}

.contenutoRecordListaColore {
    width: 95.4% !important;
}

.contenutoRecordListaCheck {
    width: 95% !important;
}

.contenutoRecordListaColoreCheck {
    width: 91.4% !important;
}

.valoreElementoLista {
    width: 96%;
    padding-top: 1.3vh;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btnLista {
    font-size: 1.5vmin;
    padding: 4px 10px;
}

.elementoListaAzioni {
    width: 2%;
}

.checkBoxLista {
    width: 3.4%;
    text-align: center;
    margin-right: 0.6%;
}

.divColoreLista {
    width: 0.4%;
    height: 60%;
    margin-top: 1.3vh;
    margin-right: 0.2%;
    cursor: pointer;
}

.contenitoreLista {
    width: 98%;
    height: 60vh;
    padding-left: 0;
    overflow-y: scroll;
}

.contenitoreFooter {
    width: 97vw;
    height: 5vh;
    padding-left: 0;
    overflow: hidden;
}

.footerLista {
    width: 98%;
    height: 5vh;
    background-color: #B3C7D9;
}

.etichettaFiltro {
    float: left;
    width: 8vw;
    font-size: 1.8vmin;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

    .etichettaFiltro div {
        float: left;
    }

.etichettaFiltroLabel {
    font-size: 1.3vmin;
    padding-top: .4vmin;
    max-width: 55%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.etichettaFiltroLabelMin {
    max-width: 44%;
}

.etichettaFiltroIcona {
    color: #B8BFC2;
    font-size: 1.5vmin;
    padding: 0.4vmin 0;
    cursor: pointer;
}

.etichettaFiltroIconaSelezionato {
    color: black;
    font-size: 1.5vmin;
    padding: 0.4vmin 0;
    cursor: pointer;
}

.filtroLabelSize {
    font-size: 1.5vmin;
}

.filtroLista {
    width: 20vw;
}

.filtroListaInput {
    width: 86%;
    font-size: 1.2vmin;
    height: 2.5vh;
    border: 1px solid #E1E1E1;
    outline: none;
    padding-left: 0.25vw;
    padding-top: 0.4vmin;
    color: black;
}

    .filtroListaInput:focus {
        border: 1px solid #E1E1E1 !important;
    }

.imgIconLista {
    width: 3.5vmin;
    height: 3.5vmin;
    margin-top: -2vmin;
}

.clRecordDesktop {
    display: block;
}

.clRecordTablet {
    display: block;
}

.iconaResetFiltri {
    width: 2%;
    margin-top: 5vh;
    font-size: 2vmin;
    cursor: pointer;
}

.ordAsc {
    padding-left: 1vmin;
    padding-right: .5vmin;
}

.divAzioniRigaLista {
    float: left;
    width: 100%;
    min-height: 5vh;
    display: none;
    background-color: #f9423a;
}

.divContenitoreIconaAzioni {
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 1vh;
    color: white;
    position: relative;
    cursor: pointer;
    float: left;
}

.divContenitoreIconaAzioni img {
    height: 4.5vh;
    margin-top: .3vh;
}

.divIconaAzioniConEtichetta {
    font-size: 1.5vmin;
    text-align: center;
}

.etichettaAzioneLista {
    float: left;
    font-size: 1.2vmin;
}

.divIconaAzioni {
    font-size: 2.5vmin;
}

.icona {
    color: #132A36;
    font-family: 'Dosis', 'Open Sans', sans-serif;
    font-size: 4vh;
    vertical-align: middle;
    display: table;
}

.icona_disabilitata {
    color: #132A36;
    opacity: 0.2;
    font-family: 'Dosis', 'Open Sans', sans-serif;
    font-size: 4vh;
    vertical-align: middle;
    display: table;
    cursor: default;
}

.icona_elenco {
    font-family: 'Open Sans', sans-serif;
    font-size: 2vmin;
    vertical-align: middle;
    display: table;
}

.icona_filtri {
    color: #B8BFC2;
    font-family: 'Dosis', 'Open Sans', sans-serif;
    font-size: 3vh;
    vertical-align: middle;
    display: table;
}

.contenuto_icona {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 0.5vh;
}

.contenuto_icona_elenco {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.icona_click {
    cursor: pointer;
}

.testo_icona {
    font-size: 0.7vw;
}

.sfondoSelect {
    background-color: #00424e;
    color: white;
}

.iconScrollOrizzontale {
    color: black;
    font-size: 20px;
    padding: 0.4vmin 0;
    cursor: pointer;
}

.loadingLista {
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    float: left;
    position: fixed;
    display: none;
    opacity: 0.7;
    z-index: 1;
}

.filtroDisabled {
    opacity: 0.5;
    cursor: default;
}

.filtroInputHide {
    min-height: 1px;
}

    .filtroInputHide input {
        display: none;
    }

.round {
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    -moz-border-radius: 12.5px;
    border-radius: 12.5px;
    background-color: #222;
    color: #FFF;
    text-align: center;
    font-size: 1.5vmin;
}

    .round.hollow {
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-color: #FFF;
        color: #222;
        text-align: center;
        -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    }

    .round.blue {
        background-color: #3EA6CE;
    }

    .round.hollow.blue {
        color: #3EA6CE;
        background-color: #FFF;
        -webkit-box-shadow: 0px 0px 0px 3px #3EA6CE;
        -moz-box-shadow: 0px 0px 0px 3px #3EA6CE;
        box-shadow: 0px 0px 0px 3px #3EA6CE;
    }

.azioniSpecialiFooter {
    min-width: 6%;
    font-size: 1.3vmin;
    margin-left: 1.5vw;
    background-color: #00BCEE;
    color: white;
    text-align: center;
    margin-top: 1.2vh;
    cursor: pointer;
    padding: .2vh .2vw;
}

.azioniSpecialiFooterDisabled {
    min-width: 6%;
    font-size: 1.3vmin;
    margin-left: 1.5vw;
    background-color: #D1DDE8;
    color: white;
    text-align: center;
    margin-top: 1.2vh;
    cursor: not-allowed;
    padding: .2vh .2vw;
}

.numeroCheckSelezionati {
    width: 8%;
    height: 100%;
    background-color: #F1F1F1;
    float: left;
    font-size: 2.3vmin;
    text-align: center;
    padding-top: .6vh;
}

.chkAll {
    width: 3.4%;
    font-size: 1.2vmin;
    margin-right: 0.6%;
    background-color: #00BCEE;
    color: white;
    text-align: center;
    margin-top: .4vh;
    cursor: pointer;
}


@media only screen and (max-width: 768px) {
    .azioniSpecialiFooter {
        font-size: 2vmin;
    }

    .azioniSpecialiFooterDisabled {
        font-size: 2vmin;
    }
}

@media only screen and (max-width: 992px) {
    .round {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 1.7vmin;
        margin-top: -5px;
    }
}


@media only screen and (max-width: 768px) {
    .schedaPopupLaterale {
        width: 100vw !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .iconScrollOrizzontale {
        font-size: 15px;
    }
}

@media screen and (max-width: 992px) and (min-width: 600px) {
    .contenutoRecordLista {
        width: 94%;
        padding-top: .8vh;
    }

    .contenutoRecordListaColore {
        width: 93.4% !important;
    }

    .contenutoRecordListaCheck {
        width: 90% !important;
    }

    .contenutoRecordListaColoreCheck {
        width: 89.4% !important;
    }

    .contenitoreElencoFiltri {
        width: 94%;
    }

    .contenitoreLeftRightFiltri {
        width: 6%;
    }

    .contenitoreLeftRightFiltriColorNoCheck {
        width: 5.4%;
    }

    .elementoListaAzioni {
        width: 4%;
    }

    .icona_elenco {
        font-size: 2.3vmin;
    }

    .clRecord {
        width: 33% !important;
    }

    .clRecordDesktop {
        display: none;
    }

    .clRecordTablet {
        display: block;
    }

    .iconScrollOrizzontale {
        font-size: 15px;
    }
}


@media only screen and (max-width: 600px) {
    .contenutoRecordLista {
        width: 92%;
        padding-top: .1vh;
    }

    .contenutoRecordListaColore {
        width: 91.4% !important;
    }

    .contenutoRecordListaCheck {
        width: 88% !important;
    }

    .contenutoRecordListaColoreCheck {
        width: 86% !important;
    }

    .elementoListaAzioni {
        width: 6%;
    }

    .icona_elenco {
        font-size: 4vmin;
    }

    .clRecord {
        width: 100% !important;
        font-size: 3.5vmin;
    }

    .clRecordCheck {
        width: 95% !important;
        font-size: 3.5vmin;
    }

    .clRecordDesktop {
        display: none;
    }

    .clRecordTablet {
        display: none;
    }

    .imgIconLista {
        margin-top: -5.5vmin;
    }

    .contenitoreButtonAddLista {
        left: calc(50% - 2.5em);
    }

    .buttonAddLista {
        font-size: 1.5em;
    }

    .valoreElementoLista {
        padding-top: 0;
    }

    .contenitoreElencoFiltri {
        width: 92%;
    }

    .contenitoreLeftRightFiltri {
        width: 8%;
    }

    .contenitoreLeftRightFiltriColorNoCheck {
        width: 7.4%;
    }

    .etichettaFiltroLabel {
        font-size: 3vmin;
        max-width: 75%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .etichettaFiltroIcona {
        font-size: 2.5vmin;
    }

    .etichettaFiltroIconaSelezionato {
        font-size: 2.5vmin;
    }

    .ordAsc {
        padding-left: 2vmin;
        padding-right: 1vmin;
    }

    .iconaResetFiltri {
        font-size: 4vmin;
    }

    .iconScrollOrizzontale {
        font-size: 13px;
    }

    .schedaPopupLaterale {
        width: 100vw !important;
    }

    .divIconaAzioniConEtichetta {
        font-size: 2vmin;
    }

    .etichettaAzioneLista {
        float: left;
        font-size: 1.5vmin;
    }

    .round {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 2.5vmin;
    }
}