.centrar{text-align: center;}
.izquierda{text-align: left;padding: 0 1.5%;}
.derecha{text-align: right;padding: 0 1.5%;}
.justifica{text-align:justify;padding: 0 1.5%;}
.transparente{background-color: transparent;}
.cerrar{
    color: white;
    background-color: red;
    /*position: absolute;
    top: 1%;
    left: 95%;*/
    z-index: 11000;
}
.error{
    background-color: red !important;
    color: white !important;
    text-align: center !important;
    font-size: 150% !important;
    font-weight: bolder !important;
    width:100% !important;
}
.correcto{
    background-color: green !important;
    color: white !important;
    text-align: center !important;
    font-size: 150% !important;
    font-weight: bolder !important;
    width:100% !important;
}
.centrarh{
    display: flex;
    align-items: center;
}
.centrarhw{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.margenes{
    display: block;
    margin: auto;
}
.margenesl{margin-left: auto;}
.margenesr{margin-right: auto;}
.margenest{margin-top: auto;}
.margenesb{margin-bottom: auto;}
.ancho02{width: 2.5%;}
.ancho05{width: 5%;}
.ancho10{width: 10%;}
.ancho15{width: 15%;}
.ancho20{width: 20%;}
.ancho23{width: 23%;}
.ancho25{width: 25%;}
.ancho28{width: 28%;}
.ancho30{width: 30%;}
.ancho35{width: 35%;}
.ancho40{width: 40%;}
.ancho45{width: 45%;}
.ancho50{width: 50%;}
.ancho55{width: 55%;}
.ancho60{width: 60%;}
.ancho65{width: 65%;}
.ancho70{width: 70%;}
.ancho75{width: 75%;}
.ancho80{width: 80%;}
.ancho85{width: 85%;}
.ancho90{width: 90%;}
.ancho95{width: 95%;}
.ancho00{width: 100%;}
.flexwrap{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.flexwrap1{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
.flexwrap2{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;}

.flexnwrap{
    
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.flexwrapcen{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.flexwrapcent{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flexnwrap1{
    display: flex;
    flex-flow: row nowrap;
    justify-content:space-around;
    align-items: center;
}

.flexnwrap2{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items: center;
}
.flexwrap3{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
}
.flexnwrap3{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items: center;
}
.flexnwrap4{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
}
.flexwrapcol{
    display: flex;
    flex-flow: column;
    justify-content: center;
	align-items: center;
	align-content: stretch;
}
.flexwrap9{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
	align-items: flex-start;
	align-content: stretch;
}
.flexwrap5{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: space-around;
    align-content: space-around;
    -webkit-align-items: center;
    align-items: center;
}
.bordes{border:double white 2px;}
.bordes0{border:double red 2px;}
.bordes1{border:double green 2px;}
.bordes2{border:double yellow 2px;}
.bordes3{border:double blue 2px;}
.bordesn{border:solid black 2px;}
.bordesu{border-top:solid black 2px;}
.bordesd{border-bottom:solid black 2px;}
.bordesr{border-right:solid black 2px;}
.bordesl{border-left:solid black 2px;}
.sbordes{border:none;}
.alto03{height:3vh;}
.alto05{height:5vh;}
.alto07{height:7vh;}
.alto10{height:10vh;}
.alto15{height:15vh;}
.alto20{height:20vh;}
.alto25{height:25vh;}
.alto29{height:29vh;}
.alto30{height:30vh;}
.alto35{height:35vh;}
.alto40{height:40vh;}
.alto45{height:45vh;}
.alto50{height:50vh;}
.alto55{height:55vh;}
.alto57{height:57vh;}
.alto60{height:60vh;}
.alto63{height:63vh;}
.alto65{height:65vh;}
.alto68{height:68vh;}
.alto70{height:70vh;}
.alto73{height:73vh;}
.alto75{height:75vh;}
.alto76{height:76vh;}
.alto77{height:77vh;}
.alto78{height:78vh;}
.alto79{height:79vh;}
.alto80{height:80vh;}
.alto81{height:81vh;}
.alto82{height:82vh;}
.alto83{height:83vh;}
.alto84{height:84vh;}
.alto85{height:85vh;}
.alto86{height:86vh;}
.alto87{height:87vh;}
.alto88{height:88vh;}
.alto89{height:89vh;}
.alto90{height:90vh;}
.alto91{height:91vh;}
.alto92{height:92vh;}
.alto93{height:93vh;}
.alto94{height:94vh;}
.alto95{height:95vh;}
.alto96{height:96vh;}
.alto97{height:97vh;}
.alto98{height:98vh;}
.alto00{height: 99vh;}
.scroll{overflow: auto;}
.sscroll{overflow:none;}
.ocultar{display:none;}
.fuente070{font-size: 70%;}
.fuente080{font-size: 80%;}
.fuente090{font-size: 90%;}
.fuente100{font-size: 100%;}
.fuente110{font-size: 110%;}
.fuente120{font-size: 120%;}
.fuente130{font-size: 130%;}
.fuente140{font-size: 140%;}
.fuente150{font-size: 150%;}
.fuente160{font-size: 160%;}
.fuente170{font-size: 170%;}
.fuente180{font-size: 180%;}
.fuente190{font-size: 190%;}
.fuente200{font-size: 200%;}
.fuente250{font-size: 250%;}
.fuente300{font-size: 300%;}
.fuente350{font-size: 350%;}
.fuente400{font-size: 400%;}
.negrita{font-weight: bolder;}
.negrita01{font-weight: bold;}
.italica{font-style: italic;}
input[type="number"]{
    text-align: right;
}
.contain{object-fit: contain;}
.scale{object-fit: scale-down;}
.cover{object-fit: cover;}
.sncover{object-fit: none;}
.alerta{
    /*font-size: xx-large !important;*/
    color: red;
}
.prevencion{
    font-size: xx-large !important;
    color: orangered;
}
/*********************
Colores
************************/
.panico{
    background-color: red;
    color: antiquewhite;
}
.ingreso{
    background-color: green;
    color: antiquewhite;
}
.entrega{
    background-color: blue;
    color: antiquewhite;
}
.nleve{
    background-color: yellow;
    color: blue;
}
.nnormal{
    background-color: gray ;
    color: white;
}
.ngrave{
    background-color: yellow;
    color: blue;
}
.visitantes{
    background-color: #D1593E;
    color:white;
}
.pruebas{
    background-color: blueviolet;
    color:white;
}
/*****************
Botones file
*****************/
.container-input {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 2%;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    max-width: 100%;
    font-weight: 700;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}


.iborrainputfile {
	font-weight:normal;
	font-family: 'Lato';
}

@media only screen and (max-width:640px) {
    .ancho02{width: 5%;}
    .ancho05{width: 10%;}
    .ancho10{width: 15%;}
    .ancho15{width: 20%;}
    .ancho20{width: 100%;}
    .ancho23{width: 100%;}
    .ancho25{width: 100%;}
    .ancho28{width: 100%;}
    .ancho30{width: 100%;}
    .ancho35{width: 100%;}
    .ancho40{width: 100%;}
    .ancho45{width: 100%;}
    .ancho50{width: 100%;}
    .ancho55{width: 100%;}
    .ancho60{width: 100%;}
    .ancho65{width: 100%;}
    .ancho70{width: 100%;}
    .ancho75{width: 100%;}
    .ancho80{width: 100%;}
    .ancho85{width: 100%;}
    .ancho90{width: 100%;}
    .ancho95{width: 100%;}
    .ancho00{width: 100%;}
    *{
        height: auto !important;
    }
    button{
        width: 100%;
    }
   
    
}