@layer xone-project {
.frmLoginArea {
    width: 400px;
}

.logo {
    --xone-path: logo_Alivia.png;
    --xone-keep-aspect-ratio: true;
    --xone-align: center;
    width: 20%;
    margin-top: 10%;
}

.logoLogin {
    --xone-path: logo_Alivia.png;
    --xone-keep-aspect-ratio: true;
    --xone-align: center;
    width: 20%;
    margin-top: 10%;
}

.logoHeader {
    --xone-path: logo_Alivia.png;
    --xone-keep-aspect-ratio: true;
    --xone-align: center;
    width: 20%;
    margin-top: 0;
}

.loginT {
    margin-top: 7%;
    padding-left: 5px;
    border-radius: 10px;
    --xone-text-border-bottom: solid;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    width: 30%;
    height: 50px;
    overflow: hidden;
}

.passwordT {
    margin-top: 2%;
    padding-left: 5px;
    border-radius: 10px;
    --xone-text-border-bottom: solid;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    width: 30%;
    height: 50px;
    overflow: hidden;
}

.loginBT {
    border-radius: 10px;
    background-color: #00000000;
    border: none;
    height: 60px;
    margin-top: 54%;
    width: 30%;
    overflow: hidden;
}

.passwordBT {
    border-radius: 10px;
    background-color: #00000000;
    border: none;
    height: 60px;
    margin-top: 2%;
    width: 30%;
    overflow: hidden;
}

.frmMenuHijo {
    border-width: 1px;
    border-color: #3E2554;
}

.propMenuHijo {
    --xone-text-border-bottom: solid;
    --xone-text-border-top: solid;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
}

.propBorde {
    --xone-text-border-bottom: solid;
    --xone-text-border-top: solid;
    --xone-text-border-left: solid;
    --xone-text-border-right: solid;
}

.propSinBorde {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
}

.propBordeAbajo {
    --xone-text-border-bottom: solid;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
}

.botonBordeAbajo {
    --xone-border-bottom: true;
    border-top: none;
    border-left: none;
    border-right: none;
}

.propLinea {
    margin-left: 0px;
    background-color: #000000;
}

.frmFlotante {
    position: absolute;
    background-color: #00000050;
}

.frmCuerpo {
    border-width: 1px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    overflow: hidden;
}

.frmCuerpogris {
    border-width: 1px;
    border-radius: 10px;
    background-color: #F4EFED;
    border-color: #F4EFED;
    --xone-align: top|center;
    overflow: hidden;
}

.propEdicion {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    border-radius: 5px;
    --xone-text-forecolor: #000000;
    color: #000000;
    background-color: #F2F2F2;
    padding-left: 5px;
    overflow: hidden;
}

.propEdicionBloqueado {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    border-radius: 5px;
    --xone-text-forecolor: #000000;
    color: #000000;
    background-color: #D2D2D2;
    padding-left: 5px;
    overflow: hidden;
}

.propInformacionBloqueado {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    border-radius: 5px;
    --xone-text-forecolor: #000000;
    color: #000000;
    background-color: #00000000;
    padding-left: 5px;
    overflow: hidden;
}

.propTexto {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    --xone-text-forecolor: #000000;
    padding-left: 5px;
}

.propCabeceraContent {
    --xone-text-forecolor: #000000;
    color: #000000;
    text-align: left;
    font-weight: bold;
}

.propContent {
    --xone-text-forecolor: #000000;
    color: #000000;
    text-align: left;
    font-weight: normal;
    --xone-text-border: none;
}

.cursor {
    --xone-cursor: pointer;
}

.propPestanya {
    color: #000000;
    border-width: 0px;
    background-color: #00000000;
}

.propInfo {
    color: #FF795A;
    border-width: 0px;
    font-weight: bold;
}

.propInfoNegro {
    color: #000000;
    border-width: 0px;
}

.propInvisible {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    color: #00000000;
}

.propCombo {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    border-radius: 5px;
    --xone-text-forecolor: #000000;
    --xone-text-bgcolor: #F2F2F2;
    padding-left: 5px;
    color: #FF795A;
    border-width: 0px;
    overflow: hidden;
}

.propTitulo {
    font-size: 16px;
    --xone-textfont-size: 8;
    --xone-labelfont-size: 8;
    color: #FF795A;
    font-weight: bold;
}

.boton {
    color: #FFFFFF;
    background-color: #3E2554;
    border-radius: 5px;
    border-color: #3E255400;
    font-size: 13px;
    --xone-textfont-size: 5;
    overflow: hidden;
}

.botonBuscador {
    color: #FFFFFF;
    background-color: #FF795A;
    border-radius: 5px;
    border-color: #FF795A;
    font-size: 13px;
    --xone-textfont-size: 5;
    overflow: hidden;
}

.botonOrden {
    width: 20px;
    height: 20px;
    --xone-keep-aspect-ratio: true;
}

.botonContent {
    --xone-border-bottom: true;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #FF795A;
    --xone-align: left;
    background-color: #FFFFFF;
    border-width: 0px;
}

.botonOutlineCoral {
    color: #FF795A;
    --xone-text-forecolor: #FF795A;
    background-color: #FFFFFF;
    border-color: #FF795A;
    border-width: 3px;
    border-radius: 8px;
    font-weight: bold;
    overflow: hidden;
}

.textoIzqda {
    --xone-align: left;
    text-align: left;
}

.textoDrcha {
    --xone-align: right;
    text-align: right;
}

.textoCentro {
    --xone-align: center;
    text-align: center;
}

.cl_bgcolor1 {
    background-color: #3E2554;
}

.cl_bgcolor2 {
    background-color: #F4EFED;
}

.cl_bgcolor3 {
    background-color: #FFFFFF;
}

.cl_bgcolor4 {
    background-color: #FF795A;
}

.cl_bgcolor5 {
    background-color: #FCCABB;
}

.cl_bgcolor6 {
    background-color: #00000000;
}

.cl_forecolor1 {
    color: #3E2554;
}

.cl_forecolor2 {
    color: #FFFFFF;
}

.cl_forecolor3 {
    color: #000000;
}

.cl_forecolor4 {
    color: #FF795A;
}

.cl_forecolor5 {
    color: #FCCABB;
}

.cl_text_forecolor1 {
    --xone-text-forecolor: #3E2554;
}

.cl_text_forecolor2 {
    --xone-text-forecolor: #FFFFFF;
}

.cl_text_forecolor3 {
    --xone-text-forecolor: #000000;
}

.cl_text_forecolor4 {
    --xone-text-forecolor: #FF795A;
}

.cl_text_forecolor5 {
    --xone-text-forecolor: #FCCABB;
}

.bold {
    font-weight: bold;
}

.noBold {
    font-weight: normal;
}

.font1 {
    font-size: 9px;
    --xone-textfont-size: 1;
    --xone-labelfont-size: 1;
}

.font2 {
    font-size: 10px;
    --xone-textfont-size: 2;
    --xone-labelfont-size: 2;
}

.font3 {
    font-size: 11px;
    --xone-textfont-size: 3;
    --xone-labelfont-size: 3;
}

.font4 {
    font-size: 12px;
    --xone-textfont-size: 4;
    --xone-labelfont-size: 4;
}

.font5 {
    font-size: 13px;
    --xone-textfont-size: 5;
    --xone-labelfont-size: 5;
}

.font6 {
    font-size: 14px;
    --xone-textfont-size: 6;
    --xone-labelfont-size: 6;
}

.font7 {
    font-size: 15px;
    --xone-textfont-size: 7;
    --xone-labelfont-size: 7;
}

.font8 {
    font-size: 16px;
    --xone-textfont-size: 8;
    --xone-labelfont-size: 8;
}

.font10 {
    font-size: 18px;
    --xone-textfont-size: 10;
    --xone-labelfont-size: 10;
}

.font12 {
    font-size: 20px;
    --xone-textfont-size: 12;
    --xone-labelfont-size: 12;
}

.font14 {
    font-size: 22px;
    --xone-textfont-size: 14;
    --xone-labelfont-size: 14;
}

.obligatorio {
    --xone-text-forecolor: #DC3545;
    color: #DC3545;
}

.subrayado {
    --xone-text-border-bottom: solid;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    --xone-border-bottom: true;
    border-top: none;
    border-left: none;
    border-right: none;
}

.pdfCabeceraTexto {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    --xone-text-forecolor: #FFFFFF;
}

.pdfCuerpoTexto {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    --xone-text-forecolor: #000000;
    --xone-align: left;
    text-align: left;
}

.frmmensajeWppRecibido {
    background-color: #FFFFFF;
    --xone-align: left|center;
    margin-top: 5px;
    border-radius: 10px;
    overflow: hidden;
}

.frmmensajeWppEnviado {
    background-color: #DCF8C6;
    --xone-xalign: right|center;
    margin-top: 5px;
    border-radius: 10px;
    overflow: hidden;
}

.propMensajeWpp {
    --xone-text-forecolor: #000000;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    --xone-text-border: none;
}

.propMensajeWppVideo {
    --xone-text-forecolor: #000000;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    --xone-text-border: none;
}

.propMensajeWppEnviado {
    --xone-text-forecolor: #000000;
    color: #000000;
    background-color: #DCF8C6;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    --xone-text-border: none;
}

.envioMensajeWpp {
    --xone-text-border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    background-color: #FFFFFF;
    --xone-align: left|center;
    border-radius: 5px;
    margin-top: 0px;
    padding-left: 5px;
    --xone-xtpadding: 5px;
    --xone-lines: 2;
    overflow: hidden;
}

.padding5 {
    --xone-lapdding: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.toolsWpp {
    background-color: #F0F2F5;
    --xone-align: center|center;
}

.frmResultadoBusqueda {
    background-color: #FFFFFF;
    --xone-border-bottom: 1px solid #E9EDEF;
    --xone-cursor: pointer;
}

.frmResultadoBusqueda:hover {
    background-color: #F5F6F6;
}
}