.header-content.tituloPagina{
    padding: 20px;
}
.header-content .text-container{
    margin-top: 70px;
}
.text-tituloPagina{
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.img-modulo{
    display: inline-block;
    height: 150px;
}
.divTable{
    display: table;
    width: 100%;
}
.divTableRow{
    display: table-row;
}
.divTableCell{
    display: table-cell;
}
.center-vertical{
    vertical-align: middle;
}
.backgroundWhite{
    background: white;
}
.containerForm{
    background: #f3f7fd;
    border-radius: 10px;
    padding: 10px;
}
.contentForm{
    padding: 20px;        
}
.tituloText{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    margin: 10px;
}
.margin-bottom{
    margin-bottom: 10px;
}
#containerPuntos{
    max-height: 500px;
    overflow: auto;
}
.diagramaContent{
    position: absolute;
    top: 0;
    left: 0;
}
.content-User{
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px;
    display: table;
    width: 100%;
    border: 1px solid #ccc;
}
.content-User:hover{
    transform: scale(1.02);
}

.labelInfoContact{
    display: table;
}
.contentBtns{
    padding: 0px 10px;
}

.max500{
    overflow: auto;
    max-height: 500px;
}
.max800{
    overflow: auto;
    max-height: 800px;
}
.btnEditar{
    color: #0074D9;
    text-align: center;
    padding: 5px;
}
.btnEliminar{
    color: #FF0000;
    text-align: center;
    padding: 5px;
}
.btnEditar label{
    border-bottom: 1px solid #0074D9;
    min-width: 100px;
    cursor: pointer;
}
.btnEliminar label{
    border-bottom: 1px solid #FF0000;
    min-width: 100px;
    cursor: pointer;
}
.ajs-content{
    text-align: center;
    font-size: 16px;
}
.ajs-body{
    padding: 10px;
}
.ajs-ok{
    background: #0074D9;
    margin: 50px;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #ccc;
}
.ajs-cancel{
    background: #FF0000;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #ccc;
}  
.negrilla{
    font-weight: bold;
}
.nav-item{
    cursor: pointer;
}
.hide{
    display: none;
}
.containerMini{
    padding: 0px 100px 0px 100px;
    text-align: center;
}
.no-padding{
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.no-margin{
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.formatoFecha{
    font-size: 11px;
    color: #7E7E7E;
}
.tituloSeccion i{
    margin: 0px 5px 0px 5px;
}
.containerSuperMini{
    padding: 20px;
}
.contentPaddingTop{
    padding-top: 20px;
    padding-bottom: 20px;
}
.marginCenter{
    margin: auto;
}
.padingLeftRigth{
    padding: 0px 20px 0px 20px;
}
.noSeleccionTexto{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.containerMayor{
    position: relative;
}
/*////////////////////Diagramas USER//////////////////*/

.poligono{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.borderPoligono{
    background: #000;
    box-shadow: green;
}

.textPoligono{
    position: absolute;
    min-height: 16px;
    max-height: 16px;
    line-height: 16px;
    font-size: 1.2vw;
    margin: 0px;
    margin-top: -8px;
    text-align: center;
    z-index: 2;
    background: transparent;
    color: #000;
}
.temporalPol{
    background: #000;
    color: #fff;
}
.savePol{
    color: #000;
    font-weight: bold;
    opacity: 0.5;
}
#nombreItemsClases{
    
}
#nombreItemsClases .item{
    display: table;
    vertical-align: middle;
    text-align: left;
}
#nombreItemsClases .colorClass{
    min-width: 16px;
    min-height: 16px;
    border: 1px solid #000;
    opacity: 0.5;
    border-radius: 2px;
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
    color: transparent;
}
.descripcion{
    text-align: left;
    font-size: 12px;
    color: #4B4B4B;
}
.nombreDiagrama{
    font-weight: bold;
}

#grupoDatosGenerales{
    height: auto;
    overflow: hidden;
    transition: width 2s, height 4s;
}
.ocultoHe{
    height: 0px;
    overflow: hidden;
}
.textoNombreClass{
    width: auto;
    text-align: center;
}
#textNombreClasificacion{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}
.botonCerrarAbrir{
    margin: 0px;
    cursor: pointer;
    padding: 2px;
    border-radius: 3px;
}
.tituloSeccion{
    background: #2BB6D5;
    padding: 5px 10px 5px 10px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}
