@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Chicle|Indie+Flower|Lobster|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Playfair+Display:400,400i,700,700i,900,900i|Quicksand:300,400,500,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Yatra+One&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese');

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*******************************/
/** Limpieza de estilos       **/
/*******************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
/*    font-family: 'Muli', sans-serif;*/
/*    font-family: 'Instrument Serif', serif; */
    font-family: 'Roboto', sans-serif; 
/*    font-family: 'Lato', sans-serif;*/
/*    font-family: 'Roboto Condensed', sans-serif; */
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    /** 1rem=10px **/
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    font-size: 1.6rem;
    height: 100%;
    overflow: hidden;
/*    border: 5px solid red;*/
}

input[type=date]{
    -webkit-appearance: none;
    -moz-appearance: none;
}

::-webkit-scrollbar {
/*
    width: 0px;
    height: 10px;
    display: none;
*/
}

::-webkit-scrollbar-track-piece:decrement {
    /*  background-clip: content-box;*/
    /*    border: solid 1px red;*/
}

::-webkit-scrollbar-thumb {
/*
    background-color: #d6d6d6;
    border-radius: 10px;
    cursor: pointer;
*/
}

a {
    text-decoration: none;
    color: black;
}

#conten_variables_globales {
    display: none;
}

/*******************************/
/** Variables Globales        **/
/*******************************/
/*
.contenedor {
    max-width: 1200px;
    margin: 0 auto;
}
*/

label {
    user-select: none;
}

.centrar-texto {
    text-align: center;
}

.centrar-objeto {
    margin: 0 auto;
}

.no-margin {
    margin: 0;
}

.centrar_contenido {
    margin: 0 auto;
}

/*******************************************/
/** Estilos de alineacion **/
/*******************************************/
.flex_centrado {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_derecha {
    display: flex;
    justify-content: flex-end;
}

.flex_der_cent_vert {
    flex-direction: column;
    justify-content: center;
    text-align: right;
}

.wrap {
    flex-wrap: wrap !important;    
}

.nowrap {
    flex-wrap: nowrap !important;
}

.alinear_der {
    text-align: right !important;
}

.alinear_cen {
    text-align: center !important;
}

.alinear_izq {
    text-align: left !important;
}

.padding_top_1 {
    padding-top: 1rem !important;
}

.padding_bottom_10 {
    padding-bottom: 10rem !important;
}

.negrita {
    font-weight: bold !important;
}

.azul {
    color: blue !important;
}

.rojo {
    color: red !important;
}

.verde {
    color: green !important;
}

.padding_1 {
    padding: 1 !important;
}

.borde_2 {
    border: 2px solid #3b3b3b !important;
}

.borde_azul {
    border: 5px solid blue !important;
}

.borde_rojo {
    border: 5px solid red !important;
}

.borde_verde {
    border: 5px solid green !important;
}

/*******************************************/
/** FIN Estilos de alineacion **/
/*******************************************/

/*******************************************/
/** INICIO Estilo formulario mantenedor **/
/*******************************************/


/*******************************************/
/** FIN Estilos de alineacion **/
/*******************************************/



/*******************************************/
/** Estilos de los contenedores **/
/*******************************************/

/* Contendor del interior del formulario */
.alto_100 {
    height: 100% !important;
}

.alto_90 {
    height: 90% !important;
/*    overflow-y: scroll;*/
}

.alto_80 {
    height: 80% !important;
/*    overflow-y: scroll;*/
}

.alto_30 {
    height: 30% !important;
/*    overflow-y: scroll;*/
}

.alto_20 {
    height: 20% !important;
/*    overflow-y: scroll;*/
}


.centrar_contenido {
    display: flex;
    justify-content: center;
}

.conten_campo_frm {
    margin: .2rem;
}


@media (min-width: 768px) {
    .conten_campo_frm {
        margin: .2rem;
    }
}

#conten_datos_usuario,
#conten_datos_personal,
#conten_datos_version {
    width: 100%;
    padding-bottom: 10rem;
}

@media (min-width: 1385px) {
    #conten_datos_usuario,
    #conten_datos_personal,
    #conten_datos_version {
        width: 80%;
    }
}

