/* SELF REGISTRATION */
.divSelfRegistration,.divContPassExpired{padding:40px 0 30px 0 !important}
.divTitulo{font-family:helvetica,arial;font-size:22px;margin:0 10px;padding:16px;background:#07a0ca;color:#fff;border-radius:5px;border:0}
/*.divContSelfRegistration{height:685px !important}*/
.tableContFormRegistro{margin:15px auto 0 auto;width:630px;background:#fafafa;border:1px solid #ccc}
.tableContFormRegistro tr:hover{background:#e9f7ff}
.tableContFormRegistro td{border:0;border-bottom:1px solid #dddddd;font-size:16px;padding:4px;vertical-align:middle;height:54px}
.tableContFormRegistro td input{color:#4b4b4b;font-size:18px;height:34px;width:306px;border-radius:5px;padding:0 6px;margin:0}
.tableContFormRegistro select{color:#4b4b4b;font-size:17px;height:34px;width:323px;margin:0;padding:4px}
.tdIzq{text-align:right;width:230px}
.tdContBtnContinuar{background:#eee;padding:12px 12px !important;text-align:center}
.divRegistro .inpBtnC,.divRegistro .inpBtnNext{background:#07a0ca;border:0 none;border-radius:5px;color:#fff !important;cursor:pointer;display:inline-block;font-family:"Roboto Condensed";font-size:16px !important;font-weight:normal;height:39px !important;line-height:39px;text-transform:uppercase;width:215px}
.divRegistro .inpBtnC:hover,.divRegistro .inpBtnNext:hover{background:#3abde1 none repeat scroll 0 0}
.tdOk{width:40px;text-align:left}
.tdOk img{height:18px;position:relative;top:2px;width:18px;cursor:help}
.imgError{cursor:help}
.msjError{color:#b14b4b;font-size:13px;padding:0 0 15px 0}
.msjError span{font-style:italic}
.msjError a{text-decoration:underline}
#cNumeroIdentificacion{text-transform:uppercase;}
::-webkit-input-placeholder{text-transform:none}
:-moz-placeholder{text-transform:none}
::-moz-placeholder{text-transform:none}
:-ms-input-placeholder{text-transform:none}
::placeholder{text-transform:none}
/*rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.trContChk td{background:#07a0ca;padding:15px}
.trContChk td a{text-decoration:underline}
.trContChk label{display:inline-block;color:#fff;cursor:pointer;position:relative;font-size:14px;text-align:left;line-height:15px}
.trContChk label div{display:inline-block;width:85%;padding-left:10px;text-align:justify}
.trContChk label span{display:inline-block;position:relative;background-color:transparent;width:25px;height:25px;transform-origin:center;border:2px solid #fff;border-radius:50%;margin:0 10px;transition:background-color 150ms 200ms,transform 350ms cubic-bezier(0.78,-1.22,0.17,1.89);vertical-align:initial}
.trContChk label span:before{content:"";width:0;height:2px;border-radius:2px;background:#fff;position:absolute;transform:rotate(45deg);top:10px;left:7px;transition:width 50ms ease 50ms;transform-origin:0 0}
.trContChk label span:after{content:"";width:0;height:2px;border-radius:2px;background:#fff;position:absolute;transform:rotate(305deg);top:14px;left:8px;transition:width 50ms ease;transform-origin:0 0}
.trContChk label:hover span:before{width:5px;transition:width 100ms ease}
.trContChk label:hover span:after{width:10px;transition:width 150ms ease 100ms}
.trContChk input[type="checkbox"]{display:none}
.trContChk input[type="checkbox"]:checked+label span{background-color:#fff;transform:scale(1.25)}
.trContChk input[type="checkbox"]:checked+label span:after{width:10px;background:#1790b5;transition:width 150ms ease 100ms}
.trContChk input[type="checkbox"]:checked+label span:before{width:5px;background:#1790b5;transition:width 150ms ease 100ms}
.trContChk input[type="checkbox"]:checked+label:hover span{background-color:#fff;transform:scale(1.25)}
.trContChk input[type="checkbox"]:checked+label:hover span:after{width:10px;background:#1790b5;transition:width 150ms ease 100ms}
.trContChk input[type="checkbox"]:checked+label:hover span:before{width:5px;background:#1790b5;transition:width 150ms ease 100ms}
/*rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
#trContNotificaciones td{background:#2ecc71}
#trContNotificaciones input[type="checkbox"]:checked+label span:after{background:#27ae60}
#trContNotificaciones input[type="checkbox"]:checked+label span:before{background:#27ae60}
#trContNotificaciones input[type="checkbox"]:checked+label:hover span:after{background:#27ae60}
#trContNotificaciones input[type="checkbox"]:checked+label:hover span:before{background:#27ae60}
/*rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.tdContBtnContinuar{background:#fff;padding:25px !important}
.divContPreguntas{padding:30px 20px 30px 20px}
.divPregunta{color:#202020;font-size:15px;margin-top:20px;border-top:1px solid #07a0ca;padding-top:5px}
.divContPreguntas ul{padding-left:10px}
.divContPreguntas ul li{padding-left:10px}
/*radioooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
.divContPreguntas input.radio{display:none}
.divContPreguntas input.radio + label {display:inline-block;line-height:1.7;position:relative;padding:calc(1.8rem - 1.8rem * 0.54) 0 0.5rem calc(1.8rem + 1rem);min-height:1.8rem}
.divContPreguntas input.radio + label:hover {cursor:pointer}
.divContPreguntas input.radio + label:before {content:"";height:1.8rem;width:1.8rem;position:absolute;left:0.2rem;top:0.7rem;background-repeat:no-repeat}
.divContPreguntas input.radio[disabled] + label:before{opacity:0.5}
.divContPreguntas input.radio[disabled] + label{color:rgba(0, 0, 0, 0.3)}
.divContPreguntas input.radio:checked + label:before {background:url('bolita.svg')}
.divContPreguntas input.radio + label:before {background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjQ4IiBmaWxsPSIjQkJCREJGIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz4KPC9zdmc+')}
/*radioooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
.tdContMensaje{background:#f9f9f9 none repeat scroll 0 0;border:1px solid #07a0ca;font-family:arial;font-size:16px;padding:30px;text-align:center;vertical-align:middle}
.tableContMensaje{margin:12px auto 0;max-width:580px;min-width:300px;margin-bottom:15px}
.msjExito{padding:25px;text-align:center}
.divTituloMensaje{color:#07a0ca;font-family:"Roboto";font-size:23px;text-align:center}
.divCuerpoMensaje{text-align:center;font-size:17px;color:#444;margin-bottom:16px;padding:0 44px}
.divLoader{position:absolute;background:url('/epdocpre/css/images/loader2.gif') no-repeat scroll 50% 50% #0f0f0f;z-index:100;opacity:0.55;display:none}
.divContInpBtnQ{text-align:center;padding:20px;background:#fff;margin-top:20px}

/* PASS CHANGE */
.thMsjEncabezado{font-weight:lighter;background:#ffffff;color:#07a0ca;border-left:0;font-size:18px}
.tdMsjAclaracion{font-size:14px !important;height:20px !important;background:#fff;text-align:center}
.divContPassExpired{}
.divContPassExpired .tableContFormRegistro{margin-top:30px}
.divContPassExpired tfoot img{width:156px;height:106px}
.divContPassExpired tfoot table{margin:0 !important}
.divContPassExpired tfoot td{border:0 !important}
.tdContBtnChange{text-align:center}
.tdContBtnChange input{margin:0 5px !important}
.tdInfoPie{text-align:left;font-size:13px !important;padding:4px 15px !important}
.tdInfoPie u{white-space:nowrap}
.divPieMsj{font-size:20px}
.tdInfoPie a{color:#07a0ca;text-decoration:underline}
.divRegistro .inpBtnCambio{width:310px}
.tdErrorPR{color:#a53838;font-size:18px;text-align:center}
.divMsjExito{padding:40px;text-align:center;font-size:20px;margin:35px 20px 10px 20px;border:2px solid #07a0ca;border-radius:10px;color:#07a0ca;background:#fff}

/* AUTH */
.divAutenticacion{padding:40px 20px}
.divTextoMsjAuth{background:#fff;font-size:17px;min-height:55px;padding:14px 10px;text-align:center}
.resalteTitulo{color:#07A0CA;font-weight:700}
.btnRegistrate{position:absolute;left:1px}
.divContEnlace{position:relative}

/*OIDC*/
.divLogueoMintic{text-align:center}
.divLogueoMintic p{font-size:1em}
.divLogueoMintic a{color:#36c;border-radius:50%;height:60px;width:60px;display:inline-block;font-size:.9em;line-height:60px;border:1px solid #36c;margin:0 0 0 .3em}
.divBtnSalirMT{background:#36c;display:inline-block;padding:.4em .7em;border-radius:.2em;color:#fff;cursor:pointer;margin:1em;min-width:100px;text-align:center}

/*validar correo*/
.divContValidarToken{padding:4em 2em;text-align:center;font-size:1.2em}
.divContValidarToken h3{color:#36c;font-size:1.2em}
.divContValidarToken p{font-size:1em;color:#ff8403}

/*direccion*/
#modalDir{position:fixed;width:100%;height:100%;z-index:10000;top:0;left:0;background:#00000063}
#modalDir .modal-dialog{max-width:768px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:512px;background:#fff;padding:2em;width:calc(100% - 3em)}
.divCol{display:inline-block;width:100%}
.divCol>div{display:inline-block}
.divCol>div.divCol25{width:25%}
.divCol>p{color:#36c;margin-top:1em;font-size:1.1em}
.divCol label{font-size:.9em}
.divCol input,.divCol select{width:calc(100% - 1em);margin:.3em 0}
.divDireccionContBtns{padding:1em 0 0 0;text-align:right}
.divDireccionContBtns{padding:1em 0 0 0;text-align:right;margin-top:1em;border-top:1px solid #ff8403}
.divDireccionContBtns>button{margin:0 .5em;color:#fff;padding:.3em .7em;border-radius:6px;border:1px solid}
#btnAceptarDir{background:#36c;border-color:#36c}
#btnCancelarDir{background:#ff8403;border-color:#ff8403}
.btn-close-custom{border:1px solid #ff8403;border-radius:50%;width:26px;height:26px;background:#fff;text-transform:capitalize;text-align:center;right:1em;position:absolute;top:1em;padding-left:1px}
.btn-close-custom>i{font-style:normal;color:#ff8403}
#modalDirBody>p{color:#ff8403;font-size:1.4em;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #ff8403}
.divPreviewEncasillada{border-top:1px solid #ff8403;margin-top:.5em;padding-top:1em;display:none}
.divPreviewEncasillada::before{content:"Codificada:";margin-right:1em;color:#36c}
.divPreviewEncasilladaUsuario::before{content:"Dirección:";margin-right:1em;color:#36c}