.contentSeccion{
    border-radius: 0px 0px 10px 10px;
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
}
.borderSeccion{
    border: 1px solid #2BB6D5;
}
.borderSeccionV{
    border: 1px solid #2BB6D5;
    padding: 10px;
    border-radius: 10px;
}

.tituloPunto2 {
    padding: 5px;
    font-size: 20px;
}

.pantallaTotal{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    z-index: 2;
    background: #fff;
}
.tituloDiagrama{
    font-size: 16px;
    font-weight: bold;
}
.contenidoDiagrama{
    font-size: 13px;
}

/*///////////////diagramas/////////////////////*/


.pantallaTotal .btnCerrarDiagrama{
    color: red;
    border-radius: 20px;
    padding: 8px;
    font-size: 20px;
    text-align: center;
    border: 1px solid red;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 2;
}
.contentClasificacion{
    height: 400px;
    display: table;
    text-align: center;
    max-height: 400px;
    min-height: 400px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.contentClasificacion .divTable:hover{
    transform: scale(1.05);
    -webkit-box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.75);
}

.contentClasificacion .divTable{
    padding: 10px;
    height: 100%;
    min-height: 100%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
    cursor: pointer;
}
.contentClasificacion img{
    max-width: 100%;
    max-height: 100%;
    
}
.titleClasificacion{
    margin: 0px auto 20px;
    font-size: 18px;
    font-weight: bold;
}


.contentSubClasificacion{
    border-radius: 10px;
    background: #fff;
    text-align: center;
    border: 1px solid #ccc;
    overflow: hidden;
    cursor: pointer;
    margin: 20px auto 20px auto;
    padding: 10px;
}

.contentSubClasificacion .divTableCell i{
    font-size: 24px;
    float: left;
}

.contentSubClasificacion:hover{
    transform: scale(1.05);
    -webkit-box-shadow: 0px 6px 10px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 10px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 10px -7px rgba(0,0,0,0.75);
}

input:disabled {
  background: #ccc;
  opacity: 0.5;
} 

.bg-white{
    background-color: #fff;
}

.btnInput{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background: #F76E11;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
}
.inputBtn{
    padding-right: 60px;
}
.noMarginBottm{
    margin-bottom: 0px;
}
.titleSearch{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    position: relative;
}
.titleSearch .btnCerrar{
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 5px 5px 0px;
    background: red;
    color: #fff;
    width: 30px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
#actualizando{
    position: fixed;
    z-index: 100000;
    text-align: center;
    width: 100%;
    color: #F76E11;
    background: #fff;
}
#actualizando i{
    font-size: 12px;
    margin-right: 10px;
}
#sinInternet{
    position: fixed;
    z-index: 100000;
    text-align: center;
    width: 100%;
    color: #fff;
    background: red;
}
#sinInternet i{
    font-size: 14spx;
    margin-right: 10px;
}

/*///////////////30/04/2022/////////////////////*/
.labelTypeFile{
    background: #fff;
    border: 1px solid #F76E11;
    color: #F76E11;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.imgClasificacion{
    width: 100px;
    padding-right: 10px;
}

.imgClasificacion img{
    max-width: 100%;
}
#imgItem{
    max-width: 100%;
}
.nombreClasificacion1Items{
    padding: 5px;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
}
.nombreClasificacion1Items img{
    height: 20px;
    margin-right: 10px;
}
.nombreClasificacion1Items:hover{
    background: #CEF2FF;
}
.margin-left{
    margin-left: 0px;
}
.margin-right{
    margin-right: 0px;
}
.numeroClasificacion{
    width: 25px;
    height: 25px;
    max-width: 25px;
    max-height: 25px;
    line-height: 23px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 25px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 0px;
}

