@charset "utf-8";
/* CSS Document */
/*Modificaciones colores 2021*/
.btnLog {background: #235B4E;}
.btnLog:hover {background: #10312B;}
#cabeceraCenter {border-bottom: initial;}
.datosUsuario {border: initial;}
.txt-titulo p {color: #9F2241;}
/*..............................*/
.contGen{background:none;width:950px;}
.genBtn{height:40px;padding:0 35px;background:#235B4E;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;border:none;color:#fff;cursor:pointer;margin-top:15px;}
.genBtn:hover{background:#006625;}
.confirma{background:#235B4E!important;}
.confirma:hover{background:#006625!important;}
.cancela{background:#d03939!important;}
.cancela:hover{background:#822424!important;}
input, textarea:focus{outline:0px;}
input:focus{outline:none;}

/*LOGIN*/
.timerSesion{float:right;margin-left:25px;}
.linkFormatos{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;color:#235B4E;text-sdecoration:none;margin:20px 0px;line-height:20px;}
.linkFormatos:hover{text-decoration:underline;}
#borraAcuse{margin-left:10px;cursor:pointer;font-weight:bold;background:#f83434;color:#fff;border:none;padding:5px 10px;}
#borraAcuse:hover{background-color:#a22020;}
.datosUsuario{width:100%;background:#fff;border-radius:4px;float:right;margin-bottom:60px;padding-bottom:50px;}
.usernameInput, .passwordInput{width:75%;height:40px;margin-bottom:-10px;} 

/*************************** TEMPORAL ***********************************/
.txtSeccion{width:100%;float:none;border-bottom:solid 1px #ddd;}
.txt-titulo{color:#333;font-size:29px;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;padding:20px 0;}
.txt-titulo1{margin-left:25px;float:left;text-transform:capitalize;}
.txt-nivel{margin-right:50px;float:right;text-transform:capitalize;color:#0082be;line-height:30px;}
/*************************** TEMPORAL ***********************************/

.datosTxt{width:90%;margin:auto;margin-top:10px;}
.dat1{width:100%;float:left;margin-right:10px;font-size:26px;color:#0082be;}
.dat2{width:100%;float:left;margin-right:40px;font-size:24px;}
.space1{margin-bottom:5px;}
.space2{margin-bottom:15px;}
.space3{margin-bottom:25px;}
.dat2 span{text-transform:lowercase!important;}
.infoUsuario{/*background:green;*/width:65%;float:left;margin-top:25px;}
.btnIngreso{/*background:red;*/width:33%;height:223px;float:right;}
.statusDocs{width:100%;background:#eee;height:80px;margin-top:45px;border-radius:10px;border:1px solid #cbcbcb;}
.statusDocs div, .syncServ div{float:left;}
.statusDocs img, .syncServ img{margin-top:10px;margin-left:18px;margin-right:10px;}
.syncServ{width:100%;background:#eee;height:80px;margin-top:25px;border-radius:10px;border:1px solid #cbcbcb;}
.btnTXT{line-height:40px}
.btnLink{color:#000;text-decoration:none;}
.syncServ:hover, .statusDocs:hover {background:#0082be;color:#fff;text-decoration:none;} 
table{width:100%;border-spacing:0px;}
.listNombre{text-align:left;padding-left:15px;}
.listaTitulo{width:100%;background:#eee;height:40px;text-align:center;}
.listaUsua{width:100%;height:40px;border-bottom:1px solid #333;text-align:center;border-bottom:5px solid #000;} 
td{border-bottom:1px solid #ccc;font-size:16px;}
#editar{background:#235B4E url("../img/iconos/editar.svg") no-repeat center;background-size:cover;height:30px;width:30px;margin:5px;border:none;border-radius:5px;cursor:pointer;font-size:0px;}
#editar:hover{background-color:#006625;}
.art121{background:#efefef;width:350px;padding:25px;float:left;margin-right:50px;margin-left:50px;}
.art123{background:#efefef;width:350px;padding:25px;float:left;margin-bottom:25px;}
.art146{background:#efefef;width:350px;padding:25px;float:left;}
.plantSacmex{background:#efefef;width:350px;padding:25px;float:left;margin-top:30px; }
.sipodFile{background:#4f398b;height:50px;width:180px;text-align:center;float:left;margin-right:25px;border-radius:10px;}
.sipodFile:hover{background:#36275f;}
.sacmexFile{background:#235B4E;height:50px;width:180px;text-align:center;float:left;border-radius:10px;}
.sacmexFile:hover{background:#006625;}
.contenidoMods{margin:auto;width:600px;}
.tituloDiv{margin:auto;width:40%;text-align:center;background:#fff;;font-size:20px;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#235B4E;margin-top:30px;padding:10px 0px;margin-bottom:-20px;position:relative;z-index:100;} 
.tituloContacto{margin:auto;width:40%;text-align:center;background:#fff;;font-size:20px;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#235B4E;margin-top:-20px;padding:10px 0px;margin-bottom:-20px;position:relative;z-index:100;}
.contContacto{width:95%;margin:10px auto 0px auto;font-size:14px;text-align:center;padding:20px 0px;} 
.contentDiv{margin:auto;width:99.3%;text-align:center;font-size:18px;border:solid 1px #ccc;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;padding:20px 0px;z-index:50;border-radius:5px;}
.btnArchivos, .btnSincroniza{width:280px;background:#eee;display:inline-block;border-radius:5px;padding:20px 0px;border:1px solid #cbcbcb;}
.btnArchivos:hover, .btnSincroniza:hover{background:#235B4E;color:#fff;}
.contInformacioncont{width:49%;float:left;border:1px solid #cbcbcb;}
.contInformaciontrans{width:49%;float:right;border:1px solid #cbcbcb;}

/******************** VALIDA ARCHIVOS **************************/
.hidden{display:none;}
.tableRev{width:100%;}
.titleRev td{text-align:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;padding:10px 0px;font-weight:lighter;color:#fff;background:#afafaf;}
.contRev td{text-align:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;padding:10px 0;font-weight:lighter;color:#000;background:#fff;}
.pubStatus{text-transform:capitalize;}
#valTipo{height:43px;width:180px;margin-left:10px;}
#subeArchivo{height:42px;padding:0px 25px;background:#235B4E;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;border:none;cursor:pointer;}
#subeArchivo:hover{background:#006625;}
.publiEspera{background: url("../img/iconos/reloj.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:default;}
.publiCorrecto{background: url("../img/iconos/paloma.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:default;}
.archivoRevisado{background: url("../img/iconos/ojo.svg") no-repeat center;background-size:28px 20px;height:30px;width:30px;border:none;cursor:default;}
.archivoActualizado{background: url("../img/iconos/actualizar-verde.svg") no-repeat center;background-size:25px 25px;height:30px;width:30px;border:none;cursor:default;}
.actualizaArchivo{background:#4c9cd4 url("../img/iconos/editar-archivo.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:pointer;border-radius:3px;}
.actualizaArchivo:hover{background-color:#006625;}
.datosArchivo, .informaArchivo{background:#235B4E url("../img/iconos/informacion.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:pointer;border-radius:3px;}
.datosArchivo:hover, .informaArchivo:hover{background-color:#006625;} 
.borraArchivo{background:#9F2241 url("../img/iconos/bote.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:pointer;border-radius:3px;}
.borraArchivo:hover{background-color:#a22020;}
.validarArchivo{background:#235B4E url("../img/iconos/validar.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:pointer;border-radius:3px;}
.validarArchivo:hover{background-color:#006625;}
.publiArchivo{background:#96d25c url("../img/iconos/publica.svg") no-repeat center;background-size:20px 20px;height:30px;width:30px;border:none;cursor:pointer;border-radius:3px;}
.publiArchivo:hover{background-color:#5e823b;}
.infoArchivo{border:1px solid #ccc;/*padding:25px;*/width:100%;}
.infoArchivo h3{margin-top:0px;margin-bottom:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:32px;font-weight:bold;color:#0082be;border-bottom:1px solid #ccc;padding-bottom:15px;}
.infoArchivo p{margin-bottom:-15px;}
.validaArchivo{border:1px solid #ccc;padding:25px;margin-top:25px;}
.validaArchivo h3{margin-top:0px;margin-bottom:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:32px;font-weight:bold;color:#0082be;border-bottom:1px solid #ccc;padding-bottom:15px;}
.validaArchivo p{margin-bottom:-10px;}
.obsRechazo, .obsAutoriza{width:100%;margin-top:35px;}
.obsTxtA{margin-top:5px;border:none;width:760px;background:#fff;height:130px;min-width:760px;min-height:130px;max-width:760px;max-height:130px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;padding:20px;text-align:justify;}
.obsTxtR{margin-top:5px;border:none;width:554px;background:#fff;height:260px;min-width:554px;min-height:260px;max-width:554px;max-height:260px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;padding:20px;text-align:justify;}
.txtRed{color:red;}
.valstatSelect{margin-left:2px;width:238px;height:42px;}
.selectArt{margin-left:67px;width:240px;height:40px;}
.fracSelect121, .fracSelect123{margin-left:58px;width:240px;height:38px;margin-top:10px;}
.archivoNom{margin-left:63px;width:218px;height:33px;margin-top:11px;}
.archivoVal{margin-left:45px;width:218px;height:33px;margin-top:11px;text-align:center;}
.archivoActul{margin-left:20px;width:218px;height:33px;margin-top:11px;text-align:center;}
.archivoAcc{margin-left:72px;width:240px;height:38px;margin-top:13px;}
.motiActualiza{width:95%;margin: 25px auto;text-align:justify;}
.filto{width:100%;}
.filto h4{width:100%;border-bottom:1px solid #ccc;padding-bottom:6px;margin-bottom:10px;}
.filt13{display:none;}
.tabArea{min-width:100px;text-transform:uppercase;}
.tabFecha{min-width:90px;}
.tabTipo{min-width:90px;}
.tabBtn{min-width:150px;}

/*************LOGIN**************/
.formReg input{width:70%;} 
#formRegistra,#formEditar{text-align:center;}
#formRegistra input,#formEditar input{focus:none;height:40px;border:1px solid #ccc;padding:0px 10px;width:70%;font-size:18px;color:#235B4E;} 
#myPassword{background:none;z-index:10;position:relative;background:none;}
#tipo_usua,#estatus,#area{focus:none;height:40px;border:1px solid #e1e1e1;padding:0px 10px;width:74%;font-size:16px;color:#777;}
.optionSel{color:#235B4E;}
.msjText{margin-top:50px;}
.md-close{background:#235B4E;border:1px solid #ccc;border-radius:5px;width:50%;font-size:22px!important;color:#fff;cursor:pointer;padding:15px 0px;}
.md-close:hover{background:#006625;}
.md-borra{background:#fd4040;border:1px solid #ccc;border-radius:5px;width:50%;font-size:22px!important;color:#fff;cursor:pointer;padding:15px 0px;}
.md-borra:hover{background:#982929;}

/******************** PASS **************************/
.strength_meter{
	position: absolute;
    left: 79px;
    top: 9px;
    width: 71.4%;
    height: 43px;
    z-index: 1;
    border-radius: 10px;
    padding-right: 13px;
    margin: auto;
	overflow:hidden; 
}
.button_strength {
text-decoration: none;
color:#235B4E;
font-size: 13px;
}
.strength_meter div{
width:0%;
height: 43px;
text-align: right;
color: #000;
line-height: 43px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding-right: 12px;
border-radius:5px;
}
.strength_meter div p{
position: absolute;
top: 22px;
right: 0px;
color: #FFF;
font-size:13px;
}

.strength{position:relative;z-index:10;background:none;color:#333!important;}

.veryweak{
    background-color: #FFA0A0;
border-color: #F04040!important;
width:25%!important;
}
.weak{
background-color: #FFB78C;
border-color: #FF853C!important;
width:50%!important;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
width:75%!important;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
width:100%!important;
}


/******************** PESTAÑAS **************************/

.labelPendientes, .labelRechazados, .labelAutorizados, .labelPublicados{background:#fff;color:#333;}
.labelPendientes:hover{background:#828282;color:#fff;}
.tabs input:checked + .labelPendientes{background:#828282;color:#fff;}

.labelRechazados:hover{background:#f64040;color:#fff;}
.tabs input:checked + .labelRechazados{background:#f64040;color:#fff;}

.labelPublicados:hover{background:#5995be;color:#fff;}
.tabs input:checked + .labelPublicados{background:#5995be;color:#fff;}

.labelAutorizados:hover{background:#96d25c;color:#fff;}
.tabs input:checked + .labelAutorizados{background:#96d25c;color:#fff;}



.tabhidden{display:none;} 
.tabs {
    position: relative;
    margin: 40px auto;
    width:100%;
}

.tabs input {
    position: absolute;
    z-index: 1000;
    width: 120px;
    height: 40px;
    left: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
}
.tabs input#tab-2{
    left: 120px;
}
.tabs input#tab-3{
    left: 240px;
}
.tabs input#tab-4{
    left: 360px;
}

.tabs label { 
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    /* position: relative; */
    padding: 0 20px;
    /* float: left; */
    display: block;
    width: 169px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
    cursor: pointer;
    display: inline-block;
}

.tabs label:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.clear-shadow {
    clear: both;
}

.content {
    background: #fff;
    position: relative;
    width:100%;
    /*height: 370px;*/
    z-index: 5;
    /*box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);*/
    border-radius: 0 3px 3px 3px;
}

.content div {
    position: relative;
    top: 0;
    left: 0;
    /*padding: 10px 40px;*/
    z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}


/******************** INPUT FILE **************************/
.inputfile{width:0.1px!important;height:0.1px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;z-index:-1!important;}
.inputfile + label {max-width:80%;font-size:16px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;padding:0.625rem 2.25rem;float:left;}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #fff;
    background-color:#235B4E;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #006625;
}