.conten_formulario_modal {

}

.conten_frm_bloque_100 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

.varurlredirect {
    border: none;
    border: 1px solid #9d9d9d;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 1.2rem;
    padding: 3px 2px;
    background-color: rgba(38, 38, 38, 0.9);
    color: white;
}

/** Este bloque causa que el cuadro no tome el margin top que se aplico arriba a todos los bloques **/
#cuadro_modulo_agregar_1,
#encabezado_inferior_der_sup {
    margin-top: 0rem;   
}

.conten_frm_bloque_90 {
    width: 100%;   
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_90 {
        width: 90%;   
        display: flex;
        justify-content: space-between;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_80 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_80 {
        width: 80%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_70 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_70 {
        width: 70%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_60 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_60 {
        width: 60%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_60_sin_padding {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_60_sin_padding {
        width: 60%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_50 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_50 {
        width: 49%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_50_sin_padding {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_50_sin_padding {
        width: 49%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_40 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_40 {
        width: 39.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_40_sin_padding {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_40_sin_padding {
        width: 39.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_33 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_33 {
        width: 32.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_30 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_30 {
        width: 29.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_30_sin_padding {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_30_sin_padding {
        width: 29.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_25 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_25 {
        width: 24.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_20 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_20 {
        width: 19.5%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_15 {
    width: 100%;   
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_15 {
        width: 15%;   
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_10 {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_10 {
        width: 10%;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_frm_bloque_5 {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding-top: 1rem;
    background-color: var(--color_fondo_contenedor_bloque);
}

@media (min-width: 768px) {
    .conten_frm_bloque_5 {
        width: 5%;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-top: 1rem;
        background-color: var(--color_fondo_contenedor_bloque);
    }
}

.conten_pocos_campos {
    margin: 0 auto;
    border: 1px solid var(--col_bordes);
    padding: 2rem;
    border-radius: 1rem;
    max-width: 100%;
    display: flex;
    width: 100%;
}

@media (min-width: 768px) {
    .conten_pocos_campos {
        margin: 0 auto;
        border: 1px solid var(--col_bordes);
        padding: 2rem;
        border-radius: 1rem;
        max-width: 60rem;
        display: flex;
        width: 100%;
    }
}

.flex_wrap {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start!important;
    flex-wrap: wrap !important;
}

.flex_no_wrap {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    flex-wrap: nowrap !important;
}

.justificar {
    justify-content: space-between !important;
}

/**************************************/
/** FIN Estilos de los contenedores **/
/**************************************/
.ocultar {
    display: none;
}


.conten_foto_usuario {
    height: 100% !important;
}


/**********************************************/
/** Estilos de los contenedores de campos **/
/**********************************************/

.formulario_modal {
    min-height: 35rem;
}

.lbl_titulo_campo_frm_imagen {
    width: 20%;
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: -1rem;
    font-size: 1.4rem;
    position: absolute;
    color: var(--color_texto_oscuro);
    background-color: white;
    z-index: 1;
}

.conten_lbl_titulo_campo_frm {
    padding: .5rem;
    margin: .5rem;
    height: 100%;
    display: flex;
    position: absolute;
}


.lbl_titulo_campo_frm {
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    font-size: 1.4rem;
    position: absolute;
    color: var(--color_texto_oscuro);
    transition: .2s ease all;
    background-color: white;
}

.lbl_campo_obligatorio_frm {
    position: absolute;
    pointer-events: none;
    font-size: 2rem;
    margin-top: .7rem;
    right: 1.1rem;
    color: var(--color_texto_validacion);
    display: none;
    z-index: 1;
}

.lbl_titulo_campo_frm_valido {
    margin-right: 1rem;
    position: absolute;
    color: var(--color_texto_oscuro);
    transition: .2s ease all;
    background-color: white;
    margin-top: -.8rem;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 1rem;
    display: block;
    font-size: 1.2rem;
}

.lbl_titulo_campo_frm_solo_lectura {
    margin-right: 1rem;
    position: absolute;
    color: var(--color_texto_oscuro);
    transition: .2s ease all;
    background-color: #e6e6e6;
    margin-top: -.8rem;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 1rem;
    display: block;
    font-size: 1.2rem;
}

.lbl_tit_campo_fil_sel_bus {
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: -0.7rem;
    font-size: 1.4rem;
    position: absolute;
    color: var(--color_texto_oscuro);
    transition: .2s ease all;
    background-color: white;
}

/* Titulo del campo */
.lbl_tit_campo_fil_sel_uni {
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: -.7rem;
    font-size: 1.2rem;
    position: absolute;
    color: var(--color_texto_oscuro);
    transition: .2s ease all;
    background-color: white;
}

.input_campo_frm_mayus:focus ~ .lbl_tit_campo_fil_sel_bus,
.input_campo_frm_mayus:valid ~ .lbl_tit_campo_fil_sel_bus {
    margin-top: -4.2rem;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 1rem;
    display: block;
    font-size: 1.2rem;
}

.input_campo_frm:focus ~ .lbl_titulo_campo_frm,
.input_campo_frm:valid ~ .lbl_titulo_campo_frm {
    margin-top: -.7rem;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 1rem;
    display: block;
    font-size: 1.2rem;
}

.input_campo_frm_minus:focus ~ .lbl_titulo_campo_frm,
.input_campo_frm_minus:valid ~ .lbl_titulo_campo_frm {
    margin-top: -.7rem;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 1rem;
    display: block;
    font-size: 1.2rem;
}

.input_campo_frm_mayus:focus ~ .lbl_titulo_campo_frm,
.input_campo_frm_mayus:valid ~ .lbl_titulo_campo_frm {
    margin-top: -.7rem;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 1rem;
    display: block;
    font-size: 1.2rem;
}

.campo_solo_lectura:read-only ~ .lbl_titulo_campo_frm {
    display: flex;
    font-size: 1.3rem;
    position: absolute;
    margin-top: -.8rem;
    color: #9f9f9f;
}

.conten_input_campo_frm {
    display: flex;
    width: 100%;
    position: absolute;
}

.campo_solo_lectura {
    background-color: #ffffff;
    color: #a7a7a7;
    cursor: not-allowed;
}

/** Campo input tipo text **/
.input_campo_frm {
    border: none;
    border: 1px solid var(--color_borde_campo_medio);
    display: flex;
    width: 100%;
    height: 3.5rem;
    font-size: 1.1rem;
    padding: .5rem;
    border-radius: .4rem;
}

.input_campo_frm:hover {
    transition: all .3s;
    box-shadow: .0rem .0rem .6rem var(--color_hover_borde_campo);
}

.input_campo_frm_solo_lectura:read-only {
    border: none;
    border: 1px solid var(--color_borde_campo_medio);
    display: flex;
    width: 100%;
    height: 3.5rem;
    font-size: 1.1rem;
    padding: .5rem;
    border-radius: .4rem;
    background-color: #f7f7f7;
}

.input_campo_frm_solo_lectura:read-only  ~.lbl_titulo_campo_frm_valido {
    color: #b5b5b5;
}

/** Campo input tipo text **/
.input_campo_frm_mayus {
    border: none;
    border: 1px solid var(--color_borde_campo_medio);
    display: flex;
    width: 100%;
    height: 3.5rem;
    font-size: 1.1rem;
    padding: .5rem;
    border-radius: .4rem;
    text-transform: uppercase;
}

.mayus {
    text-transform: uppercase;
}

.input_campo_frm_mayus:hover {
    transition: all .3s;
    box-shadow: .0rem .0rem .6rem var(--color_hover_borde_campo);
}

/** Campo input tipo text **/
.input_campo_frm_minus {
    border: none;
    border: 1px solid var(--color_borde_campo_medio);
    display: flex;
    width: 100%;
    height: 3.5rem;
    font-size: 1.1rem;
    padding: .5rem;
    border-radius: .4rem;
    text-transform: lowercase;
}

.input_campo_frm_minus:hover {
    transition: all .3s;
    box-shadow: .0rem .0rem .6rem var(--color_hover_borde_campo);
}


/** Campo input tipo date **/
/*
.campo_input_date_100 {
    border: none;
    border: 1px solid var(--color_borde_campo_medio);
    display: flex;
    width: 100%;
    height: 4rem;
    font-size: 1.3rem;
    padding: 5px;
    border-radius: .4rem;
}
*/


/** Campo input tipo select **/
/*
.campo_select_100 {
    border: none;
    border: 1px solid var(--color_borde_campo_medio);
    background: var(--color_fondo_campo);
    display: flex;
    width: 100%;
    height: 4rem;
    font-size: 1.2rem;
    padding: 5px;
    border-radius: .4rem;
}
*/

/** Campo input tipo select personalizado **/
/*
.conten_select_personalizado {
    height: 4rem;
    width: 100%;
    border-radius: 0.4rem;
    background-color: var(--color_fondo_campo);
    font-size: 1.4rem;
    color: var(--color_texto_medio);
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
*/
/*

.icono_flecha_select_personalizado {
    font-size: 2.4rem;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;    
    transition: all 0.3s;
    position: absolute;
    right: .5rem;
}
*/
/*

.opcion_campo_select_personalizado {
    width: 100%;
    padding: .5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 1.2rem;
    border: 1px solid var(--color_borde_campo_claro);
}

.opcion_campo_select_personalizado:hover {
    background: var(--color_hover_opcion_select_personalizado);
    color: var(--color_texto_hover_opcion_select_personalizado);
}

.campo_select_personalizado {
    width: 100%;
    padding: .5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    position: relative;
    background-color: var(--color_fondo_campo_filtro);
    font-size: 1.2rem;
    border-radius: .4rem;
    border: 1px solid var(--color_borde_campo_medio);
}

.campo_select_personalizado:hover {
    background-color: var(--color_hover_boton_claro);
}

.campo_select_personalizado:hover + .icono_flecha_select_personalizado {
}


.content_opcion_campo_select_personalizado {
    margin: 0 auto;
    position: absolute;
    top: 6.5rem;
    height: 18.5rem;
    border: 1px solid var(--color_borde_campo_oscuro);
    width: 97.5%;
    display: flex;
    flex-direction: column;
    background: white;
    opacity: 0;
    transition: all 0.3s;
    overflow: scroll;
    overflow-x: hidden;
}

.celda_grilla_personalizada {
    border: none;
    font-size: 1.2rem;
}
*/


/*******************************/
/** Campo input tipo checkbox **/
/*******************************/

#lbl_inventariable {
    display: flex;
    justify-content: center;
    align-items: center;
/*    border: 1px solid red;*/
    height: 4rem;
    font-size: 1.4rem;
/*    margin-left: .5rem;*/
}

.lbl_chk_parte_pago {
    display: flex;
    width: 100%;
    border: 2px solid red;
}

/* Checkbox pequeño */
.lbl_checkbox_mod_1 {
    font-size: 1rem;
}

/* Checkbox mediano */
.lbl_checkbox_mod_2 {
    font-size: 1.2rem;
}

/* Checkbox grande */
.lbl_checkbox_mod_3 {
    font-size: 1.2rem;
}

.chk_mod_1,
.chk_mod_2,
.chk_mod_3 {
    display: none;
}

.lbl_checkbox_mod_1:hover,
.lbl_checkbox_mod_2:hover,
.lbl_checkbox_mod_3:hover {
    transition: .3s;
}

.chk_mod_1 + .lbl_checkbox_mod_1,
.chk_mod_2 + .lbl_checkbox_mod_2,
.chk_mod_3 + .lbl_checkbox_mod_3 {
    cursor: pointer;
}

.chk_mod_1:checked + .lbl_checkbox_mod_1:before {
    content: '✓';
    font-size: 1.4rem;
    margin-top: -.7rem;
    color: var(--color_ticket_checkbox);
}

.lbl_checkbox_mod_1:before {
    content: ' ';
    background: transparent;
    border-radius: .4rem;
    display: inline-block;
    height: 2rem;
    width: 2rem; 
    text-align: center;
}

.lbl_checkbox_mod_2:before {
    content: ' ';
    background: transparent;
    border: 1px solid var(--color_borde_checkbox);
    border-radius: .4rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    text-align: center;
}

.chk_mod_2:checked + .lbl_checkbox_mod_2:before {
    content: '✓';
    font-size: 1.4rem;
    color: var(--color_ticket_checkbox);
}

.chk_mod_3:checked + .lbl_checkbox_mod_3:before {
    content: '✓';
    font-size: 3rem;
    color: var(--color_ticket_checkbox);
}

.lbl_checkbox_mod_3:before {
    content: ' ';
    background: transparent;
    border: 2px solid var(--color_borde_checkbox);
    border-radius: .4rem;
    display: inline-block;
    height: 4rem;
    margin-right: 1rem;
    text-align: center;
    text-shadow: 4px -2px 3px gray;
    vertical-align: middle;
    width: 4rem; 
}

#conten_chk_cambiar_password {
    position: absolute;
    margin-top: -1.3rem;
    display: flex;
    right: 1rem;
}

#lbl_chk_cambiar_password {
    font-size: 1.3rem;
    display: flex;
    margin-left: .5rem;
}

#varpassword,
#varrepassword {
    padding-right: 5rem;   
}

/*******************************/
/*******************************/
/*******************************/


.conten_considera_parte_pago {
    display: flex;
    width: 100%;
}

.conten_lbl_considera_parte_pago {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 1.2rem;
    color: #09094e;
    font-weight: bold;
}

.conten_radio_considera_parte_pago {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.conten_radio_considera_parte_pago div {
/*    border: 2px solid blue;   */
}

.conten_radio_considera_parte_pago input:hover {
    cursor: pointer;
}



/*******************************/
/*******************************/
/*******************************/


.lbl_campo_obligatorio {
    font-size: 1.2rem;
    display: none;
    position: absolute;
    bottom: -1.5rem;
    color: red;
    transition: all 0.4s;
}

.lbl_boton_frm {
    border: 1px solid var(--color_borde_campo_medio);
    background-color: var(--color_fondo_boton_oscuro);
    color: var(--color_texto_boton_oscuro);
    height: 4rem;
    padding: 1rem;
    font-size: 1.3rem;
    border-radius: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2.2rem;
    transition: all .4s;
}

.lbl_boton_frm:hover {
    cursor: pointer;
    background-color: var(--color_hover_boton_oscuro);
}

.icono_ver_password_campo_frm {
    position: absolute;
    right: 2rem;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 4rem;
    color: gray;
}

.icono_ver_password_campo_frm:hover {
    color: black;
    cursor: pointer;
}

/** ******************** **/
/** Grilla personalizada **/
/** ******************** **/
.content_grilla_personalizada {
    border: none;
}

/** Encabezado grilla **/
.content_grilla_personalizada_encabezado {
    margin: 0 auto;
    width: 99%;
}

.conten_fil_enca_grilla_personalizada {
    display: flex;
    border-bottom: 1px solid var(--color_borde_campo_medio);
    font-size: 1.4rem;
}

.enca_grilla_frm {
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem;
}

/** Cuerpo grilla **/
.content_grilla_personalizada_cuerpo {
    margin: 0 auto;
    width: 99%;
}

.conten_fil_deta_grilla_personalizada {
    display: flex;
    border-bottom: 1px solid var(--color_borde_campo_medio);
    font-size: 1.4rem;
}

.deta_grilla_frm {
    height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem;
}

.eliminar_fila_grilla {
    font-size: 2rem;
    color: red;
}

.eliminar_fila_grilla:hover {
    cursor: pointer;
}
/** ******************** **/
/** ******************** **/
/** ******************** **/

.contenedor_textarea_frm {
    border: none;
}

.textarea_frm {
    width: 100%;
    resize: vertical;
}

.conten_resumen_cotizacion {
    height: 95%;
    border: 1px solid var(--color_borde_campo_oscuro);
    width: 100%;
    border-radius: .4rem;
    padding: 1rem;
}

.conten_resumen_nota_pedido {
    height: 95%;
    border: 1px solid var(--color_borde_campo_oscuro);
    width: 100%;
    border-radius: .4rem;
    padding: 1rem;
}

/**********************************************/
/** FIN Estilos de los contenedors de campos **/
/**********************************************/