a.navbar-brand.logo-image{
    padding: 0px;
}
.navbar-custom .navbar-brand.logo-image img{
    width: 100px;
    height: auto;
}
.navbar-custom.top-nav-collapse .navbar-brand.logo-image img{
    width: 78px;
    height: auto;
}
.paddingBottom{
    padding-bottom: 20px;
}
.paddingTop{
    padding-top: 20px;
}
.paddingLeft{
    padding-left: 20px;
}
.marginBottom{
    margin-bottom: 10px;
}
.marginTop{
    margin-top: 20px;
}
.marginLeft{
    margin-left: 20px;
}
.marginBottom5px{
    margin-bottom: 5px;
}
.marginTop5px{
    margin-top: 5px;
}
.marginLeft5px{
    margin-left: 5px;
}
.marginRight5px{
    margin-right: 5px;
}
.paddingTop5px{
    padding-top: 5px;
}
.paddingBottom5px{
    padding-bottom: 5px;
}
.paddingLeft5px{
    padding-left: 5px;
}
.paddingRight5px{
    padding-right: 5px;
}
.itemConsulta:hover{
    transform: scale(1.02);
}
.background2{
    background: #f3f7fd;
}

.centradoMargin{
    margin: auto;
}
.titleSelect{
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
.contentValorFiltro{
    border-radius: 5px;
    border: 1px solid #ccc;
    
    margin: 0px;
    margin-bottom: 10px;
}

.cursorPointer{
    cursor: pointer;
}

.bg-aqua{
    background: #CEF2FF;
    color: #3A3A3A;
}
.btnEliminarFlotante{
    color: red;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    height: auto;
}
.btnAbrirCerrarContent{
    color: #F76E11;
    cursor: pointer;
}
.btnAbrirCerrarContentWhite{
    color: #FFFFFF;
    cursor: pointer;
    margin: 0px;
}
.labelConsultaItem{
    background: #fff;
    border-bottom: 2px solid #ccc;
    color: #F76E11;
}
.labelConsultaItem input,.checkStyle input{
    width: 20px;
    height: 20px;
}
.miStiloButton2{
    background: #fff;
    padding: 5px 15px;
    margin: 0px 10px 0px;
    border-radius: 20px;
    color: #F76E11;
    border: 1px solid #F76E11;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.itemConsulta{
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    padding: 20px;
    cursor: pointer;
}
.nombreItem{
    font-weight: bold;

}
.imgItem{
    width: 100%;
    height: auto;
}
.imgItem img{
    width: 70%;
    height: auto;
}
.descripcionItem{
    font-size: 12px;
}
#contentFiltro{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
#btnFiltro{
    position: absolute;
    text-align: center;
    top: 10px;
    left: 10px;
    cursor: pointer;
}
#contentItemsFiltro{
    position: absolute;

}

.basic-2 p{
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.bannerPagina{
    overflow: hidden;
    max-height: 300px;
    min-height: 300px;
    position: relative;
}

.bannerPagina img{
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
}

.imagenClasificacion{
    min-height: 200px;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.imagenClasificacion img{
    width: auto;
    height: 200px;
    object-fit: cover;
}

.contentNameCla{
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    padding:0px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.contentNameCla > div > div{
    width: 0px;
    max-width: 100%;
    min-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 0px;
    overflow: hidden;
}

.contentNameClaConsulta{
    font-weight: bold;
    font-size: 20px;
    height: auto;
    width: 100%;
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.contentNameClaConsulta > div{
    width: 0px;
    max-width: 100%;
    min-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    overflow: hidden;
    padding-bottom: 0px;
}

.subTitulo{
    font-weight: normal;
    font-size: 10px;
    height: 10px;
    width: 100%;
    line-height: 10px;
    max-width: 100%;
    padding: 0px;
}

.contenDescripCla{
    width: 100%;
    font-size: 14px;
    padding: 0px;
    overflow: hidden;
}

.contenDescripCla > div{
    width: 0px;
    max-width: 100%;
    min-width: 100%;
    border-top: 1px solid #ccc;
    padding: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contentDiagramaClass{
    padding:10px; padding-left: 20px;
}

.positionRelative{
    position: relative;
}


#imagenAmpliaImg img{
width: 100%;
height: auto;
}
#imagenAmpliaImg{
  width: 90%; height: 90%;
}
#imagenAmpliaImg img{
  width: 100%;
  max-width: 100%;
  height: auto;
}
#imagenAmpliaImg img.horin{
  height: 100%;
  max-height: 100%;
  width: auto;
}
.containerMayor{
    min-height: 400px;
}

#titleConsulta0{
    display: none;
}

