/*  Textos y Tipografías  */
.TextoAzul20px {
    color: #003366;
    font-size: 20px;
    font-family: "Century Gothic", sans-serif;
}

.TextoGrisMedium {
    color: #666666;
    font-size: 14px;
    font-family: "Century Gothic", sans-serif;
}

.etiqueta-destacada {
    color: white;
    font-size: 14pt;
    font-family: "Century Gothic", sans-serif;
}

.TextoNegro11px {
    font-size: 11px;
    color: #000000;
}

/*  Clases para Justificación  */
.justificado {
    text-align: justify;
}

/*  Tooltips y Ayudas  */
.tooltip-contenido {
    text-align: justify;
    line-height: 15px;
}

.ayuda {
    position: absolute;
    margin-top: 17px;
}

/*  Campos de Texto  */
.cajaCorreo {
    width: 175px;
}
/*  Estilos para enlaces en ayuda cartera  */
.ancho800 {
    width: 800px;
}

.centrado-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

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

/*  Estilos para Redescuento*/
.espaciador-10px {
    height: 10px;
}

/*  Espaciadores verticales  */
.h-5px {
    height: 5px;
}

.h-10px {
    height: 10px;
}

.h-20px {
    height: 20px;
}

.h-40px {
    height: 40px;
}

.h-80px {
    height: 80px;
}

/*  Anchos comunes  */
.w-100px {
    width: 100px;
}

.w-150px {
    width: 150px;
}

.w-200px {
    width: 200px;
}

.w-300px {
    width: 300px;
}

.w-500px {
    width: 500px;
}

.w-810px {
    width: 810px;
}

.w-840px {
    width: 840px;
}

.w-1850px {
    width: 1850px;
}


.w-800px {
    width: 800px;
}


.w-700px {
    width: 700px;
}

.w-10px {
    width: 10px;
}

.w-740px {
    width: 740px;
}

.m-auto-20px {
    margin: 20px auto;
}

.fw-bold {
    font-weight: bold;
}

.w-230px {
    width: 230px;
}

.w-160px {
    width: 160px;
}

.w-190px {
    width: 190px;
}

.oculto {
    display: none;
}

.w-8 {
    width: 8%;
}

.m-0 {
    margin: 0;
}

.inline {
    display: inline;
}

.ml-28 {
    margin-left: 28px;
}

.inline-block {
    display: inline-block;
}

.fuente-frutiger-075em {
    font-family: FrutigerLTStd-Roman_0, sans-serif;
    font-size: 0.75em;
}

.w-100 {
    width: 100%;
}

.w-89 {
    width: 89%;
}

.max-width-911 {
    max-width: 911px;
}

.h-25px {
    height: 25px;
}


.w-110 {
    width: 110%
}

.background-color-white {
    background-color: white;

}

.background-color-white-margin-right-500px {
    background-color: white;
    margin-right: 500px;
}

.visibility-hidden {
    visibility: hidden;
}

.top-6px {
    top: 6px;
}

.top-1px {
    top: -1px;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom;
}

.w-12 {
    width: 12%;
}

.w-11 {
    width: 11%;
}

.w-26 {
    width: 26%;
}

.position-relative-l0-t3 {
    position: relative;
    left: 0px;
    top: 3px
}

.position-relative-l4 {
    position: relative;
    left: 4px
}

.w-12-margin-10px-2px {
    width: 12%;
    margin: 10px 2px 0px 0px
}

.w-15 {
    width: 15%;
}

.margin-l {
    margin: 0px 0px 0px 380px;
}

.overflow-auto-clear-left-m0-auto-h-auto {
    overflow: auto;
    clear: left;
    margin: 0 auto;
    height: auto;
}

.w-46-i {
    width: 46% !important;
}

.position-relative-left-1px-top-2px {
    position: relative;
    left: 1px;
    top: -2px;
}

.w-70 {
    width: 70%
}

.w-98-i {
    width: 98% !important;
}

.w-21-i {
    width: 21% !important;
    margin: auto;
}

.w-19 {
    width: 19%;
}

.w-90-margin-auto {
    width: 90%;
    margin: auto;
}

.background-color-e6e6e6-padding-18px {
    background-color: #e6e6e6;
    padding: 18px;
}

.w-100-mt-10px {
    width: 100%;
    margin-top: 10px;
}

