/* objetos */
.objx {
    display:inline-block;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    outline-width:0;
    outline-style:none;
    outline-color:transparent;
    /*border-width:0;*/
    border-style:solid;
    /*border-color:transparent;*/
    /*border-radius:0;*/
    box-sizing:border-box;
}

.objy {
    display:inline-block;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    outline-width:0;
    outline-style:none;
    outline-color:transparent;
    border-width:0;
    border-style:none;
    border-color:transparent;
    /*border-radius:0;*/
    box-sizing:border-box;
}

.objz {
    display:inline-block;
    width:100%;
    height:var(--talla-mediano);
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    padding-top:1px;
    padding-left:4px;
    padding-right:0;
    padding-bottom:0;
    outline-width:0;
    outline-style:none;
    outline-color:transparent;
    border-width:1px;
    border-style:solid;
    /*border-color:transparent;*/
    border-radius:var(--radio-mediano);
    box-sizing:border-box;
}

/* prevenir seleccion */
.nose {
    -webkit-user-select:none; /* chrome and safari */
    -khtml-user-select:none; /* konqueror */
    -moz-user-select:none; /* firefox */
    -ms-user-select:none; /* iexplorer and edge */
    -o-user-select:none; /* opera */
    user-select:none; /* standard syntax */
}

/* controlar apariencia */
.noap {
    -webkit-appearance:none; /* chrome and safari */
    -khtml-appearance:none; /* konqueror */
    -moz-appearance:none; /* firefox */
    -ms-appearance:none; /* iexplorer and edge */
    -o-appearance:none; /* opera */
    appearance:none; /* standard syntax */
}