.sinResultadosImg{
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
    border: 2px solid #000000;
    text-align: center;
    font-size: 20px;
    color: red;
    font-weight: bold;
    margin: 10px auto 10px auto;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.descripcionItemUser{
    width: 100%;
    font-size: 12px;
    padding: 0px;
    overflow: hidden;
    max-height: 100px;
}

.contentSubClasificacion{
    margin: 0px 0px 0px 0px;
}

.titleClasificacion {
    padding: 10px;
}

.titleConsulta{
    margin: 0px auto 0px auto;
    padding: 20px;
}

.imgItem img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.mainDivider{
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.noP p{
    margin: 0px;
}
.pieTxtFile{
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    
}
.progress{
    height: auto;
}
.bar{
    background: #4F44AD;
    color: #fff;
    text-align: center;
}
.numRotate{
    color:#f6931f; 
    font-weight:bold;
}
.contentImagenes img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.btnActivo{
    background: #4F44AD;
    color: #fff;
}
.contentImagenesMuestraRelative{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.imgMicroscopio{
    width: 100%;
    min-width: 100px;
    min-height: 100px;
}
.lineaMicro{
    position: absolute;    
}
.lineaMicroH{
    height: 1px;
    border-bottom: 1px solid #B4EE90;
    left: 0px; 
    min-width: 20000px;
}

.lineaMicroV{
    width: 1px;
    border-left: 1px solid #B4EE90;
    top: 0px; 
    min-height: 20000px;
}

.exponente{
    font-size: 10px;
    position: absolute;
    top: -5px;
}
.no-seleccionable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.fullScreem{
    padding: 1%;
    overflow: auto;
}

.fullScreem > div{
    display: table;
    max-width: 90%;
}
.widthAuto{
    width: auto;
    min-width: auto;
    max-width: auto;
}

.width100P{
    width: 100%;
    min-width: 100%;
    margin: 0px;
}

.btnCentro{
    position: absolute;
    width: 200px;
    height: 38px;
    z-index: 5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.puntoCentral{
    background: #000;
    border-radius: 100px;
    position: absolute;
    z-index: 2;
    width: 8px;
    height: 8px;
    line-height: 8px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.miStiloButtonLink{
    border-bottom: 1px solid #4F44AD;
    color: #4F44AD;
    cursor: pointer;
}

.miStiloButtonLinkError{
    border-bottom: 1px solid #FF2D2D;
    color: #FF2D2D;
    cursor: pointer;
}

#contentGrilla{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    z-index: 1;
}
#contentAnotaciones,#contentMedicion{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    z-index: 1;
}
#contentPositionMuestra{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.sinOverflow{
    overflow: hidden;
}

.contentAnotacion{
    width: auto;
    margin: auto;
    position: absolute;
    padding: 3px 3px 3px 3px;
    border-radius: 5px 0px 5px 0px;
    border: 1px solid #ccc;
    background: #fff;
}

.descripcionAnotacion{
    width: auto;
    height: auto;
    padding: 0px 5px;
    max-width: 200px;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 100;
}

.contentAnotacionesList{
    max-height: 300px;
    overflow: auto;
}
.contentListAnotacion{
    border-bottom: 1px solid #000;
    text-align: left;
    padding: 5px;
    margin-bottom: 10px;
}
.contentListAnotacion .contentBtns{
    padding: 0px;
    margin: 0px;
}
.contentListAnotacion .contentBtns>label>label{
    width: auto;
    min-width: auto;
    margin: 0px;
}
.btnList{
    width: 50px;
    border-bottom: 1px solid #4F44AD;
    text-align: center;
    color: #4F44AD;
    cursor: pointer;
}
.listMuestraItem{
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    background: #fff;
}
.imagePreview{
    padding: 10px;
    
}
.imagePreview img{
    border-radius: 5px
}
.textNicol{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 0px 5px 0px 5px;
    padding: 5px 10px 5px;
    margin: 10px;
}
.text-calidad{
    font-size: 12px;
    font-style: italic;
}
.paddingTB5PX{
    padding: 5px 0 5px 0;
}

.puntoMedir{
    position: absolute;
    min-width: 8px;
    min-height: 8px;
    border-radius: 100px;
    border: 0.5 solid #000000;
    z-index: 2;
}
#puntoI{
    background: red;
}
#puntoF{
    background: green;
}
#divLineaMedir{
    background: #000;
    min-height: 2px;
    border-radius: 10px;
}

