/*------------------------------------------------------------------*/
/*----¡¡¡¡¡¡¡¡¡NO DECLARAR COLORES EN ESTA PLANTILLA!!!!!!!!!!-------*/
/*------------------------------------------------------------------*/


/*--------- ALINEACIONES DE CONTENIDO ---------*/





.alineacionIzqTop {
    vertical-align: top;
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.alineacionIzq100 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.alineacionIzq90 {
    float: left;
    width: 90%;
    padding: 0;
    margin: 0;
}

.alineacionIzq80 {
    float: left;
    width: 80%;
    padding: 0;
    margin: 0;
}

.alineacionIzq70 {
    float: left;
    width: 70%;
    padding: 0;
    margin: 0;
}

.alineacionIzq60 {
    float: left;
    width: 60%;
    padding: 0;
    margin: 0;
}

.alineacionIzq50 {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}

.alineacionIzq40 {
    float: left;
    width: 40%;
    padding: 0;
    margin: 0;
}

.alineacionIzq35 {
    float: left;
    width: 35%;
    padding: 0;
    margin: 0;
}

.alineacionIzq33 {
    float: left;
    width: 33.3%;
    padding: 0;
    margin: 0;
}

.alineacionIzq30 {
    float: left;
    width: 30%;
    padding: 0;
    margin: 0;
}

.alineacionIzq20 {
    float: left;
    width: 20%;
    padding: 0;
    margin: 0;
}

.alineacionIzq10 {
    float: left;
    width: 10%;
    padding: 0;
    margin: 0;
}

.alineacionDer50 {
    float: right;
    width: 50%;
    padding: 0;
    margin: 0;
}

.alineacionDer100 {
    float: right;
    padding: 0;
    margin: 0;
    width: 100%;
}

.formulario {
    width: 50em;
    margin: 0 auto;
    padding: 0;
}

.formulario2, formulario100 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.formulario50 {
    width: 50%;
    margin: 0 auto;
    padding: 0;
}

.formulario70 {
    width: 70%;
    margin: 0 auto;
    padding: 0;
}

.formulario90 {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}



/*--------------NUEVO-----------------------*/
.alineaIzq {
    float: left;
    padding: 0;
    margin: 0;
}

.alineaDer {
    float: right;
    padding: 0;
    margin: 0;
}

.alineaCen {
    padding: 0;
    margin: 0;
    text-align: center;
}

.alineaForm {
    margin: 0 auto;
    padding: 0;
}

.top {
    vertical-align: top;
}

.p10 {
    width: 10%;
}

.p14 {
    width: 14%;
}

.p15 {
    width: 15%;
}

.p20 {
    width: 20%;
}

.p24 {
    width: 25%;
}

.p25 {
    width: 25%;
}

.p29 {
    width: 29%;
}

.p30 {
    width: 30%;
}

.p33 {
    width: 33.3%;
}

.p35 {
    width: 35%;
}

.p40 {
    width: 40%;
}

.p45 {
    width: 45%;
}

.p49 {
    width: 49%;
}

.p50 {
    width: 50%;
}

.p55 {
    width: 55%;
}

.p59 {
    width: 59%;
}

.p60 {
    width: 60%;
}

.p65 {
    width: 65%;
}

.p69 {
    width: 69%;
}

.p70 {
    width: 70%;
}

.p75 {
    width: 75%;
}

.p80 {
    width: 80%;
}

.p85 {
    width: 85%;
}

.p90 {
    width: 90%;
}

.p95 {
    width: 95%;
}

.p98 {
    width: 98%;
}

.p100 {
    width: 100%;
}

.em50 {
    width: 50em;
}

.dispNone {
    display: none;
}

.dispBlock {
    display: block;
}

.dispInline {
    display: inline-block;
}

.dispInline {
    display: inline-block;
}

.dispInlineTop {
    display: inline-block;
    vertical-align: top;
}

/*NUEVO*/

@media screen and (min-width:1em) and (max-width:48.124em) {
    .alineacionIzq10, .alineacionIzq20, .alineacionIzq30, .alineacionIzq33, .alineacionIzq35, .alineacionIzq40,
    .alineacionIzq50, .alineacionIzq60, .alineacionIzq70, .alineacionIzq80, .alineacionIzq90, .alineacionIzq, .alineaIzq,
    .formulario50, .formulario70, .formulario90, .alineacionDer50 {
        width: 100%;
    }

    .formulario {
        width: 17em;
    }

    .p10, .p15, .p20, .p25, .p30, .p33, .p35, .p40, .p45, .p50, .p55, .p60, .p65, .p70, .p75, .p80, .p85, .p90, .p95, .p100,
    .em50 {
        width: 100%;
    }
}


.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.paddingBottom40 {
    padding-bottom: 40px;
}

.paddingBottom50 {
    padding-bottom: 50px;
}

.paddingBottom1em {
    padding-bottom: 1em;
}

.paddingTop1em {
    padding-top: 1em;
}

/*--------- Botones de las Grillas DevExpress ---------*/

/*Esta clase es de los botones creados con la clase "BotonesGrilla"*/
.botonEnGrilla {
    width: 18px;
    margin: 0px 2px 0px 0px !important;
    display: inline;
}

    .botonEnGrilla span {
        display: none !important;
    }


/*--------- FIN Botones de las Grillas DevExpress ---------*/



/*Esta clase es de los botones creados con la clase "ImagenBoton"*/
.ImagenBoton {
    width: 18px;
    height: 18px;
    margin: 0px 2px 0px 0px !important;
    display: inline;
    cursor: pointer;
}

.displayInline {
    display: inline-block;
}

.alignLeftSinFloat {
    margin: 0 auto;
    text-align: left;
}

.alignRightSinFloat {
    margin: 0 auto;
    text-align: right;
}

.alignCenterSinFloat {
    margin: 0 auto;
    text-align: center;
}

.mTop_02em {
    margin-top: 0.2em;
}

.mTop_03em {
    margin-top: 0.3em;
}

.mTop_05em {
    margin-top: 0.5em;
}

.mTop_1em {
    margin-top: 1em;
}

.mTop_2em {
    margin-top: 2em;
}

.mTop_3em {
    margin-top: 3em;
}

.mTop_4em {
    margin-top: 4em;
}

.mBottom_05em {
    margin-top: 0.5em;
}

.mBottom_1em {
    margin-top: 1em;
}


/**************************************************** LOADING PACE *******************************************************/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #66b3ff;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 100%;
    width: 100%;
    height: 0.3em;
    max-height: 0.5em;
}

/************************************************ ORDENAMIENTO FLEXBOX **************************************************/
.contenedor_flex {
    display: flex;
    width: 100%;
    max-width: 100%;
}

    .contenedor_flex div {
        margin-left: 0.5em;
    }

/*.contenido-flex {
    display: flex;
}*/

/*.contenido-flex div {
        width: 33%;
    }*/

.hideSubMenu {
    display: none !important;
}

.showSubMenu {
    display: block;
}