/* texto elipsis */
.elps {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* alinear centro */
.cntr {
    text-align:center;
    vertical-align:middle;
}

/* alinear izquierda */
.izqd {
    text-align:left;
    vertical-align:middle;
}

/* alinear derecha */
.drch {
    text-align:right;
    vertical-align:middle;
}

/* alinear justificado */
.jtfc {
    text-align:justify;
    vertical-align:middle;
}

/* etiquetas */
.lblw {
    width:auto;
    height:auto;
    margin:auto;
    padding:0;
    border-width:0;
    border-radius:0;
    text-align:center;
    vertical-align:middle;
}

.lblx {
    width:100%;
    height:var(--talla-gigante);
    margin-top:4px;
    margin-left:0;
    margin-right:0;
    margin-bottom:16px;
    padding-top:12px;
    padding-left:0;
    padding-right:0;
    padding-bottom:12px;
    border-width:0;
    border-radius:0;
    text-align:center;
    vertical-align:middle;
}

.lbly {
    width:100%;
    height:var(--talla-pequeno);
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:12px;
    padding-top:0;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:0;
    border-width:0;
    border-radius:0;
    text-align:left;
    vertical-align:middle;
}

.lblz {
    width:auto;
    height:auto;
    margin-top:0;
    margin-left:2px;
    margin-right:6px;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    border-width:0;
    border-radius:0;
    text-align:left;
    vertical-align:middle;
    cursor:pointer;
}

/* etiqueta marco */
.nudo {
    position:absolute;
    display:inline-block;
    width:auto;
    height:18px;
    top:-10px;
    left:10px;
    right:auto;
    bottom:auto;
    margin:auto;
    padding-top:0;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:0;
    box-sizing:border-box;
    z-index:1;
}

/* etiqueta requerida */
.rqrd {
    display:inline-block;
    width:7px;
    height:7px;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:1px;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    border-radius:4px;
    border-width:1px;
    border-style:solid;
    border-color:var(--color-marco-obliga) !important;
    color:var(--color-marco-obliga) !important;
    background-color:var(--color-marco-obliga) !important;
    box-sizing:border-box;
}

/* etiqueta opcional */
.opcn {
    display:inline-block;
    width:auto;
    height:18px;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    box-sizing:border-box;
}

/* control */
.ctrl {
    position:relative;
    display:inline-block;
    width:100%;
    height:auto;
    /*padding-top:0;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0;*/
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    box-sizing:border-box;
}

.foco {
    border-color:var(--color-borde-normal);
}

.foco:focus {
    border-color:var(--color-marco-obliga);
}

/* texto */
.txtx {
    width:100%;
    height:var(--talla-extenso);
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:12px;
    padding-top:0;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:0;
    border-width:1px;
    border-radius:var(--radio-mediano);
}

.txty {
    /*width:calc(100% - 92px);*/ /* 100% - (80px boton + 12px padding)) */
    /*width:calc(100% - 100px);*/ /* 100% - (88px boton + 12px padding)) */
    width:100%;
    height:var(--talla-mediano);
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    /*margin-bottom:12px;*/
    padding-top:0;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:0;
    border-width:1px;
    border-radius:var(--radio-mediano);
    text-align:left;
    vertical-align:middle;
}

/* icono lupa */
.lupa {
    text-indent:18px;
    background-image:url('../_img_old/lupa_20220325.png');
    background-size:16px 16px;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:8px 50%;
}

.lupa:focus {
    /*text-indent:0;
    background-image:none;*/
}

.lupa:active {
    /*text-indent:0;
    background-image:none;*/
}

/* icono quitar */
.quit {
    position: absolute;
    top:4px;
    left:auto;
    right:4px;
    bottom:auto;
    margin:0;
    padding:0;
    cursor:pointer;
    z-index:1;
}

/* incluir */
.incl {
    background-color:var(--color-fondo-palido) !important;
}

/* omitir */
.omit {
    background-color:var(--color-fondo-anular) !important;
}

/* seleccion */
.sele {
    width:100%;
    height:var(--talla-extenso);
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:12px;
    padding-top:2px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:0;
    border-width:1px;
    border-radius:var(--radio-mediano);
}

/* caja */
.caja {
    /*width:16px;*/
    /*height:16px;*/
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
    margin-bottom:5px;
    padding:0;
    /*transform:scale(1.1);*/
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

/* boton aceptar */
/*.btnz {*/
.btnx {
    /*width:120px;*/
    width:118px;
    height:var(--talla-regular);
    /*height:34px;*/ /* nuevo valor 34px para --talla-regular */
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    border-width:0;
    /*border-radius:var(--radio-extenso);*/
    border-radius:var(--radio-gigante);
    text-align:center;
    vertical-align:middle;
    text-shadow:1px 1px 0 var(--color-texto-sombra);
    cursor:pointer;
}

/* boton cancelar */
/*.btnw {*/
.btny {
    /*width:120px;*/
    width:118px;
    height:var(--talla-regular);
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    border-width:1px;
    border-style:solid;
    /*border-color:var(--color-borde-revoca) !important;*/
    border-radius:var(--radio-gigante);
    text-align:center;
    vertical-align:middle;
    text-shadow:1px 1px 0 var(--color-fondo-sombra);
    cursor:pointer;
}

/* boton sesion */
/*.btnx {*/
.btnz {
    width:100%;
    height:var(--talla-gigante);
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:12px;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    /*border-width:1px;*/
    border-width:0;
    border-radius:var(--radio-gigante);
    text-shadow:1px 1px 0 var(--color-texto-sombra);
    cursor:pointer;
}

/* botones cabecera */
/*.btny {*/
.btnc {
    /*width:90px;*/
    width:88px;
    height:var(--talla-mediano);
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    /*border-width:1px;*/
    border-width:0;
    border-radius:var(--radio-extenso);
    text-align:center;
    vertical-align:middle;
    text-shadow:1px 1px 0 var(--color-texto-sombra);
    cursor:pointer;
}

.btnd {
    /*width:90px;*/
    width:58px;
    height:var(--talla-mediano);
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    /*border-width:1px;*/
    border-width:0;
    border-radius:var(--radio-extenso);
    text-align:center;
    vertical-align:middle;
    text-shadow:1px 1px 0 var(--color-texto-sombra);
    cursor:pointer;
}

/* boton popup si */
.btns {
    width:88px;
    height:var(--talla-mediano);
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    /*border-width:1px;*/
    border-width:0;
    /*border-style:solid;*/
    /*border-color:var(--color-borde-revoca) !important;*/
    border-radius:var(--radio-extenso);
    text-align:center;
    vertical-align:middle;
    text-shadow:1px 1px 0 var(--color-texto-sombra);
    cursor:pointer;
}

/* boton popup no */
.btnn {
    /*width:120px;*/
    width:88px;
    height:var(--talla-mediano);
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    border-width:1px;
    border-style:solid;
    /*border-color:var(--color-borde-normal) !important;*/
    border-radius:var(--radio-extenso);
    text-align:center;
    vertical-align:middle;
    text-shadow:1px 1px 0 var(--color-fondo-sombra);
    cursor:pointer;
}