.centrarBotones{
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10;
}

#listMuestras{
    max-height: 400px;
    overflow: auto;
}

.botonCabecera{
    width: 50px;
    height: 50px;
    padding: 2px;
    border-radius: 100px;
    text-align: center;
    line-height: 30px;
    border:1px solid #7A7A7A;
    cursor: pointer;
    background: #FFFFFF;
}
.botonCabecera img{
    max-width: 100%;
    max-height: 100%;
    width: 40px;
    height: 40px;
}

#contentBtnCabecera{
    position: absolute; 
    right: 0px;
    top: -12px;
}

.imagenFondoM{
    position: absolute;
    width: 400px;
    height: 400px;
    opacity: 0.8;
}
.contentBibliotecaM{
    position: relative; 
    height: 400px; 
    border: 1px solid #ccc; 
    border-radius: 10px;
}
.marginBottom{
    margin-bottom: 10px;
}

#gradosTouch{
    display: none;
}

.fr-fullscreen .lightbox-basic{
    max-width: 100%;
}
.fr-fullscreen .zoom-anim-dialog{
    transition: all 0s ease-out;
}

.mfp-content.fr-fullscreen-wrapper{
    margin-top: 0px;
    min-height: 100%;
    top: -9px;
}
.mfp-container{
    margin: 0px;
    padding: 0px;
}


.vistaItem input{
  display: none;
}

.vistaItem{
    margin-right: 10px;
}

.vistaItem label{
    cursor:pointer;
    padding: 0px 3px 0px 3px;
    color: #696969;
}

.vistaItem input[type="checkbox"]:checked  + label {
  color: #0000FF;
  margin-right: 3px;
}

.vistaItem input[type="checkbox"] + label:before {
  content: "\f070"; /* Valor unicode */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #696969;
  margin-right: 3px;
}

.vistaItem input[type="checkbox"]:checked  + label:before {
  content: "\f06e"; /* Valor unicode */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #0000FF;
  margin-right: 3px;
}

.vistaBuscador input{
  display: none;
}

.vistaBuscador{
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: -15px;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.vistaBuscador label{
    cursor:pointer;
    padding: 0px 3px 0px 3px;
    background: #4f3cda;
    color: #FFFFFF;
    border-radius: 100px;
    padding: 2px 10px;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    margin-right: 5px;
}

.vistaBuscador input[type="checkbox"] + label:before {
  content: "\f070"; /* Valor unicode */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 3px;
  color: #FFFFFF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.vistaBuscador input[type="checkbox"] + label{
    opacity: 0.6;
}
.vistaBuscador input[type="checkbox"]:checked  + label{
    opacity: 1;
}

.vistaBuscador input[type="checkbox"]:checked  + label:before {
  content: "\f06e"; /* Valor unicode */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 3px;
  color: #FFFFFF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

@media (max-width: 600px) {
    .containerMini{
        padding: 0px 10px 0px 10px;
    }
}

@media (max-width: 767px) {
    .contentDiagramaClass{
        padding:0px; padding-left: 0px;
        margin: 0px;
    }

    .contentSubClasificacion{
        margin: 5px auto 5px auto;
    }

    .titleConsulta{
        margin: 45px auto 0px auto;
    }
}

@media (max-width: 992px) {
    .tituloPaginas{
        margin-top:-25px; 
        max-height:90px;
    }
}

@media (max-width: 1200px) {
    
}

@media (pointer: fine){
    .miStiloButton2:hover{
        color: #fff;
        background: #F76E11;
        text-decoration: none;
    }
}


@media (pointer: coarse) {
    #gradosCursor,#zoomCursor,.no-touch{
        display: none;
    }
    #gradosTouch{
        display: block;
    }
}