.w-90px-padding-bottom-17px-text-align-right {
    width: 90px;
    padding-bottom: 17px;
    text-align: right;
}

.w-305px {
    width: 305px
}

.padding-bottom-17px {
    padding-bottom: 17px;
}

.display-inline-h-34px-padding-top-10px-w-auto-font-size-09em {
    display: inline;
    height: 34px;
    padding-top: 10px;
    width: auto;
    font-size: 0.9em;
}

.w-148px-padding-bottom-17px-text-align-right {
    width: 148px;
    padding-bottom: 17px;
    text-align: right;
}

.w-243px-padding-bottom-17px-text-align-right {
    width: 243px;
    padding-bottom: 17px;
    text-align: right;
}

.padding-bottom-17px {
    padding-bottom: 17px
}

.w-40 {
    width: 40%;
}

.display-none {
    display: none;
}

.position-relative-left-8px {
    position: relative;
    left: 8px;
}

.position-relative-left-60px {
    position: relative;
    left: 60px;
}


.w-96-i {
    width: 96% !important;
}

.w-47_9-i {
    width: 47.9% !important
}

.text-align-justify {
    text-align: justify;
}


.TituloBlancoFondoNaranja14pt {
    font-family: Verdana;
    font-size: 14pt;
    color: white;
    background-color: #F6A924;
    font-weight: bold;
    text-align: center;
}

.TituloAmarilloFondoAzul14pt {
    font-family: Verdana;
    font-size: 14pt;
    color: #F6A924;
    background-color: #004494;
    text-align: center;
}

.contenedor-logo {
    width: 200px;
}

.contenedor-ingreso {
    width: 200px;
}

.tabla-ingreso {
    border-collapse: collapse;
}

.TituloBlancoFondoNaranja14pt {
    font-family: Verdana;
    font-size: 14pt;
    color: White;
    background-color: #F6A924;
    font-weight: bold;
    text-align: center;
}

.TituloAmarilloFondoAzul14pt {
    font-family: Verdana;
    font-size: 14pt;
    color: #F6A924;
    background-color: #004494; /*font-weight: bold;*/
    text-align: center;
}

.w-200px {
    width: 200px;
}

.h-586px {
    height: 586px;
}


.w-70-i {
    width: 70% !important;
}

.mt-30px {
    margin-top: 30px;
}

.tabla-prueba {
    width: 100%;
}


.w-30 {
    width: 30%;
}

.w-650px {
    width: 650px;
}

.ml-300px {
    margin-left: 300px;
}

.ml-360px {
    /*margin-left: 360px;*/
    text-align: right;
}

/*  Anchos y márgenes  */
.label-set40 {
    width: 16%;
}

.label-set50-new {
    margin: 0px;
}

.label-set30 {
    font-family: FrutigerLTStd-Roman_0, sans-serif;
    font-size: 0.75em;
}

.content-asig-module-rds {
    /*width: 89%;*/
    max-width: 911px;
}

.m0 {
    margin: 0px;
}

/*  Layouts de alineación  */
.center-text {
    text-align: center;
}

.center-flex {
    justify-content: center;
    align-items: center;
}

/*  Tamaños específicos  */
.h30 {
    height: 30px;
}

.w150 {
    width: 150px;
}

.w300 {
    width: 300px;
}

/*  Clases reutilizables (texto y color)  */
.TituloBlancoFondoNaranja14pt {
    font-family: Verdana;
    font-size: 14pt;
    color: white;
    background-color: #F6A924;
    font-weight: bold;
    text-align: center;
}

.TituloAmarilloFondoAzul14pt {
    font-family: Verdana;
    font-size: 14pt;
    color: #F6A924;
    background-color: #004494;
    text-align: center;
}

.justify-content-initial-align-items-initial-text-align-center {
    justify-content: initial;
    align-items: initial;
    text-align: center
}

.text-align-justify-line-height-15px {
    text-align: justify;
    line-height: 15px;
}

