body {
    padding-top: 50px;
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    background-color: #f6f9fc;
    background-color: #fcfcfc;
    /*background-color:yellow;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*margin-right: 20px;*/
    padding-left: 1px;
    /*padding-right: 15px;*/
    /*background-color:azure;*/
    min-height: 500px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

img.Logo1 {
    z-index: -100;
    max-width:200px;
}

div.RowTitulo {
}

div.ImagenLogin {
}

@media (max-width: 1200px) {
    div.ImagenLogin {
        margin-top: 10px;
    }
}

div.TituloLogin {
    margin-top: 40px;
    font-size: 26px;
    letter-spacing: 2px;
    color: #0083b6;
}

@media (max-width: 1200px) {
    div.TituloLogin {
        margin-top: 0px;
    }
}


.control-label-Etiqueta {
    font-family: Arial;
    /*comex_medium*/
    font-weight: normal;
    font-size: 15px;
    color: #005e82;
    /*font-weight: bold;*/
    /*font-size: 11px;*/
    text-align: right;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 5px;
    /*width: 150px;*/
    vertical-align: middle;
}

    .control-label-Etiqueta:hover {
        padding-right: 6px;
        padding-left: 2px;
        color: #02729d;
        border-radius: 20px;
    }

.control-label-asterisco {
    color: Red;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}


.control-label-Etiqueta2 {
    font-family: Arial;
    /*comex_medium*/
    font-weight: normal;
    font-size: 15px;
    color: #005e82;
    font-weight: bold;
    /*font-size: 11px;*/
    text-align: left;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 5px;
    /*width: 150px;*/
    vertical-align: middle;
}

    .control-label-Etiqueta2:hover {
        padding-right: 6px;
        padding-left: 2px;
        color: #02729d;
        border-radius: 20px;
    }

.divEtiqueta {
    text-align: left;
    align-items: flex-end;
    overflow-x: hidden;
    /*background-color: darksalmon;*/
}

.divCampo {
    /*background-color: greenyellow;*/
    /*font-size: 14px;
    font-family: Arial;
    color: #330700;*/
}

div.divCampo2 {
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 5px;
    /*width: 150px;*/
    vertical-align: middle;
    text-decoration: underline;
}

a.EtiquetaCampo {
    font-family: 'Arial Rounded MT';
    /*comex_medium*/
    font-weight: normal;
    font-size: 18px;
    color: #02729d;
    font-weight: bold;
    /*font-size: 11px;*/
    font-weight: bold;
    text-align: left;
}

a.EtiquetaCampo2 {
    margin-top: 0px;
    font-family: Verdana,'Microsoft Sans Serif',Arial;
    font-size: 14px;
    text-decoration: underline;
    color: #02729d;
}

.divVal {
    letter-spacing: 2px;
    /*background-color: red;*/
    /*font-size: 14px;
    font-family: Arial;
    color: #330700;*/
}

.divBoton {
    max-width: 310px;
    padding-top: 20px;
}

div.divPiePagina {
    color: #00222f;
    margin-bottom: 0px;
    margin-top: 100px;
    background-color: #f4f9fb;
    padding: 15px;
    padding-left: 20px;
    border-radius: 10px;
    border: none;
    /*box-shadow: 5px 10px 100px 1px #d0ecf7;*/
    font-size: small;
    text-align: center;
    width: 100%;
    z-index: -100;
}

    div.divPiePagina:hover {
        color: #00141b;
        background-color: #eff9fd;
        /*box-shadow: 5px 10px 100px 1px #dcf1f9;*/
    }

/*span.TextRadio {
    font-size: 16px;
    font-family: Arial;
    color: #330700;
    margin-bottom:5px;
}*/
input.tbxCampo1 {
    max-width: 200px;
    font-size: 16px;
    font-family: Arial;
    color: #01516f;
    margin-bottom: 5px;
}

input.tbxCampo2 {
    max-width: 600px;
    font-size: 16px;
    font-family: Arial;
    color: #01516f;
    margin-bottom: 5px;
}

input.tbxCampo3 {
    max-width: 300px;
    font-size: 16px;
    font-family: Arial;
    color: #01516f;
    margin-bottom: 5px;
}

select.ddlCampo1 {
    max-width: 600px;
    font-family: Arial;
    font-size: 16px;
    color: #01516f;
    margin-bottom: 5px;
}

    select.ddlCampo1:hover {
        color: #02729d;
    }

.Botones {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    /*align-items: center;
    align-content: center;*/
}

.Aceptar {
    align-content: flex-start;
    align-items: flex-end;
    align-self: flex-end;
}

.text-danger-val {
    color: #ff0909;
    background-color: #faf0ba;
    font-family: Arial;
    font-size: 15px;
    border-radius: 3px;
}

div.MensajePagina {
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert-danger-NOK1 {
    font-size: 15px;
    letter-spacing: 2px;
    background-color: red;
    color: #facbcb;
    font-family: Arial;
    /*overflow:scroll;*/
    max-height: 200px;
}

/*div.TituloGrupo {
     background-color:red;
}
@media (max-width: 746px) {
    div.TituloGrupo {
        margin-top: 100px;
    }
}*/

div.TituloPagina1 {
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 28px;
    letter-spacing: 3px;
    color: #0083b6;
    font-weight: bold;
    font-family: Arial;
    font-size: 22px;
    text-align: left;
    padding: 4px;
    vertical-align: middle;
    /*width: 100%;*/
}

@media (max-width: 800px) {
    div.TituloPagina1 {
        margin-top: 10px;
    }
}

div.Subtitulo1 {
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #027aa9;
    font-weight: bold;
    font-family: Arial;
    text-align: left;
    padding: 4px;
    vertical-align: middle;
    /*width: 100%;*/
}

@media (max-width: 800px) {
    div.TituloPagina1 {
        margin-top: 10px;
    }
}


div.MensajeAdvertencia {
    margin-top: 130px;
    font-size: 18px;
    font-family: Verdana,Arial;
    color: #00374c;
}

.alert-success-OK1 {
    /*background-color:green;*/
    /*position:relative;
    z-index:0;*/
    font-size: 15px;
    letter-spacing: 2px;
    background-color: #0ce815;
    /*background-color: #07d004;
    color: #f0fcf0;*/
    /*max-height: 40px;*/
    font-family: Verdana;
    font-weight: bold;
    color: #eefaeb;
}

.alert-danger-NOK1 {
    font-size: 15px;
    letter-spacing: 2px;
    background-color: red;
    color: #facbcb;
    font-family: Arial;
    max-height: 500px;
    overflow: hidden;
    /*overflow-y:scroll;*/
}

div.MensajePagina {
    padding-top: 10px;
    padding-bottom: 10px;
}




/*Encabezado y pie de página. EDIT*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f5f5f5;
}

/*Header o encabezado del GridView*/
.table > thead > tr > td.tHeaderClass1,
.table > tbody > tr > td.tHeaderClass1,
.table > tfoot > tr > td.tHeaderClass1,
.table > thead > tr > th.tHeaderClass1,
.table > tbody > tr > th.tHeaderClass1,
.table > tfoot > tr > th.tHeaderClass1,
.table > thead > tr.tHeaderClass1 > td,
.table > tbody > tr.tHeaderClass1 > td,
.table > tfoot > tr.tHeaderClass1 > td,
.table > thead > tr.tHeaderClass1 > th,
.table > tbody > tr.tHeaderClass1 > th,
.table > tfoot > tr.tHeaderClass1 > th {
    background-color: #e4e4e4;
    color: black;
    letter-spacing: 2px;
    vertical-align: middle;
    text-align: center;
}

/*
.table > thead > tr > td.tHeaderClassIzq,
.table > tbody > tr > td.tHeaderClassIzq,
.table > tfoot > tr > td.tHeaderClassIzq,
.table > thead > tr > th.tHeaderClassIzq,
.table > tbody > tr > th.tHeaderClassIzq,
.table > tfoot > tr > th.tHeaderClassIzq,
.table > thead > tr.tHeaderClassIzq > td,
.table > tbody > tr.tHeaderClassIzq > td,
.table > tfoot > tr.tHeaderClassIzq > td,
.table > thead > tr.tHeaderClassIzq > th,
.table > tbody > tr.tHeaderClassIzq > th,
.table > tfoot > tr.tHeaderClassIzq > th {
    background-color: #e4e4e4;
    color: black;
    letter-spacing: 2px;
    border-top-left-radius: 10px;
    vertical-align: middle;
    text-align: center;
}

.table > thead > tr > td.tHeaderClassDer,
.table > tbody > tr > td.tHeaderClassDer,
.table > tfoot > tr > td.tHeaderClassDer,
.table > thead > tr > th.tHeaderClassDer,
.table > tbody > tr > th.tHeaderClassDer,
.table > tfoot > tr > th.tHeaderClassDer,
.table > thead > tr.tHeaderClassDer > td,
.table > tbody > tr.tHeaderClassDer > td,
.table > tfoot > tr.tHeaderClassDer > td,
.table > thead > tr.tHeaderClassDer > th,
.table > tbody > tr.tHeaderClassDer > th,
.table > tfoot > tr.tHeaderClassDer > th {
    background-color: #e4e4e4;
    color: black;
    letter-spacing: 2px;
    border-top-right-radius: 10px;
    vertical-align: middle;
    text-align: center;
}
*/

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #eef7fa;
}

/*HOVER del GridView*/
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover {
    /*background-color: #c5ebfa;*/
    /*color claro*/
    background-color: #ddf2fa;
    color: #011016;
    /*color claro*/
    /*font-family:Arial;*/
    /*color oscuro*/
    background-color: #02709b;
    color: #fafafa;
    /*color oscuro*/
    font-weight: bold;
    /*box-shadow: 1px 0px 10px 1px #d0ecf7 inset;*/
}

.table > thead > tr > td.tFooterClass1,
.table > tbody > tr > td.tFooterClass1,
.table > tfoot > tr > td.tFooterClass1,
.table > thead > tr > th.tFooterClass1,
.table > tbody > tr > th.tFooterClass1,
.table > tfoot > tr > th.tFooterClass1,
.table > thead > tr.tFooterClass1 > td,
.table > tbody > tr.tFooterClass1 > td,
.table > tfoot > tr.tFooterClass1 > td,
.table > thead > tr.tFooterClass1 > th,
.table > tbody > tr.tFooterClass1 > th,
.table > tfoot > tr.tFooterClass1 > th {
    background-color: #F9B966;
    color: #330700;
}

td.Cen {
    text-align: center;
}

td.Der {
    text-align: right;
}

a.irArriba {
    font-size: 14px;
    font-family: Verdana,Arial;
    letter-spacing: 2px;
}

    a.irArriba:hover {
        font-style: italic;
    }

.div_Formulario {
    /*z-index: 10000;*/
    /*background-color: chartreuse;*/
    z-index: 20000;
    background-color: turquoise;
    width: 100%;
    height: 100%;
}
/*.ContenedorTablaReporte {

}*/

div.cssTR {
    /*overflow-x: scroll;*/
    margin-left: -140px;
    /*padding:20px;
    margin-right:20px;*/
    /*background-color:gainsboro;*/
    z-index: -10;
    /*background-color: red;*/
    /*Este margen es el que afecta a a la tabla en ancho, en general funciona, 
      pero con IE el scroll de la tabla se encima con el scroll de la página.*/
    /*margin-right:-2150px;*/
}

@media (max-width: 1500px) {
    div.cssTR {
        margin-left: -120px;
        /*background-color:red;*/
    }
}

@media (max-width: 1400px) {
    div.cssTR {
        margin-left: -100px;
        /*background-color:blueviolet;*/
    }
}

@media (max-width: 1350px) {
    div.cssTR {
        margin-left: -75px;
        /*background-color:forestgreen;*/
    }
}

@media (max-width: 1300px) {
    div.cssTR {
        margin-left: -55px;
        /*background-color:blanchedalmond;*/
    }
}

@media (max-width: 1250px) {
    div.cssTR {
        margin-left: -45px;
        /*background-color:deeppink;*/
    }
}

@media (max-width: 1200px) {
    div.cssTR {
        margin-left: -120px;
        /*background-color:aquamarine;*/
    }
}

@media (max-width: 1170px) {
    div.cssTR {
        margin-left: -70px;
        /*background-color:lightskyblue;*/
    }
}

@media (max-width: 1110px) {
    div.cssTR {
        margin-left: -45px;
        /*background-color:brown;*/
    }
}

@media (max-width: 1000px) {
    div.cssTR {
        margin-left: -120px;
        /*background-color: fuchsia;*/
    }
}

@media (max-width: 940px) {
    div.cssTR {
        margin-left: -85px;
        /*background-color: wheat;*/
    }
}

@media (max-width: 900px) {
    div.cssTR {
        margin-left: -50px;
        /*background-color: dodgerblue;*/
    }
}

@media (max-width: 800px) {
    div.cssTR {
        margin-left: -30px;
        /*background-color: purple;*/
    }
}

@media (max-width: 768px) {
    div.cssTR {
        margin-left: -25px;
        /*background-color: pink;*/
    }
}

@media (max-width: 600px) {
    div.cssTR {
        margin-left: -25px;
        /*background-color: orange;*/
    }
}

@media (max-width: 500px) {
    div.cssTR {
        margin-left: -25px;
        /*background-color: blue;*/
    }
}

@media (max-width: 400px) {
    div.cssTR {
        margin-left: -25px;
        /*background-color: green;*/
    }
}

@media (max-width: 300px) {
    div.cssTR {
        margin-left: -25px;
        /*background-color: yellow;*/
    }
}

/*.Datos {
}*/

/*Animación*/
.loading {
    background: url(../Archivos/Sistema/ppg-bug.png) no-repeat center center; /*Esta parte hará la función de cargador mientras aparece el contenido*/
    background-color: #eef4f7;
}

.loading2 {
    z-index: 20001;
    background-color: #c2e1ed;
    cursor: wait;
}

section {
    opacity: .4; /*El valor inicial de la opacidad del contenedor es 0, por medio de javascript haremos que aparezca al asignarle la clase .loaded_section*/
    -webkit-transition: opacity .9s;
    -moz-transition: opacity .9s;
    -o-transition: opacity .9s;
    transition: opacity .9s;
}

.loaded section {
    opacity: 1;
}

div.div_LBL {
    display: none;
}

input.HiddenBtn {
    display: none;
}

input.btn_Axxess {
    color: #009dda;
}

    input.btn_Axxess:hover {
        color: #0090c8;
        background-color: #ebf3f7;
    }


label.lblDDL {
    font-family: Arial;
    font-size: 16px;
    color: #01516f;
    font-weight: normal;
    margin-bottom: 5px;
    background-color: whitesmoke;
    cursor: wait;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    box-shadow: 1px 0px 10px 1px #d0ecf7 inset;
    border: none;
}

.BloqueaElemento {
    display: block;
}
/*Animación*/
/*CSS para la tabla*/
/*CSS para la tabla*/

/*CSS para la tabla de ejemplo*/
div.tableContainer {
    clear: both;
    border: 1px solid #006288;
    height: 285px;
    overflow: auto;
    background-color: #0083b6;
    border-radius: 10px;
    margin-left: 15px;
    /*background-color:red;*/
    /*margin-right:1000px;
    max-width:10000px;
    background-color:red;*/
    /*width: 756px;*/
}

html div.tableContainer {
    padding: 0 16px 0 0;
    /*width: 740px;*/
    /*min-width:1000px;*/
    /*width: 3000px;*/
    /*Ancho del DIV contenedor de la tabla*/
    /*overflow-x:scroll;*/
    margin-right: 60px;
    box-shadow: 20px 20px 50px 10px #c7e4ef;
}

html > body div.tableContainer {
    height: auto;
    padding: 0;
}

head:first-child + body div[class].tableContainer {
    /*Alto del DIV contenedor de la tabla.*/
    max-height: 400px;
    overflow: hidden;
    /*width: 756px;*/
}

/*body {
    background: #FFF;
    color: #000;
    font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 10px;
    padding: 0;
}*/

table, td, a {
    color: #000;
    font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.tableContainer table {
    float: left;
    width: 100%;
}

html div.tableContainer table {
    margin: 0 -16px 0 0;
}

html > body div.tableContainer table {
    float: none;
    margin: 0;
    /*width: 740px;*/
}

head:first-child + body div[class].tableContainer table {
    /*width: 756px;*/
}

head:first-child + body tbody[class].scrollContent {
    display: block;
    height: 262px;
    /*La altura de la tabla que va a estar dentro del DivContenedor*/
    max-height: 350px;
    overflow: auto;
    /*width: 100%;*/
}

tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
    background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px;
}

tbody.scrollContent tr.alternateRow td {
    background: #EEE;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px;
}
/*
head:first-child + body tbody[class].scrollContent td {
	width: 200px;
}
head:first-child + body tbody[class].scrollContent td + td {
	width: 240px;
}
head:first-child + body tbody[class].scrollContent td + td + td {
	border-right: none;
	padding: 2px 4px 2px 3px;
	width: 300px;
}*/
thead.fixedHeader tr {
    position: relative;
    top: expression(document.getElementById("tableContainer").scrollTop);
}

head:first-child + body thead[class].fixedHeader tr {
    display: block;
}
/*
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
}
*/
.divNombreUsuario {
    margin-left: 700px;
    padding-top: 15px;
}

@media (max-width: 1300px) {
    .divNombreUsuario {
        margin-left: 500px;
        padding-top: 5px;
    }
}

@media (max-width: 746px) {
    .divNombreUsuario {
        margin-left: 0px;
    }
}

.EtiquetaUsuario {
    color: #55c2f4;
    letter-spacing: 2px;
}

@media (max-width: 746px) {
    .EtiquetaUsuario {
        display: none;
    }
}

.NombreUsuario {
    color: #91d7f5;
    letter-spacing: 2px;
}

    .NombreUsuario:hover {
        color: #c7e9f8;
        font-weight: 500;
    }

.TituloTabla {
    letter-spacing: 3px;
    color: #02729d;
    background-color: #d6e4eb;
    font-family: Arial;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.td_XH {
    /*border-style: solid;
    border-color: #bcbcbc;
    border-width: 1px;
    */
    color: #ebf3f7;
    background-color: #0083b6;
}

/*CSS para la columna de    No  */
.table > thead > tr > th.td_01_H {
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
/*Aumenta de 40 60 pixeles*/
.td_01_B {
    width: 60px;
    text-align: right;
}

/*CSS para la columna de    Tienda  */
.table > thead > tr > th.td_02_H {
    width: 110px;
    text-align: center;
    vertical-align: middle;
}

.td_02_B {
    width: 110px;
    text-align: center;
}

/*CSS para la columna de    Fecha --Aplica para todas las fechas  */
.table > thead > tr > th.td_03_H {
    width: 110px;
    text-align: center;
    vertical-align: middle;
}

.td_03_B {
    width: 110px;
    text-align: center;
}


/*CSS para la columna de    Transacción  */
.table > thead > tr > th.td_04_H {
    width: 170px;
    text-align: center;
    vertical-align: middle;
}

.td_04_B {
    width: 170px;
    text-align: right;
}

/*CSS para la columna de    Artículo  */
.table > thead > tr > th.td_05_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_05_B {
    width: 150px;
    text-align: center;
}

/*CSS para la columna de    Descripción  */
.table > thead > tr > th.td_06_H {
    width: 220px;
    text-align: center;
    vertical-align: middle;
}

.td_06_B {
    width: 220px;
    text-align: left;
    vertical-align: middle;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

/*CSS para la columna de    Localidad  */
.table > thead > tr > th.td_07_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_07_B {
    width: 100px;
    text-align: left;
}

/*CSS para la columna de    Motivo del ajuste  */
.table > thead > tr > th.td_08_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de    Cantidad  */
.table > thead > tr > th.td_09_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de    Costo --Para todos los costos  */
.table > thead > tr > th.td_10_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de    Empleado  */
.table > thead > tr > th.td_11_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_11_B {
    width: 200px;
    text-align: left;
}


/*CSS para la columna de    Estado  */
.table > thead > tr > th.td_12_H {
    width: 110px;
    text-align: center;
    vertical-align: middle;
}

.td_12_B {
    width: 110px;
    text-align: left;
}


/*CSS para la columna de    RFC  */
.table > thead > tr > th.td_13_H {
    width: 135px;
    text-align: center;
    vertical-align: middle;
}

.td_13_B {
    width: 135px;
    text-align: left;
}

/*CSS para la columna de    Cuenta  */
.table > thead > tr > th.td_14_H {
    width: 190px;
    text-align: center;
    vertical-align: middle;
}

.td_14_B {
    width: 190px;
    text-align: center;
}

/*CSS para la columna de    Razón social  */
.table > thead > tr > th.td_15_H {
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

.td_15_B {
    width: 300px;
    text-align: left;
    text-overflow: ellipsis;
}

/*CSS para la columna de   Email   */
.table > thead > tr > th.td_16_H {
    width: 500px;
    text-align: center;
    vertical-align: middle;
}

.td_16_B {
    width: 500px;
    text-align: left;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

/*CSS para la columna de    Calle  */
.table > thead > tr > th.td_17_H {
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

.td_17_B {
    width: 300px;
    text-align: left;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

/*CSS para la columna de   Colonia   */
.table > thead > tr > th.td_18_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_18_B {
    width: 200px;
    text-align: left;
}

/*CSS para la columna de    Municipio  */
.table > thead > tr > th.td_19_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_19_B {
    width: 200px;
    text-align: left;
}

/*CSS para la columna de   Código postal	   */
.table > thead > tr > th.td_20_H {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

.td_20_B {
    width: 80px;
    text-align: center;
}

/*CSS para la columna de      Teléfono  */
.table > thead > tr > th.td_21_H {
    width: 160px;
    text-align: center;
    vertical-align: middle;
}

.td_21_B {
    width: 160px;
    text-align: left;
}

/*CSS para la columna de    País  */
.table > thead > tr > th.td_22_H {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}

.td_22_B {
    width: 50px;
    text-align: center;
}

/*CSS para la columna de   Límite de crédito	   */
.table > thead > tr > th.td_23_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_23_B {
    width: 120px;
    text-align: right;
}

/*CSS para la columna de   Plazo de crédito	   */
.table > thead > tr > th.td_24_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_24_B {
    width: 100px;
    text-align: center;
}

/*CSS para la columna de   Nombre cliente	  */
.table > thead > tr > th.td_25_H {
    width: 220px;
    text-align: center;
    vertical-align: middle;
}

.td_25_B {
    width: 220px;
    text-align: left;
}



/*CSS para la columna de     Importe    -- aplica para todos los importes	 */
.table > thead > tr > th.td_26_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_26_B {
    width: 120px;
    text-align: right;
}

/*CSS para la columna de     Número de factura */
.table > thead > tr > th.td_27_H {
    width: 190px;
    text-align: center;
    vertical-align: middle;
}

.td_27_B {
    width: 190px;
    text-align: center;
}

/*CSS para la columna de    Nombre proveedor	  */
.table > thead > tr > th.td_28_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de    Proveedor  */
.table > thead > tr > th.td_29_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_29_B {
    width: 100px;
    text-align: left;
}

/*CSS para la columna de    Unidades enviadas	y   Unidades recibidas	  */
.table > thead > tr > th.td_30_H {
    width: 85px;
    text-align: center;
    vertical-align: middle;
}

.td_30_B {
    width: 85px;
    text-align: right;
}

/*CSS para la columna de    Registradora  */
.table > thead > tr > th.td_31_H {
    width: 120px;
    vertical-align: middle;
    text-align: center;
}

.td_31_B {
    width: 120px;
    text-align: center;
}

/*CSS para la columna de     Folio SAT	 */
.table > thead > tr > th.td_32_H {
    width: 310px;
    text-align: center;
    vertical-align: middle;
}

.td_32_B {
    width: 310px;
    text-align: center;
}

/*CSS para la columna de  Cuenta facturado	    */
.table > thead > tr > th.td_33_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_33_B {
    width: 150px;
    text-align: center;
}

/*CSS para la columna de   Venta a crédito	   */
.table > thead > tr > th.td_34_H {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

.td_34_B {
    width: 80px;
    text-align: center;
}

/*CSS para la columna de   Acumuló puntos	   */
.table > thead > tr > th.td_35_H {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

.td_35_B {
    width: 80px;
    text-align: center;
}

/*CSS para la columna de    Redimio puntos	  */
.table > thead > tr > th.td_36_H {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

.td_36_B {
    width: 80px;
    text-align: center;
}

/*CSS para la columna de     Descuento global	 */
.table > thead > tr > th.td_37_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de      Trasladado IVA	    */
.table > thead > tr > th.td_38_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de     IVA retenido	 */
.table > thead > tr > th.td_39_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de     LocModSeq */
.table > thead > tr > th.td_40_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_40_B {
    width: 100px;
    text-align: center;
}
/*CSS para la columna de   Linea de transacción	   */
.table > thead > tr > th.td_41_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_41_B {
    width: 100px;
    text-align: right;
}
/*CSS para la columna de    Puntos acumulados	  */
.table > thead > tr > th.td_42_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_42_B {
    width: 120px;
    text-align: center;
}
/*CSS para la columna de   Línea de transacción   */
.table > thead > tr > th.td_43_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_43_B {
    width: 100px;
    text-align: right;
}
/*CSS para la columna de    Traslado IVA	      */
.table > thead > tr > th.td_44_H {
    width: 110px;
    text-align: center;
    vertical-align: middle;
}

.td_44_B {
    width: 110px;
    text-align: right;
}
/*CSS para la columna de   Inventario   */
.table > thead > tr > th.td_45_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_45_B {
    width: 120px;
    text-align: center;
}
/*CSS para la columna de    idCliente  */
.table > thead > tr > th.td_46_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_46_B {
    width: 150px;
    text-align: center;
}
/*CSS para la columna de    Tienda transacción  */
.table > thead > tr > th.td_47_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_47_B {
    width: 120px;
    text-align: center;
}
/*CSS para la columna de     Grupo   */
.table > thead > tr > th.td_48_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_48_B {
    width: 150px;
    text-align: left;
}
/*CSS para la columna de  Tipo para los reportes de Ventas/Devolucion    */
.table > thead > tr > th.td_49_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_49_B {
    width: 100px;
    text-align: center;
}
/*Nombre de columna*/
.table > thead > tr > th.td_50_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  Unidad de medida de venta*/
.table > thead > tr > th.td_51_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  Unidad de medida de compra*/
.table > thead > tr > th.td_52_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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


/*CSS para la columna de  Color*/
.table > thead > tr > th.td_53_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_53_B {
    width: 100px;
    text-align: left;
}

/*CSS para la columna de  Codigo de barras 2 y 3*/
.table > thead > tr > th.td_54_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_54_B {
    width: 120px;
    text-align: left;
}

/*CSS para la columna de SAT clave */
.table > thead > tr > th.td_55_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_55_B {
    width: 120px;
    text-align: left;
}

/*CSS para la columna de  SAT descripción*/
.table > thead > tr > th.td_56_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  Especialidad*/
.table > thead > tr > th.td_57_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_57_B {
    width: 120px;
    text-align: left;
}

/*CSS para la columna de Trasvasable */
.table > thead > tr > th.td_58_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_58_B {
    width: 120px;
    text-align: left;
}

/*CSS para la columna de  OrgCode*/
.table > thead > tr > th.td_59_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_59_B {
    width: 120px;
    text-align: left;
}

/*CSS para la columna de  Nombre*/
.table > thead > tr > th.td_60_H {
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

.td_60_B {
    width: 300px;
    text-align: left;
}

/*CSS para la columna de id Nivel organizacional */
.table > thead > tr > th.td_61_H {
    width: 130px;
    text-align: center;
    vertical-align: middle;
}

.td_61_B {
    width: 130px;
    text-align: right;
}

/*CSS para la columna de  Nivel organizacional*/
.table > thead > tr > th.td_62_H {
    width: 130px;
    text-align: center;
    vertical-align: middle;
}

.td_62_B {
    width: 130px;
    text-align: right;
}


/*CSS para la columna de  UID del complemento de pago*/
.table > thead > tr > th.td_63_H {
    width: 250px;
    text-align: center;
    vertical-align: middle;
}

.td_63_B {
    width: 250px;
    text-align: right;
}

/*CSS para la columna de  No. de pago*/
.table > thead > tr > th.td_64_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_64_B {
    width: 100px;
    text-align: left;
}



/*CSS para la columna de  'Nombre de la tienda'*/
.table > thead > tr > th.td_65_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_65_B {
    width: 200px;
    text-align: left;
}



/*CSS para la columna de  'FechaReplicacion'*/
.table > thead > tr > th.td_66_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_66_B {
    width: 150px;
    text-align: right;
}

/*CSS para la columna de  'Porcentaje de retención'*/
.table > thead > tr > th.td_67_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  'Medio de pago predeterminado'*/
.table > thead > tr > th.td_68_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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


/*CSS para la columna de  'Seguro de mercancía'*/
.table > thead > tr > th.td_69_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  'Línea del producto'*/
.table > thead > tr > th.td_70_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_70_B {
    width: 200px;
    text-align: left;
}


/*CSS para la columna de  'Perfil'*/
.table > thead > tr > th.td_71_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  'Código'*/
.table > thead > tr > th.td_72_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_72_B {
    width: 100px;
    text-align: left;
}

/*CSS para la columna de  'Tipo de movimiento'*/
.table > thead > tr > th.td_73_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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


/*CSS para la columna de  'IVA'*/
.table > thead > tr > th.td_74_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_74_B {
    width: 120px;
    text-align: left;
}


/*CSS para la columna de   Línea   */
.table > thead > tr > th.td_75_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_75_B {
    width: 120px;
    text-align: left;
}


/*CSS para la columna de  VentasPrecioConIVA(RDO)    */
.table > thead > tr > th.td_76_H {
    width: 160px;
    text-align: center;
    vertical-align: middle;
}

.td_76_B {
    width: 160px;
    text-align: right;
}


/*CSS para la columna de  VentasPrecioConIVA(Cuitzeo)     */
.table > thead > tr > th.td_77_H {
    width: 160px;
    text-align: center;
    vertical-align: middle;
}

.td_77_B {
    width: 160px;
    text-align: right;
}


/*CSS para la columna de VentasPrecioDiferencia RDO vs Cuitzeo     */
.table > thead > tr > th.td_78_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_78_B {
    width: 200px;
    text-align: right;
}


/*CSS para la columna de EntradasCostosRDO     */
.table > thead > tr > th.td_79_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_79_B {
    width: 150px;
    text-align: right;
}

/*CSS para la columna de  EntradasCostosCuitzeo    */
.table > thead > tr > th.td_80_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_80_B {
    width: 150px;
    text-align: right;
}

/*CSS para la columna de  EntradasCostosDiferencia RDO vs Cuitzeo    */
.table > thead > tr > th.td_81_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_81_B {
    width: 200px;
    text-align: right;
}

/*CSS para la columna de SalidaCosto (RDO)     */
.table > thead > tr > th.td_82_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_82_B {
    width: 120px;
    text-align: right;
}

/*CSS para la columna de SalidaCosto (Cuitzeo)     */
.table > thead > tr > th.td_83_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_83_B {
    width: 120px;
    text-align: right;
}

/*CSS para la columna de Salida Costos Diferencia RDO vs Cuitzeo     */
.table > thead > tr > th.td_84_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_84_B {
    width: 120px;
    text-align: right;
}

/*CSS para la columna de  Estatus validación    */
.table > thead > tr > th.td_85_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_85_B {
    width: 100px;
    text-align: center;
}

/*CSS para la columna de Fecha de validación    */
.table > thead > tr > th.td_86_H {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.td_86_B {
    width: 120px;
    text-align: right;
}

/*CSS para la columna de Tipo transacción     */
.table > thead > tr > th.td_87_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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


/*CSS para la columna de Folio transacción  */
.table > thead > tr > th.td_88_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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


/*CSS para la columna de  Segmento */
.table > thead > tr > th.td_89_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

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

/*CSS para la columna de  Género */
.table > thead > tr > th.td_90_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_90_B {
    width: 100px;
    text-align: left;
}

/*CSS para la columna de  Edad */
.table > thead > tr > th.td_91_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_91_B {
    width: 100px;
    text-align: left;
}

/*CSS para la columna de  Desc. cliente */
.table > thead > tr > th.td_92_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_92_B {
    width: 150px;
    text-align: center;
}



/*CSS para la columna de Hora */
.table > thead > tr > th.td_93_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_93_B {
    width: 100px;
    text-align: center;
}

/*CSS para la columna de Motivo del movimiento de egreso */
.table > thead > tr > th.td_94_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_94_B {
    width: 200px;
    text-align: center;
}

/*CSS para la columna de Comentarios */
.table > thead > tr > th.td_95_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_95_B {
    width: 200px;
    text-align: center;
}


/*CSS para la columna de Línea de transacción */
.table > thead > tr > th.td_96_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_96_B {
    width: 100px;
    text-align: center;
}


/*CSS para la columna de Folio de la transacción */
.table > thead > tr > th.td_97_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_97_B {
    width: 150px;
    text-align: center;
}


/*CSS para la columna de Impuestos trasladados */
.table > thead > tr > th.td_98_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_98_B {
    width: 150px;
    text-align: center;
}


/*CSS para la columna de Descuentos*/
.table > thead > tr > th.td_99_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_99_B {
    width: 150px;
    text-align: center;
}



/*CSS para la columna de Cargos financieros*/
.table > thead > tr > th.td_100_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_100_B {
    width: 150px;
    text-align: center;
}

/*CSS para la columna de Punto de Venta */
.table > thead > tr > th.td_101_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_101_B {
    width: 100px;
    text-align: center;
}


/*CSS para la columna de Capacidad*/
.table > thead > tr > th.td_102_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_102_B {
    width: 100px;
    text-align: center;
}


/*CSS para la columna de Unidades negadas*/
.table > thead > tr > th.td_103_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_103_B {
    width: 100px;
    text-align: center;
}


/*CSS para la columna de Existencia actual*/
.table > thead > tr > th.td_104_H {
    width: 100px;   
    text-align: center;
    vertical-align: middle;
}

.td_104_B {
    width: 100px;
    text-align: center;
}


/*CSS para la columna de Línea del producto*/
.table > thead > tr > th.td_105_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_105_B {
    width: 150px;
    text-align: center;
}


/*CSS para la columna de SKU sugerido */
.table > thead > tr > th.td_106_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_106_B {
    width: 150px;
    text-align: center;
}




/*CSS para la columna de Porcentaje ISR Retenido */
.table > thead > tr > th.td_107_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_107_B {
    width: 150px;
    text-align: center;
}


/*CSS para la columna de Monto ISR Retenido */
.table > thead > tr > th.td_108_H {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.td_108_B {
    width: 150px;
    text-align: center;
}



/*CSS para la columna de  */
.table > thead > tr > th.td_ZZ_H {
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

.td_ZZ_B {
    width: 300px;
    text-align: left;
}
/*-----------------------------------------------------*/
/*CSS para la columna de  */
.table > thead > tr > th.td_ZZ_H {
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

.td_ZZ_B {
    width: 300px;
    text-align: left;
}



/*CSS para la columna de      */
.table > thead > tr > th.td_5_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_5_B {
    width: 100px;
    text-align: center;
}
/*CSS para la columna de      */ /*
.table > thead > tr > th.td_5_H {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.td_5_B {
    width: 100px;
    text-align: center;
}*/


/*CSS para la columna de    GENERICA */
.table > thead > tr > th.td_XX_H {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.td_XX_B {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

/*CSS para el código de implementación del WS*/
div.div_ContenedorCodigo {
    background-color: #f1f1f1;
    padding: 15px;
    border-radius: 10px;
    font-family: Consolas,'Microsoft Sans Serif',Arial;
    font-size: 16px;
}

div.Tabulador {
    padding-left: 25px;
}

span.PalabraReservada {
    color: blue;
}

span.Instancia {
    color: #4cc9b0;
}

span.Cadena {
    color: brown;
}

span.Numero {
    color: #0022dd;
}

span.Comentario {
    color: #3b8502;
}

img.Procedimiento {
    max-height: 500px;
    box-shadow: 5px 5px 50px 1px #c0bebe;
    border-radius: 12px;
}

div.divSubtitulo {
    margin-top: 50px;
    /*background-color:pink;*/
    font-family: Verdana,'Microsoft Sans Serif',Arial;
    font-size: 17px;
    font-weight: bold;
}


div.divSubtitulo2 {
    margin-top: 50px;
    /*background-color:pink;*/
    font-family: Verdana,'Microsoft Sans Serif',Arial;
    font-size: 16px;
}

div.divSubtitulo3 {
    text-align: right;
}

div.divTextoProcedimiento {
    margin-top: 40px;
    /*background-color:pink;*/
    font-family: 'Microsoft Sans Serif',Arial;
    font-size: 17px;
}

div.divAyuda {
    font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    /*background-color: #f5d1d1;*/
    text-align: left;
    align-items: flex-end;
    overflow-x: hidden;
    text-decoration: underline;
}

div.divDescripcionCampos {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    text-align: left;
    align-items: flex-end;
    overflow-x: hidden;
}

/*CSS para el código de implementación del WS*/

/*CSS para PowerBI*/
#embedContainer {
    height: 600px;
    width: 100%;
    max-width: 1000px;
    padding-top: 50px;
}
/*CSS para PowerBI*/

/*
head:first-child + body thead[class].fixedHeader th {
	width: 200px;
}
head:first-child + body thead[class].fixedHeader th + th {
	width: 240px;
}
head:first-child + body thead[class].fixedHeader th + th + th {
	border-right: none;
	padding: 4px 4px 4px 3px;
	width: 316px;
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
	width: 100%;
}*/
/*CSS para la tabla de ejemplo*/