.justify-content-center-align-items-center-text-align-center {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.justify-content-center-align-items-center {
    justify-content: center;
    align-items: center;
}

.w-385px {
    width: 385px;
}

.width-354px-height-46px-display-inline-block-padding-top-7px-box-sizing-border-box {
    width: 354px;
    height: 46px;
    display: inline-block;
    padding-top: 7px;
    box-sizing: border-box;
}

.height-40px-width-10px {
    height: 40px;
    width: 10px;
}

.height-40px-align-left {
    height: 40px;
    text-align: left;
}

.h-30px {
    height: 30px;
}

.w-100px-align-right {
    width: 100px;
    text-align: right;
}

.h-3px-align-center {
    height: 3px;
    text-align: center;
}

.width-80px-align-right {
    width: 80px;
    text-align: right;
}

.h-3px {
    height: 3px;
}


.height-20px-align-center {
    height: 20px;
    text-align: center;
}

.h-300px {
    height: 300px
}

.h-2px {
    height: 2px;
}

.margin-0px {
    margin: 0px;
}

.margin-left-10px {
    margin-left: 10px;
}

.display-none-background-color-#E6E6E6-padding-10px-box-sizing-border-box-runat-server-Width-500px {
    display: none;
    background-color: #E6E6E6;
    padding: 10px;
    box-sizing: border-box;
    Width: 500px;
}

.display-block {
    display: block;
}


.w-150px-align-left {
    width: 150px;
    text-align: left;
}

.margin-0px-0px-10px-0px-width-100 {
    margin: 0px 0px 10px 0px;
    width: 100%;
}

.border-bottom-solid-1-lightgray {
    border-bottom: 1px solid lightgray;
}

.position-relative-left-6px {
    position: relative;
    left: 6px;
}

.margin-left-41px {
    margin-left: 41px;
}

.max-width-200px-width-200px {
    max-width: 200px;
    width: 200px;
}

.position-relative-left-15px-height-52px-margin-top-2px-margin-bottom-2px {
    position: relative;
    left: 15px;
    height: 52px;
    margin-top: 2px;
    margin-bottom: 2px
}

.position-relative-left-20px-height-52px-margin-top-2px-margin-bottom-2px-max-width-160px-width-160px {
    position: relative;
    left: 20px;
    height: 52px;
    margin-top: 2px;
    margin-bottom: 2px;
    max-width: 160px;
    width: 160px;
}

.height-52px {
    height: 52px;
}

.display-inline-flex {
    display: inline-flex;
}

.width-auto-important-margin-top-10px {
    width: auto !important;
    margin-top: 10px;
}

.margin-0px-0px-0px-5px-width-auto {
    margin: 0px 0px 0px 5px;
    width: auto;
}

.display-inline-block-margin-0px {
    display: inline-block;
    margin: 0px;
}

.width-50-margin-0px {
    width: 50%;
    margin: 0px;
}

.width-auto-important {
    width: auto !important;
}

.margin-0px-width-80 {
    margin: 0px;
    width: 80%;
}

.width-30-display-inline-block {
    width: 30%;
    display: inline-block;
}

.w-410px {
    width: 410px;
}

.width-93-important-padding-right-10px {
    width: 93% !important;
    padding-right: 10px;
}

.border-width-0px-position-relative-left-8px {
    border-width: 0px;
    position: relative;
    left: 8px;
}


.margin-10px-display-flex-justify-content-center-width-100 {
    margin: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.margin-0px-5px-0px-0px-width-150px-max-width-150px {
    margin: 0px 5px 0px 0px;
    width: 150px;
    max-width: 150px;
}

.margin-0px-0px-0px-5px {
    margin: 0px 0px 0px 5px;
}

.margin-top-40px {
    margin-top: 40px;
}

.margin-left-0px {
    margin-left: 0px;
}

.margin-left-43px-margin-right-0px {
    margin-left: 43px;
    margin-right: 0px;
}

.left-3px {
    left: -3px;
}

.left-2px {
    left: 2px;
}

.left-49px {
    left: -49px;
}

.left-71px {
    left: -71px;
}

.left-6px {
    left: 6px;
}

.top-1px {
    top: -1px;
}

.width-auto {
    width: auto;
}

.position-fixed-overlay {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: none;
}


.top-7px {
    top: 7px;
}

.position-relative-left-5px {
    position: relative;
    left: 5px;
}

.top-5px {
    top: 5px;
}

.w-100-max-width-1024px-m-0-auto {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.w59-6 {
    width: 59.6%;
}

.overflow-scroll-w-600px-h-400px {
    /*overflow: scroll;*/
    width: auto;
    height: auto
}

w-400px-text-align-justify {
    width: 400px;
    text-align: justify;
}

.float-left-margin-0-6px-0-0-position-relative-top-3px {
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    top: -3px;
}


.w93-margin-0-auto {
    width: 93%;
    margin: 0 auto;
}

.flex-center {
    display: -ms-flexbox; /* IE10 */
    display: -webkit-flex; /* Safari 8 */
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.w-10 {
    width: 10%;
}

.w-14-important {
    width: 14% !important;
}

.w-18 {
    width: 18%;
}

.width-110px-margin-0-650px-position-absolute-top-760px {
    width: 110px;
    margin: 0 650px;
    position: absolute;
    top: 760px;
}

.w-100-m-0px-0px-20px-0px-h-70px {
    width: 100%;
    margin: 0px 0px 20px 0px;
    height: 70px;
}

.w-57-margin-left-57px-important {
    width: 57%;
    margin-left: 57px !important;
}

.font-family-FrutigerLTStd-Roman_0-sans-serif-font-size-075em-text-align-left {
    font-family: FrutigerLTStd-Roman_0, sans-serif;
    font-size: 0.75em;
    text-align: left;
}

.margin-left-170px {
    margin-left: 170px;
}

.font-size-15px-font-family-Arial-Verdana {
    font-size: 15px;
    font-family: Arial,Verdana;
}

.margin-top-50px-overflow-scroll-width-950px-height-500px {
    margin-top: 50px;
    overflow: scroll;
    width: 950px;
    height: 500px
}

.font-family-FrutigerLTStd-Roman_0-sans-serif-font-size-075em-text-align-right {
    font-family: FrutigerLTStd-Roman_0, sans-serif;
    font-size: 0.75em;
    text-align: right;
}

overflow-scroll-width-450px-height-300px-font-family-FrutigerLTStd-Roman_0-font-size-075em-color-#4D4D4D-margin-60px-auto {
    overflow: scroll;
    width: 450px;
    height: 300px;
    font-family: FrutigerLTStd-Roman_0;
    font-size: 0.75em;
    color: #4D4D4D;
    margin: 60px auto
}

.display-none-Width-100 {
    display: none;
    Width: 100%;
}

.width-95-margin-5px-auto {
    width: 95%;
    margin: 5px auto;
}

.left-4px-top-2px {
    left: 4px;
    top: 2px;
}

.margin-30px {
    margin: 30px;
}

.width-96-margin-auto {
    width: 96%;
    margin: auto;
}

.width-96-important-margin-5px {
    width: 96% !important;
    margin: 5px;
}

.width-96-important {
    width: 96% !important;
}

.width-100-margin-auto {
    width: 100%;
    margin: auto;
}

.margin-auto {
    margin: auto;
}

.titulo-barra {
    font-family: tahoma;
    width: 803px;
    height: 37px;
    margin-top: 3%;
    text-align: left;
    line-height: 17px;
    color: white;
    font-size: 1.1em;
    margin-top: 0px;
    padding-top: 15px;
    margin-bottom: 0px;
    background-color: #2B4C89;
    text-indent: 25px;
    margin: auto;
}

.width-803px-margin-auto {
    width: 803px;
    margin: auto;
}

.width-761px-margin-auto {
    width: 761px;
    margin: auto;
}

.fuente-sans-serif-11pt-color-gris {
    font-family: sans-serif;
    font-size: 11pt;
    padding-top: 30px;
    color: #484444;
}

.fuente-sans-serif-11pt-m-0px-color-gris {
    font-family: sans-serif;
    font-size: 11pt;
    margin: 0px;
    color: #484444;
}

.fuente-sans-serif-11pt-m-0px-color-gris-fondo-grisclaro-borde-1px-gris-p-10px {
    font-family: sans-serif;
    font-size: 11pt;
    margin: 0px;
    color: #484444;
    background-color: #F4F4F4;
    border: solid 1px #E6E6E6;
    padding: 10px;
}

.fuente-sans-serif-11pt-m-0pxcolor-gris-solid-1px {
    font-family: sans-serif;
    font-size: 11pt;
    margin: 0px;
    color: #484444;
    border-bottom: solid 1px;
}

.fondo-azulclaro {
    background-color: #ECF7FF
}

.fondo-Silver {
    background-color: Silver;
}

.barra-encabezado {
    font-family: tahoma;
    width: 803px;
    height: 37px;
    margin-top: 3%;
    text-align: left;
    line-height: 17px;
    color: white;
    font-size: 1.1em;
    margin-top: 0px;
    padding-top: 15px;
    margin-bottom: 0px;
    background-color: #2B4C89;
    text-indent: 25px;
    margin: auto;
}

.fondo-azuloscuro {
    background-color: #0067B1;
}

.h-50px-w-600px-text-align-center {
    height: 50px;
    width: 600px;
    text-align: center;
}

.text-align-justify-line-height-12px {
    text-align: justify;
    line-height: 12px;
}

.w-900px {
    width: 900px;
}

.h-25px-fuente-Arial-Helvetica-sans-serif-vertical-align-middle-line-height-25px {
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    line-height: 25px;
}

.vertical-align-top-width-942px {
    vertical-align: top;
    width: 942px;
}

.vertical-align-top-height-600px-width-980px {
    vertical-align: top;
    height: 600px;
    width: 980px;
}

.vertical-align-top {
    vertical-align: top;
}

.w-14px {
    width: 14px;
}

.w-16-important {
    width: 16% !important;
}

.w-21 {
    width: 21%;
}

.w-90-i {
    width: 90% !important;
}


.group-input-right {
    /*display: flex;*/
    align-content: center;
    align-items: center;
    margin: 9px auto;
}


/* FORMULARIOS DENTRO DE LOS TABS */
.form-ciiu-tab {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .form-ciiu-tab label {
        min-width: 240px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .form-ciiu-tab input, .form-ciiu-tab .aspNetTextBox, .form-ciiu-tab .txt-boxinput-inter {
        max-width: 300px;
        margin-right: 10px;
    }

    .form-ciiu-tab .btn-general-modal {
        margin-top: 5px;
    }



.tab-step {
    padding: 10px 20px;
    border: none;
    background-color: #f5f5f5;
    color: #333;
    font-weight: bold;
    margin-right: 5px;
    cursor: pointer;
    text-decoration: none;
}

    .tab-step:hover {
        background-color: #ddd;
    }

.step-tabs {
    margin-bottom: 15px;
}


/* --------------------------------------------------
   Modal fijo 900×550
-------------------------------------------------- */
.ciiu-modal {
    width: 900px !important;
    height: 550px !important;
}

/* --------------------------------------------------
   Contenedor interno: sólo el panel hace scroll
-------------------------------------------------- */
.ciiu-modal-content {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden; 
}

/* --------------------------------------------------
   Cabecera de pestañas
-------------------------------------------------- */
.ciiu-tab-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #f0f0f0;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
}

.ciiu-tab-link {
    margin-right: 8px;
    padding: 6px 12px;
    text-decoration: none;
    color: #fff;
    background: #808080;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

    .ciiu-tab-link.active {
        background: #61abeb; 
        color: #fff;
        border: 1px solid #00529b;
        border-bottom-color: #fff;
    }

/* --------------------------------------------------
   Margen interior superior en el panel
-------------------------------------------------- */
.ciiu-panel {
    position: absolute;
    top: 40px; 
    bottom: 60px;
    left: 20px;
    right: 20px; 
    overflow-y: auto;
    padding-top: 10px; 
}


/* --------------------------------------------------
   Footer
-------------------------------------------------- */
.ciiu-modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 10px 20px;
    text-align: center;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
}

/* --------------------------------------------------
   Estilo de textbox normal y con error
-------------------------------------------------- */
.ciiu-input-group .textbox-filter {
    width: 100%;
    box-sizing: border-box;
}

    /* Espacio entre textbox y mensaje de error */
    .ciiu-input-group .textbox-filter + .input-validation-error {
        margin-top: 4px;
    }

/* --------------------------------------------------
   GridView ocupa 100% ancho
   y alterna filas con fondo suave
-------------------------------------------------- */
.mGrid, .mGrid table {
    /*width: 100% !important;*/
    border-collapse: collapse;
}

    .mGrid tr:nth-child(even) {
        background: transparent;
    }


/* Form Group: etiqueta + input + botón alineados */
.ciiu-form-group {
    margin-top: 8px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

    /*Etiqueta sin “grid” y alineada a la izquierda */
    .ciiu-form-group label {
        width: auto; 
        text-align: left;
        font-weight: normal;
        margin-right: 12px;
        line-height: 1.5; 
    }

/* Wrap de textbox + validator */
.ciiu-input-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Botón con margen izquierdo */
.ciiu-form-group .btn-general-modal {
    margin-left: 12px;
    align-self: center;
}

/* Asegura que el textbox sea visible con borde y fondo blanco */
.textbox-filter {
    border: 1px solid #777 !important; 
    background-color: #fff !important; 
    padding: 6px 8px; 
    border-radius: 4px; 
    box-sizing: border-box;
}

    /* Si el input pierde foco, dibuja un borde más marcado */
    .textbox-filter:focus {
        outline: none;
        border-color: #61abeb !important; 
        box-shadow: 0 0 3px rgba(97, 171, 235, 0.6);
    }

/* Botones “Buscar” y “Aceptar” más bajos, mismo ancho */
.btn-general-modal {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 16px !important;
    cursor: pointer;
    text-decoration:none;
}

.btn-general-modal {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 16px !important;
    cursor: pointer;
    text-decoration: none;
}

.btn-general-modal, .btn-ingresar {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
}


/* Botón “Cancelar” igual de pequeño */
.btn-ingresar {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 16px !important;
}


/* -------------------------
   Pager 
------------------------- */
.pager-row {
    list-style: none;
    padding: 0;
    margin: 16px 0;
    /*display: flex;*/
    justify-content: center;
    align-items: center!important;
    align-content: center !important;
    font-size: 1em;
    text-align:center !important;
}

    /*pager-row table{
        margin:0 auto;
    }*/

    /*.pager-row a,
    .pager-row span {
        margin: 0 8px;
        padding: 0;
        text-decoration: none;
        color: #444;
        cursor: pointer;
    }*/

        /*.pager-row a:hover {
            color: #00529b;
        }*/

    /*.pager-row .aspNetSelected {
        font-weight: bold;
        color: #00529b;
    }*/

    /*.pager-row .aspNetDisabled {
        color: #ccc; 
        cursor: default;
    }*/

/* -------------------------
   Error CIIU requerido 
------------------------- */
/* textbox*/
.input-validation-error,
.textbox-filter.input-validation-error {
    border-color: red !important;
    background-color: #ffdddd !important;
    color: red !important;
}
/*label*/
.texto-error {
    color: red !important;
}


.margin-top-8px {
    margin-top: 8px;
}

.overflow-auto {
    overflow:auto;
}


/* -------------------------
   Tabla 
------------------------- */
/* Tabla: espaciado uniforme */
.mGridAdmin {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 10px;
}
    .mGridAdmin th:nth-child(1),
    .mGridAdmin td:nth-child(1) {
        width: 80px; 
        text-align: center;
    }

    .mGridAdmin th:nth-child(2) {
        width: 25%;
    }

    .mGridAdmin th:nth-child(3) {
        width: 50%;
    }

    .mGridAdmin th:nth-child(4) {
        width: 10%;
    }

    .mGridAdmin th:nth-child(5) {
        width: 10%;
    }

    .mGridAdmin td, .mGrid th {
        padding: 8px 10px;
    }

    /* Estilo alternado de filas */
    .mGridAdmin .alt {
        background-color: #f9f9f9;
    }


/* Espaciado vertical entre cada grupo del formulario */
/*.content-textbox-user label,
.content-textbox-user .text-box-user,
.content-textbox-user textarea,
.content-textbox-user .checkbox-wrapper {
    display: block;
    margin-bottom: 5px;
    width:358px;
}*/


/* Estilo general del TextBox */
/*.text-box-user {
    width: 300px;
    height: 26px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #f5f1f1;
    min-height: 40px;
}*/

/* Ajuste al textarea */
/*textarea.text-box-user {
    height: 60px;
}

    .text-box-user[textmode="MultiLine"],
    textarea.text-box-user {
        height: 50px;
    }



.text-danger {
    color: red;
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    margin-left: 2px;
    display: inline-block;
}

.checkbox-perfil {
    margin-right: 6px;
    vertical-align: middle;
}

.laberl-perfil {
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    vertical-align: middle;
}


.input-error {
    border: 1px solid red !important;
    background-color: #ffe6e6;
}

input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 6px;
    transform: scale(1.1);
}

.label-perfil {
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    margin-left: 2px;
}


.content-textbox-user {
    width: 350px;
    float: left;
    padding-right: 40px;
}

.content-profile img {
    max-width: 350px;
    height: auto;
    float: right;
}*/


/* Checkbox*/
/*.checkbox-wrapper {
    display: flex !important;
    align-items: center;
    margin-top: 10px;
}*/



/*-----------------------------------------
    Modulo Seguridad - perfil
------------------------------------------*/

/* Estilo base del panel de contenido modal */
/*#divPanelContenidoModal {
    width: 420px;
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    text-align: center;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
}*/

/* Estilo del título del popup */
/*#lblTituloModal {
    display: block;
    font-size: 14px;
    font-weight: bold;
    background-color: #2B4C89;
    color: white;
    padding: 10px 0;
    border-radius: 6px 6px 0 0;
    margin-bottom: 20px;
}*/

/* Ícono en el centro */
/*#imgIconoModal {
    display: block;
    margin: 0 auto 15px auto;
    width: 60px;
    height: 60px;
}*/

/* Texto del mensaje */
/*#lblMensajeModal {
    display: block;
    color: #444;
    margin-bottom: 20px;
}*/

/* Botón OK */
/*#btnOKModal, #btnCancelModal, #btnSalirModal {
    background-color: #2B4C89;
    color: white;
    padding: 8px 22px;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 6px;
}

    #btnOKModal:hover,
    #btnCancelModal:hover,
    #btnSalirModal:hover {
        background-color: #1a355e;
    }*/



/*-------------------------------------------
    Modulo Seguridad - Usuario/Crear Usuario
--------------------------------------------*/
/* Limpieza y estructura alineada sin uso de gap */
/*.group-create-user {
    display: table;
    margin: 0 auto;
}

.create-user-left,
.create-user-right {
    display: table-cell;
    vertical-align: top;
    padding-right: 40px;
}

.group-input-left,
.group-input-right {
    display: table-row;
}

    .group-input-left label,
    .group-input-right label {
        display: table-cell;
        text-align: right;
        padding-right: 10px;
        white-space: nowrap;
        vertical-align: middle;
        padding-bottom: 10px;
        width: 150px;
    }

    .group-input-left div,
    .group-input-right div {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 5px;
    }

.text-box-user,
.select-list,
.select-document {
    width: 230px;

}

.text-box-user,
.select-list,
.select-document {
    margin-left: 1px;
    width: 270px;
    min-width: 270px;
    max-width: 100%;
    box-sizing: border-box;
}

.checkbox-group {
    margin-left: 0;
    padding:0;
    vertical-align: middle;
    display:inline-block;
    transform: translateY(-8px);
}

.content-btn-sistem {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}*/

/*------------------------------------------------
    Modulo Seguridad - Usuario/Consultar Usuario
-------------------------------------------------*/

.mGridUser {
    /*width: 100%;*/
    border-collapse: collapse;
    text-align: left;
    font-size: 10px;
}

    .mGridUser th:nth-child(1),
    .mGridUser td:nth-child(1) {
        width: 80px;
        text-align: center;
    }

    .mGridUser th:nth-child(2) {
        width: 10%;
    }

    .mGridUser th:nth-child(3) {
        width: 50%;
    }

    .mGridUser th:nth-child(4) {
        width: 10%;
    }

    .mGridUser th:nth-child(5) {
        width: 10%;
    }
    
    .mGridUser th:nth-child(6) {
        width: 30%;
    }

    .mGridUser td, .mGrid th {
        padding: 8px 10px;
    }

     Estilo alternado de filas 
    .mGridUser .alt {
        background-color: #f9f9f9;
    }


.mGridUser {
    /*width: 100%;*/
    border-collapse: collapse;
    text-align: left;
    font-size: 10px;
}

    .mGridUser th:nth-child(1),
    .mGridUser td:nth-child(1) {
        width: 80px;
        text-align: center;
    }

    .mGridUser th:nth-child(2) {
        width: 10%;
    }

    .mGridUser th:nth-child(3) {
        width: 70%;
    }

    .mGridUser th:nth-child(4) {
        width: 10%;
    }

    .mGridUser th:nth-child(5) {
        width: 10%;
    }

    .mGridUser th:nth-child(6) {
        width: 30%;
    }  
    
    .mGridUser th:nth-child(6) {
        width: 100%;
    }

    .mGridUser td, .mGrid th {
        padding: 8px 10px;
    }

Estilo alternado de filas
.mGridUser .alt {
    background-color: #f9f9f9;
}