/*ESTILOS BOLSA DE TRABAJO*/

main.fondo{
	background: #eeeeec;
}
main.fondo.he58{
	min-height: calc(100vh - 58px);
}
#boxLeft {
    width: 37%;
    float: left;
    height: calc(100vh - 58px);
}
#boxRight {
    width: 63%;
    height: calc(100vh - 54px);
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
}
#boxRight::-webkit-scrollbar, #templateTrab::-webkit-scrollbar, .tablaFicha.table-responsive::-webkit-scrollbar {
  	width: 12px;
    height: 12px;
}
#boxRight::-webkit-scrollbar-thumb, #templateTrab::-webkit-scrollbar-thumb, .tablaFicha.table-responsive::-webkit-scrollbar-thumb {
  	background-color: #666666;
  	border-radius: 20px;
  	border: 3px solid #F2F2F2;
}
#boxFondo {
    position: relative;
    width: 100%;
    height: calc(100vh - 58px);
    padding: 0;
    z-index: 1;
    background-image: url(../img/FONDO_BOLSA_TRABAJO.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px black;
    border-right: 7px solid #BB965C;
}
.banner-superior{
    height: calc(100vh - 240px);
}
.banner-inferior{
	position: relative;
	padding: 10px 20px;
}
.banner-bolsa{
    height: 60px;
    position: relative;
    top: 25px;
    left: 20px;
}
.logoIMB{
    display: none;
    height: 40px;
    float: left;
}
.logoBT{
    display: none;
    height: 40px;
    float: right;
}
.loginBolsa {
    width: 400px;
    margin: auto;
    margin-top: 25px;
    text-align: center;
}
.img-bolsa {
    width: 50px;
    margin-bottom: 5px;
}
.text-sesion label{
	font-size: 13px;
    font-weight: 600;
    color: #2D2D2D;
}
.hr-div{
	position: relative;
}
.hr-div hr{
	border-bottom: 2px solid #2D2D2D;
    opacity: 1;
}
.hr-div span{
	font-size: 15px;
    font-weight: 700;
    display: block;
    padding: 0 10px;
    background: #eeeeec;
    color: #2D2D2D;
    position: absolute;
    top: -12px;
    left: 45%;
}
.limit-doc{
	width: 95%;
	margin: auto;
}
#boxRight .subenun{
	margin-top: 10px;
	margin-bottom: 15px;
}
.f-gmx{
	font-family: 'GMX';
	font-size: 22px;
	font-weight: 600;
	font-style: italic;
}
.loginPersonal{
	width: 500px;
	margin: auto;
	margin-top: 10rem;
	text-align: center;
}
.img-login{
	width: 120px;
	margin-bottom: 15px;
}
.text-sesion{
	width: 80%;
	margin: auto;
}
.text-sesion p{
	font-size: 20px;
	font-weight: 500;
}
.tit-input{
	font-size: 13px;
	font-weight: 700;
	text-align: left;
	color: #005046;
	padding-left: 18px;
}
.form-sesion{
	text-align: left;
	margin-bottom: 10px;
}
.input-icon{
	height: 42px;
	background: #fff;
	border: 2px solid #BB965C;
	border-radius: 30px;
}
.icon-l{
	width: 40px;
	height: 40px;
	float: left;
	padding: 6px;
}
.input-r{
	width: calc(100% - 45px);
	float: left;
	height: 38px;
	border: initial;
	border-radius: 30px;
	background: transparent;
	font-weight: 700;
}
.input-r:focus, .input-r:focus-visible{
	font-weight: 600;
	color: #9f1f41;
}
.btnScale{
	transform: scale(.9);
	margin-top: 10px;
	text-align: center;
}
.clave-incorrecta{
	display: none;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	color: red;
}
.campo-vacio{
	display: none;
	font-size: 13px;
	font-weight: 600;
	margin: 5px 0 0 17px;
	color: red;
}
#cuestionario-seleccion{
	padding: 20px 0;
}
.limit-cue{
	margin: 30px auto;
}
.boxPregunta{
	min-width: 750px;
	max-width: 60%;
	margin: auto;
	background: #fff;
    box-shadow: 0 0 10px 0 grey;
    border-radius: 25px;
}
.headPregunta{
	position: relative;
	padding: 15px;
    text-align: center;
    background: #005046;
    border-radius: 25px 25px 0 0;
    color: #fff;
    font-size: 20px;
}
.linea-progreso{
	width: 5%;
    display: block;
    height: 15px;
    background: #9f1f41;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.bodyPregunta{
	padding: 10px 30px;
}
.sec-pregunta{
	text-align: center;
}
.num-preg{
	font-weight: 700;
	color: #BB965C;
	font-size: 20px;
}
.sec-pregunta label{
	font-weight: 500;
	font-size: 18px;
}
.sec-pregunta label b{
	font-weight: 800;
}
.sec-pregunta hr{
	margin: 5px;
    border-bottom: 2px solid;
}
.sec-respuesta{
	text-align: center;
	margin: 15px;
}
.parra-text{
	font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 10px;
}
.btnResp{
	width: 80%;
    margin: auto;
    min-height: 60px;
    border-radius: 15px;
    text-align: left;
    padding: 0 20px;
    font-weight: 500;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 0 5px 0px grey;
}
.btnResp:hover{
	background: #ddc9a5;
	font-weight: 700;
}
.btnResp:hover b.oro_t{
	color: #fff;
}
#cronometro{
	position: absolute;
    right: 15px;
}
.cuenta-regresiva{
	background: #BB965C;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
}
.boxFoot{
	position: relative;
	background: #BB965CD6;
	border-radius: 15px;
	padding: 10px;
	color: #fff;
}
.trian-sup{
	position: absolute;
    width: 0;
    height: 0;
    top: 20px;
    right: 50px;
    border-style: solid;
    border-width: 0px 30px 20px 30px;
    border-color: transparent transparent #BB965CD6 transparent;
}
.titSup{
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 5px;
}
.titFoot{
	font-size: 13px;
	font-weight: 700;
	margin-top: 5px;
}
.subtitFoot{
	display: block;
	font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding-left: 25px;
    line-height: 1.2;
}
.iconFoot{
	font-size: 15px;
	color: #fff;
}
.b-right{
	border-right: 3px solid #DDC9A5;
}

h5.tit-seccion{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
	color: #235B4E;
}
.pa-l25{
    padding-left: 25px;
}

/* ESTILOS VALIDACIÓN */
.subenunbis{
    position: relative;
    margin-bottom: 20px;
}
.subenunbis p{
    text-align: right;
    border-bottom: 2px solid;
}
.subenunbis .subtit{
    font-size: 12px;
}
.subenunbis span{
    display: block;
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 30%;
    height: 6px;
}
.caja-info{
    margin: 15px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 3px #000000;
}
.titInfo{
    font-size: 15px;
    font-weight: 700;
}
.titInfo img{
    position: relative;
    width: 22px;
    height: 22px;
    top: -2px;
}
.form-dat{
    min-height: 50px;
    padding: 0 8px 10px 8px;
    border: 2px solid #DDC9A5;
    border-radius: 10px
}
.form-dat label{
    font-size: 12px;
    font-weight: 600;
    color: #BB965C;
    line-height: 1;
}
.form-dat p{
    font-size: 14px;
    font-weight: 600;
    color: #292929;
    line-height: 1;
}
.limit-info{
    width: 70%;
    margin: auto;
}
.caja-resumen{
    height: 120px;
    margin: 15px;
    background: #EEEEEC;
    border-radius: 15px;
    box-shadow: 0 0 3px grey;
}
.icon-left{
    position: relative;
    display: flex;
    width: 60px;
    float: left;
    height: 120px;
    padding: 10px;
    border-radius: 15px 20px 20px 15px;
    vertical-align: middle;
    z-index: 1;
}
.icon-left img{
    position: relative;
    left: 7px;
}
.icon-left span{
    position: absolute;
    right: -27.5px;
    top: 11px;
    display: inline-block;
    width: 0;
    height: 0;
    z-index: -1;   
}
.icon-left.oro span{
    border-style: solid;
    border-width: 50px 0 50px 30px;
    border-color: transparent transparent transparent #BB965C;    
}
.icon-left.verde span{
    border-style: solid;
    border-width: 50px 0 50px 30px;
    border-color: transparent transparent transparent #235B4E;    
}
.dat-right{
    width: calc(100% - 85px);
    height: 120px;
    float: right;
    padding: 15px 10px;
    text-align: center;
}
.dat-right h5{
    font-size: 20px;
    font-weight: 800;
}
.boxDat{
    background: #fff;
    padding: 5px 10px 10px 10px;
    border-radius: 10px;
    text-align: left;
}
.boxDat label{
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}
.boxDat p{
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
}
.dat-right .col-4{
    padding-left: 3px;
    padding-right: 3px;
}
.caja-info .h40{
    height: 40px;
}
.caja-info p.datLleno{
    font-size: 13px;
    border: 2px solid #DDC9A5;
}
.caja-info label.titLleno{
    font-size: 11px;
}
.limit-doc{
    width: 90%;
    margin: auto;
    margin-bottom: 5px;
}
.cont-img-v{
    position: relative;
    width: 100px;
    margin: auto;
}
.cont-img-v img{
    width: 100%;
    border-radius: 10px;
}
.cont-img-h{
    position: relative;
    height: 85px;
    margin: auto;
}
.cont-img-h img{
    height: 100%;
    border-radius: 10px;
}
.btnZoom{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    padding: 5px 10px;
    background: #9F1F41;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 0 3px black;
    transition: .5s all;
}
.btnZoom:hover{
    background: #BB965C;
}
.preTit{
    font-size: 15px;
    font-weight: 700;
}
.preTit img{
    height: 15px;
}
.form-check-input.preg-sec{
    width: 20px;
    height: 20px;
    border: 2px solid #BB965C;
}
.preg_2 .form-check{
    margin-left: 15px;
}
.preg_2 .form-check-label {
    padding: 0 5px;
}
.btnPregUno{
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 15px;
    font-weight: 800;
    border-radius: 30px;
    border: 3px solid;
    margin: 5px;
    text-align: center;
    padding: 5px;
}
.btnPregUno:hover.verde_b_t{
    background: #02AF02;
    color: #fff;
}
.btnPregUno:hover.rojo_t{
    background: #ED1C24;
    color: #fff;
}
.btnPregUno.mal{
    background: #ED1C24;
    color: #fff;
}
.btnPregUno.bien{
    background: #02AF02;
    color: #fff;
}
.modal-docs .modal-content{
    border-radius: 17px;
}
.modal-docs .modal-header{
    background: #005046;
    color: #fff;
    text-align: center;
    border-radius: 15px 15px 0 0;
    padding: 8px 15px;
}
.modal-docs .modal-header h5{
    width: 100%;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 17px;
}
.modal-docs .btn-close{
    background: transparent;
    transition: .3s all;
}
.modal-docs .btn-close img{
    width: 25px;
    height: 25px;
    position: relative;
    top: -5px;
    right: 5px;
}
.modal-docs .modal-dialog.f-v{
    width: 350px;
}
.modal-docs .modal-dialog.f-h{
    height: 350px;
}
.modal-docs .modal-body img{
    width: 100%;
}

/* VALIDAR SIMPLE */
.boxValidar{
    width: 500px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 5px black;
    border-radius: 25px;
}
.headValidar{
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    border-radius: 25px 25px 0 0;
}
.headValidar h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}
.headValidar p{
    font-size: 15px;
    font-weight: 500;
}
.bodyValidar{
    position: relative;
}
#btnValidar .col-6{
    padding-left: 0;
    padding-right: 0;
}
.btnVal{
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px;
    transition: .5s all;
}
.btnVal img{
    width: 40px;
    padding: 5px;
    position: relative;
    left: 25%;
    transition: .5s all;
}
.btnBien{
    background: #028902;
    border-radius: 0 0 0 25px;
}
.btnMal{
    background: #b71d23;
    border-radius: 0 0 25px 0;
}
.btnVal:hover.btnBien{
    background: #02AF02;
}
.btnVal:hover.btnMal{
    background: #ED1C24;
}
.p-oculto{
    opacity: 0;
    position: relative;
    left: -25px;
    transition: .5s all;
}
.btnVal:hover .p-oculto{
    opacity: 1;
    left: 0;
}
.btnVal:hover img{
    left: 0;
}
#resBtn{
    position: relative;
    z-index: 99;
}
.animPleca{
    transition: .5s all;
}
.line-central{
    z-index: 2;
    width: 100%;
    height: 20px;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}
.iconBack{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 10px;
    border: 10px solid #fff;
}
.iconResp{
    z-index: 3;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 10px;
}
.iconBien img{
    width: 100%;
}
.sec-foto, .sec-id{
    padding: 10px;
}
.sec-id{
    padding: 45px 10px 10px 10px;
}
.sec-foto img{
    height: 100%;
}
.sec-id img{
    height: 190px;
    position: relative;
    bottom: 0;
}
.sec-foto.bien, .sec-id.bien{
    background: #0080007a;
}
.sec-foto.mal, .sec-id.mal{
    background: #b71d237a;
}
.sec-foto, .sec-id{
    height: 270px;
}
.cnt{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.gris{
    background: #9f9d9d;
}
.line-scale{
    position: absolute;
    transform: translateY(-50%);
    top: -40px;
    opacity: .5;
    border-radius: 25px 25px 0 0;
    z-index: 5;
    width: 100%;
    height: 0;
}
.icon-scale{
    z-index: 5;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    padding: 10px;
}

/*ADMINISTARDOR SISTEMA DE SELECCIÓN DE PERSONAL*/
.limit-administrador{
    width: 90%;
    margin: auto;
    margin-top: 70px;
    padding-bottom: 15px;
}
#bandejaUsu{
    background: #fff;
    box-shadow: 0 0 3px gray;
    border-radius: 15px;
}
.form-text{
    font-size: 14px;
    font-weight: 500;
    border: 1.5px solid #cccaca;
    background: #f0f0f0;
    margin-top: 0;
    border-radius: 8px;
}
.headTable{
    padding: 5px 10px;
    height: 48px;
    line-height: 40px;
}
.formLabel{
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}
.table-head{
    vertical-align: middle;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #ddc9a5;
}
#table-gral th, #table-gral td{
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    padding: 4px 10px;
}
#table-gral td{
    font-weight: 500;
}
#table-gral tr{
    border-bottom: 2px solid #d5d5d5;
}
.btnAct{
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    transition: .8s background;
}
.btnAct:hover, .btnAct:focus{
    cursor: pointer;
    background: #6F1228;
}
.btnAct i{
    font-size: 20px;
    padding: 5px;
}
.btnAct:hover i, .btnAct:hover img{
    opacity: 0;
}
.btnAct:hover:before{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.btnAct:before{
    content: attr(data-hover);
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 12px;
    opacity: 0;
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .5s ease-in-out;
}
.form-control.form-basic-lleno {
    margin-top: 5px;
    border-radius: 10px;
    height: 40px;
    border: 2px solid #235B4E;
    font-weight: 700;
}
.form-input {
    margin-top: 5px;
    height: 40px;
    font-weight: 700;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #cccaca;
    background: #f0f0f0;
    border-radius: 10px;
}
.form-input:focus{
    border: 2px solid #ddc9a5;
}
.procPadron{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 43px;
}
.procPadron span{
    font-weight: 800;
}
.iconTit{
    width: 25px;
}
.form-select select{
    padding: 5px;
}
.form-select option{
    padding: 2px 0;
    font-size: 15px;
    font-weight: 500;
}

/* MODAL GRAL */
.modal-gral .modal-content{
    border-radius: 16px;
}
.modal-gral .modal-header{
    padding: 8px;
    border-radius: 15px 15px 0 0;
}
.modal-gral .modal-header h5{
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #fff;
}
label.titForm {
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding-left: 15px;
}
.modal-gral .btn-close {
    width: 25px;
    height: 25px;
    padding: 10px;
    background: transparent;
    opacity: .60;
    transition: .3s all;
}
.modal-gral .btn-close:hover{
    opacity: 1;
}

/* ESTATUS */
.estatus-curp{
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: 700;
    background: #fff;
    border: 2px solid;
    border-radius: 20px;
    width: 110px;
    margin: auto;
}
th.nombre{
    min-width: 200px;
}
/*BOTON MÓDULO*/
.limit-modulo{
    width: 85%;
    margin: auto;
}
.alignBtn{
    display: grid;
    gap: 0 20px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    margin: 5px 0;
}
.btnModulo{
    min-width: 245px;
    max-width: 280px;
    height: 80px;
    background: #fff;
    box-shadow: 0 0 5px grey;
    border-radius: 15px;
    padding: 0;
    transition: .8s all;
    margin: 10px auto;
}
.p-left {
    position: relative;
    display: flex;
    width: 70px;
    height: 80px;
    float: left;
    border-radius: 15px 15px 45px 15px;
    vertical-align: middle;
    z-index: 1;
}
.p-left img{
    width: 40px;
    height: 40px;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: .5s all;
    top: 42%;
    left: 50%;
}
.p-right {
    width: calc(100% - 70px);
    height: 80px;
    float: right;
    padding: 15px 10px;
    text-align: center;
}
.p-right .tit{
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    transform: translateY(-50%);
    transition: .5s all;
    top: 50%;
}
.p-right .tit.user{
    text-align: left;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    transform: translateY(-50%);
    transition: .5s all;
    top: 35%;
}
.p-right .subtit{
    font-size: 11.5px;
    text-align: left;
    color: #4d4d4d;
    line-height: 1.1;
}
.btnModulo:hover{
    transform: translateX(30px);
}
.btnModulo:hover .p-left img{
    width: 50px;
    height: 50px;
}
.btnModulo:focus{
    transform: scale(.90);
}
.btnModulo:hover.desactivado{
    transform: translateX(0);
}
.btnModulo:focus.desdactivado{
    transform: scale(1);
}
.btnModulo:hover.desactivado .p-left img{
    width: 40px;
    height: 40px;
}

/* ACORDEÓN PERFIL */
.accordion-header{
    width: 100%;
    height: 45px;
    background: #EEEEEC;
}
.accordion-button.aco-perfil{
    width: calc(100% - 380px);
    float: left;
    background: #EEEEEC;
    padding: 0;
    padding-right: 15px;
    height: 45px;
}

.accordion-button.aco-perfil-1{
    width: calc(98% - 380px);
    float: left;
    background: #EEEEEC;
    padding: 0;
    padding-right: 15px;
    height: 45px;
}
.accordion-button:focus.aco-perfil{
    box-shadow: initial;
}
.sec-info{
    width: 300px;
    height: 45px;
}
.sec-info label{
    font-size: 15px;
    font-weight: 600;
    color: #4d4d4d;
    line-height: 45px;
    padding-left: 30px;
}
.sec-info label.inactivo{
    color: #9f9d9d;
}
.sec-icon{
    position: relative;
    width: 45px;
    height: 45px;
    float: left;
}
.sec-icon img{
    height: 45px;
    padding: 7px;
}
.sec-icon span {
    position: absolute;
    right: -20px;
    border-style: solid;
}
span.s-verde{
    border-width: 22.5px 0px 22.5px 20px;
    border-color: transparent transparent transparent #235B4E;
}
span.s-oro{
    border-width: 22.5px 0px 22.5px 20px;
    border-color: transparent transparent transparent #BB965C;
}
span.s-gris{
    border-width: 22.5px 0px 22.5px 20px;
    border-color: transparent transparent transparent #9f9d9d;
}
span.s-gris_c{
    border-width: 22.5px 0px 22.5px 20px;
    border-color: transparent transparent transparent #d2d1d1;
}
.aco-btn{
    background: #EEEEEC;
    width: 350px;
    height: 45px;
    float: left;
    padding: 7.5px 3px;
}
.aco-btn-1{
    background: #EEEEEC;
    width: 387px;
    height: 45px;
    float: left;
    padding: 7.5px 0px 7.5px 6px;
    margin-left: -10px;
}
.btnAco {
    height: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 7px;
    transition: all .5s;
    margin: 0 4px 0 0;
}
.btnAco i{
    font-size: 14px;
    margin-left: 3px;
}
.btnAco:hover{
    background: #681B33;
    transform: scale(.9);
}
.btnAco.desactivado{
    opacity: .5;
}
.btnAco:hover.desactivado.vino{
    background: #681B33;
    transform: scale(1);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../img/CHEVRON_UP.svg);
    transform: unset;
}
.accordion-button::after {
    background-image: url(../img/CHEVRON_UP.svg);
    position: absolute;
    right: -372.5px;
    transform: rotate(-180deg);
}

.accordion-button.aco-perfil-1::after {
    background-image: url(../img/CHEVRON_UP.svg);
    position: absolute;
    right: -397.5px !important;
    transform: rotate(-180deg);
}
.accordion-body.aco-body{
    padding: 15px;
    margin-left: 40px;
}
.box-form{
    min-height: 40px;
    width: 100%;
    padding: 4px 10px;
    border: 2px solid #BB965C;
    border-radius: 8px;
}
.box-form label{
    display: block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    color: #BB965C;
}
.box-form p{
    font-size: 13px;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 0px;
    color: #4d4d4d;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

/* TABLA ACORDEON */
.cont-gral{
    padding-left: 15px;
}
.cont-tabla{
    width: calc(100% - 60px);
    padding: 0;
    padding-bottom: 7px;
    float: left;
    display: grid;
    gap: 0 10px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(129px, 1fr));

}
.cont-tabla.bis{
    grid-template-columns: repeat(auto-fill, minmax(198px, 1fr));
}
.btn-accion{
    width: 60px;
    float: left;
    padding: 0;
    padding-left: 5px;
}
.btn-accion label{
    text-align: center;
}
.btn-accion .btnAct, .cont-tabla .btnAct{
    width: 60px;
    transform: scale(0.8);
}
.cont-gral label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1;
    color: #BB965C;
}
.cont-gral p {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 0px;
    color: #4d4d4d;
}
.c-tabla{
    display: inline-grid;
    padding-top: 5px;
    word-break:break-all;
}

/* FILTROS PRINCIPALES */
#filtroPrin{
    width: 100%;
    height: 65px;
}
.boxFiltro{
    height: 45px;
    background: #fff;
    box-shadow: 0 0 3px black;
    border-radius: 40px;
    margin-top: 20px;
    padding: 0;
}
.tipoFiltro{
    position: relative;
    padding: 4px 10px;
}
.iconFiltro{
    width: 25px;
    height: 37px;
    float: left;
}
.tit-campo{
    position: absolute;
    top: -18px;
    left: 47px;
    font-size: 12px;
    font-weight: 600;
    color: #235B4E;
}
.tit-campo.text{
    left: 20px;
    min-width: 150px;
}
.form-filtro{
    width: calc(100% - 25px);
    height: 37px;
    float: left;
    border: none;
    font-size: 13px;
    font-weight: 600;
    border-radius: 0;
}
.form-filtro:focus{
    box-shadow: initial;
}
.bor-rgt{
    border-right: 2px solid #BB965C;
}
.fil-lft{
    width: calc(100% - 110px);
    float: left;
}
.fil-rgt{
    width: 110px;
    float: left;
    padding: 8px 0;
}
.btnFiltro{
    width: 100px;
    height: 30px;
    padding: 5px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 40px;
    transition: .5s all;
}
.btnFiltro:hover{
    background: #005046;
    transform: scale(.9);
}
/* CAMBIO */
#p-trab{
    width: calc(100% - 260px);
    float: right;
    z-index: 30;
}
#templateTrab {
    width: calc(100% - 260px);
    height: calc(100vh - 58px - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
}
.a-cnt{
    transform: translate(-50%, -50%);
    left: 50%;
}

/* FILTRO SECUNDARIO */
.secFiltro {
    position: relative;
    display: grid;
    gap: 0 7px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    margin: 5px 0;
}
.filtroSec {
    display: inline-grid;
    padding-top: 5px;
}
.select-sec{
    height: 35px;
    border: transparent;
    background-color: #fff;
    box-shadow: 0 0 4px #1c1c1c;
    font-size: 13px;
    font-weight: 700;
    color: #235B4E;
}
#titFiltroSec{
    position: absolute;
    top: -12px;
    left: 10px;
}
label.titFiltro{
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: right;
}
#tablaEducacion .subtit b{
    font-weight: 700;
}
#tablaEducacion .subenun, #tablaExperiencia .subenun {
    margin-top: 5px;
    margin-bottom: 10px;
}

/* TARJETAS VACANTE */
.bloque-vct {
    display: grid;
    gap: 0 15px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    margin-bottom: 10px;
}
.tjt-vacante {
    display: inline-grid;
    margin-bottom: 15px;
}
.box-tjt{
    width: 420px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 5px;
    border-left: 15px solid #235c50;
}
.tjt-head{
    position: relative;
    padding: 0;
    padding-top: 10px;
    height: 40px;
}
.tjt-body{
    padding: 0 20px;
    min-height: 135px;
}
.tjt-foot{
    position: relative;
    height: 65px;
    padding-bottom: 10px;
}
.sta-vct{
    padding: 5px 10px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 30px;
    position: absolute;
    left: 20px;
}
.area-vct{
    position: absolute;
    right: 0;
    padding: 5px 10px;
    background: #235c50;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.dir-vct, .sector-vct{
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}
.puesto-vct{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
    margin-bottom: 3px;
}
.div-hr{
    width: 93%;
    border-bottom: 2px solid #BB965C;
    opacity: 1;
    margin: 0;
    margin-top: 5px;
}
.tjt-body .row .col-lg-6{
    padding: 0;
}
.subtit-nivel{
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    color: #BB965C;
}
.txt-nivel{
    font-size: 12px;
    font-weight: 700;
    padding-left: 18px;
    line-height: 1.1;
}
.vigencia-vct{
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.btn-vct{
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.btnVerMas{
    height: 40px;
    width: 130px;
    padding: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px black;
    transition: .8s all;
}
.btn-lft{
    width: 35px;
    height: 40px;
    position: relative;
    float: left;
    background: #235c50;
    border-radius: 10px;
    transition: .8s all;
}
.btn-lft i{
    font-size: 20px;
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 20px;
    z-index: 1;
    transition: .8s all;
}
.tri-icon{
    position: absolute;
    top: 2.5px;
    right: -7px;
    border-style: solid;
    border-width: 17.5px 0px 17.5px 10px;
    border-color: transparent transparent transparent #235B4E;
}
.btn-rgt{
    height: 40px;
    width: calc(100% - 40px);
    position: absolute;
    padding: 0 7px;
    right: 0;
    transition: .8s all;
}
.btn-rgt p{
    width: 100%;
    font-size: 15px;
    font-weight: 800;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.btnVerMas:hover .btn-lft{
    width: 100%;
}
.btnVerMas:hover .btn-lft i{
    left: 120px;
}
.btnVerMas:hover .btn-rgt{
    right: 30px;
    z-index: 99;
}
.btnVerMas:hover .btn-rgt p{
    color: #fff;
}
.btnVerMas:focus:hover{
    transform: scale(.90);
}

.modal-body.vacante{
    padding: 15px 40px;
}
.subtit-modal{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.subtit-modal img{
    height: 20px;
}
.vacante .limit-form{
    padding-left: 5px;
}
.tit-desc{
    font-size: 15px;
    font-weight: 700;
    color: #bb965c;
    margin-top: 10px;
}
.parra-desc {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    text-align: justify;
    margin-top: 0px;
    color: #4d4d4d;
    margin-bottom: 0;
}

.parra-entr {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}
.modal.fade.confirma .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(-50%, -50%);
    top: 85%;
    left: 50%;
    margin: 0;
}
.modal-footer .btnGral, .modal-footer .btnReg{
    width: 140px;
    margin: 5px auto;
}
.modal-footer .btnReg .btnIcon, .modal-footer .btnGral .btnIcon {
    width: 40px;
}
.modal-footer .btnReg p, .modal-footer .btnGral p {
    width: calc(100% - 40px);
    font-size: 14px;
    padding: 0 10px 0 5px;
}
.modal-footer .btnGral .btnIcon span {
    left: -5px;
}
#avisoConfirma .modal-content{
    border-radius: 15px;
    border-bottom: 15px solid #9f2042;
}
#avisoConfirma .modal-footer{
    padding: 5px;
}
#avisoConfirma .text{
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    border-bottom: 2px solid;
}
#avisoConfirma label{
    font-size: 12px;
    font-weight: 500;
    color: #4d4d4d;
    line-height: 1.1;
    padding-top: 7px;
}

/* PESTAÑAS */
#tabPestana li{
    padding: 0;
}
#tabPestana.nav-tabs{
    border: none;
}
#tabPestana.nav-tabs .nav-link {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    background: #fff;
    box-shadow: 0 0 5px gray;
    text-decoration: none;
    transition: .5s all ease-in-out;
}
#tabPestana.nav-tabs .nav-item.show .nav-link, #tabPestana.nav-tabs .nav-link.active {
    font-size: 13px;
    font-weight: 700;
    color: #495057;
    background-color: #fff;
    border-color: transparent;
}
#tabPestana.nav-tabs .nav-link.izq{
    border-radius: 30px 0 0 30px;
}
#tabPestana.nav-tabs .nav-link.cent{
    border-radius: 0;
}
#tabPestana.nav-tabs .nav-link.der{
    border-radius: 0 30px 30px 0;
}
#tabPestana.nav-tabs .nav-link.izq.oro_t.active, #tabPestana.nav-tabs .nav-link.cent.oro_t.active, #tabPestana.nav-tabs .nav-link.der.oro_t.active{
    background: #BB965C;
    color: #fff; 
}
#tabPestana.nav-tabs .nav-link.izq.guinda_t.active, #tabPestana.nav-tabs .nav-link.cent.guinda_t.active, #tabPestana.nav-tabs .nav-link.der.guinda_t.active{
    background: #9F1F41;
    color: #fff; 
}
#tabPestana.nav-tabs .nav-link.izq.verde_t.active, #tabPestana.nav-tabs .nav-link.cent.verde_t.active, #tabPestana.nav-tabs .nav-link.der.verde_t.active{
    background: #005046;
    color: #fff; 
}
#tabPestana.nav-tabs .nav-link:hover.oro_t {
    background: #96663D;
    color: #fff;
}
#tabPestana.nav-tabs .nav-link:hover.guinda_t {
    background: #691C32;
    color: #fff;
}
#tabPestana.nav-tabs .nav-link:hover.verde_t {
    background: #10312B;
    color: #fff;
}
.fondoSeccion{
    background: #eeeeee;
    padding: 15px;
    margin: 0 -6rem ;
}
#paginadorIMB{
    text-align: center;
}
#paginadorIMB .pagination{
    display: inline-flex;
    margin: 5px;
    height: 50px;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 3px black;
    border-radius: 30px;
}
#paginadorIMB .page-item{
    width: 40px;
    height: 40px;
}
#paginadorIMB .page-item a.page-link{
    width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 50%;
    border:none;
    font-size: 15px;
    font-weight: 600;
    color: #235c50;
    transition: .5s all;
}
#paginadorIMB .page-item a.page-link.active{
    width: 40px;
    height: 40px;
    line-height: 34px;
    padding: 0;
    border: 3px solid #bb965c;
    font-weight: 700;
    color: #bb965c;
}
#paginadorIMB .page-item a.page-link:focus{
    box-shadow: none;
}
#paginadorIMB .page-item a.page-link.chevron{
    font-size: 18px;
    color: #bb965c;
}
#paginadorIMB .page-item:hover a.page-link.chevron{
    background: #bb965c;
    color: #fff;
}
#paginadorIMB .page-item a.page-link:focus.chevron{
    box-shadow: none;
    transform: scale(.9);
}
#paginadorIMB .page-item:hover a{
    background: #d9d9d9;
}

.btnSec.btn-desc{
    transform: scale(.85);
    height: 45px;
    position: absolute;
    right: -15px;
    top: -10px;
    border: 5px solid #fff;
}
.btnSec.btn-desc:focus{
    transform: scale(.8);
}
.btn-desc.btnSec:hover img, .btn-desc.btnSec:hover i {
    margin-left: 2px;
}

/* TARJETAS DE INFORMACIÓN */
.gralCard{
    box-shadow: 0 0 5px black;
    border-radius: 0 0 10px 10px;
}
.cardHead {
    z-index: 2;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.cardHead i, .cardHead img{
    margin-right: 5px;
}
.cardBody{
    background: #fff;
    padding: 10px;
}
.r-down{
    border-radius: 0 0 10px 10px;
}
.cardDat {
    background: #f4f4f4;
    padding: 4px 10px;
    border-radius: 8px;
    margin: 5px 0;
}
.cardDat label {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 0;
}
.cardDat p {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.1;
}
.cardFoot{
    display: flex;
}
.btnCard{
    width: 100%;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    transition: all .5s;
    border-width: 10px;
    border-top: 4px solid transparent;
}
.btnCard i, .btnVal i{
    position: relative;
    font-size: 13px;
    opacity: 0;
    left: -17px;
    transition: all .5s;
}
.btnCard:hover{
    font-weight: 700;
    background: #6F1228;
    border-color:#bc955c;
}
.btnCard:hover i, .btnVal:hover i{
    opacity: 1;
    left: 5px;
}
.btnVal:hover i{
    opacity: 1;
    left: 0px;
}
.btn100{
    width: 100%;
}
.btn50{
    width: 50%;
    float: left;
}
.r-down{
    border-radius: 0 0 10px 10px;
}
.r-left{
    border-radius: 0 0 0 10px;
}
.r-right{
    border-radius: 0 0 10px 0;
}
.subtit-ficha{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}
.subtit-ficha img{
    height: 15px;
    margin-top: -3px;
}

/*TABLA FICHA*/

.tablaFicha{
    padding: 0 15px;
    margin-bottom: 7px;
}
.tablaFicha p.subtit{
    border-bottom: 2px solid #BB965C;
    font-size: 12px;
    font-weight: 700;
}
.secFicha{
    display: grid;
    gap: 0 7px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    margin-bottom: 5px;
}
.tarFicha{
    display: inline-grid;
    padding-top: 5px;
    word-break:break-all;
}
.tarFicha label{
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    vertical-align: bottom;
}
.tarFicha p{
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}
.tableTit th{
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 0 3.5px;
    padding-top: 5px;
}
.tableDat th{
    min-width: 140px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 0 3.5px;
    padding-top: 3px;
}

@media all and (max-width:1250px){
    .accordion-body.aco-body {
        padding: 15px 0;
        
    }
    .scroll-hor{
        overflow-x: scroll;
        overflow-y: hidden;
        width: calc(100% - 55px);
    }
    .min-tab{
        min-width: 1020px;
    }
    .dir-vct, .sector-vct {
        font-size: 13px;
    }
    .puesto-vct {
        font-size: 20px;
    }
    .txt-nivel{
        padding-left: 0;
    }
    .limit-administrador {
        width: 97%;
    }
}
@media all and (max-width: 1130px){
    .limit-info{
        width: 95%;
    }
    .dat-right h5 {
        font-size: 15px;
    }
    #templateGral.lola{
        padding: 15px 25px;
    }
    .caja-info {
        margin: 7.5px;
        padding: 15px;
    }
    .limit-doc {
        width: 100%;
    }
    #table-gral th, #table-gral td {
        font-size: 13px;
    }
}
@media all and (max-width:992px){
    #menuIzq{
        display: none;
        width: 50%;
        position: fixed;
        z-index: 1001;
    }
    #templateDer {
        width: 100%;
        height: auto;
        overflow-y: hidden;
        padding: 15px 25px;
    }
    .cont-img-h{
        width: 50%;
    }
    .cont-img-h{
        width: 50%;
    }
    .btnCollapseMovil {
        display: block;
    }
    .formLabel {
        font-size: 13px;
    }
    .limitAviso {
	    width: 90%;
	}
	.bodyAviso {
	    padding: 30px;
	}
    #p-trab {
        width: 100%;
        z-index: 30;
    }
    #templateTrab {
        width: 100%;
        height: auto;
        overflow-y: auto;
    }
    .limit-administrador {
        width: 95%;
    }
    .modal-gral .modal-dialog {
        max-width: 95%;
        margin: 1.75rem auto;
    }
    #boxLeft {
        display: none;
    }
    #boxRight {
        width: 100%;
        height: auto;
        overflow-y: hidden;
    }
    .limit-doc {
        width: 95%;
    }
    .logoIMB, .logoBT{
        display: block;
    }
    .loginBolsa {
        margin-top: 15px;
    }
}
@media (max-width:992px) and (min-width:768px){
    .bloque-vct {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
    .box-tjt {
        width: 100%;
        border-left: 10px solid #235c50;
    }
    .area-vct {
        font-size: 10px;
    }
    .tjt-head {
        height: 35px;
    }
    .dir-vct, .sector-vct {
        font-size: 10px;
    }
    .puesto-vct {
        font-size: 15px;
    }
    .tjt-body {
        padding: 0 10px;
        min-height: auto;
    }
    .subtit-nivel {
        font-size: 9px;
    }
    .txt-nivel {
        font-size: 10px;
        padding-left: 13px;
        line-height: 1;
    }
    .btnVerMas{
        transform: scale(.9);
        right: -5px;
        position: relative;
    }
}

@media all and (max-width: 768px){
    .limitAviso {
	    width: 95%;
	    margin: 10px auto;
	}
	.boxPregunta {
	    min-width: initial;
	    max-width: 90%;
	}
	.sec-respuesta {
	    margin: 15px 0;
	}
	.titAviso {
	    font-size: 16px;
	}
	.bodyAviso label {
	    font-size: 15px;
	    line-height: 1.2;
	}
	.bodyAviso p, .bodyAviso ol {
	    font-size: 12px;
	    margin-bottom: 5px;
	}
	.loginPersonal {
	    margin-top: 5rem;
	}
    .tit-campo {
        width: 100px;
        left: 20px;
    }
    .limit-modulo {
        width: 100%;
        padding: 0;
    }
    .form-filtro {
        height: 27px;
        font-size: 12px;
        padding: 0px 20px 0 4px;
        background-position: right 2px center;
    }
    .iconFiltro {
        width: 22px;
        height: 27px;
    }
    .tipoFiltro {
        padding: 4px 5px;
    }
    .boxFiltro {
        height: 35px;
        margin-top: 15px;
    }
    .accordion-body.aco-body {
        padding: 10px;
        margin-left: 0px;
    }
    .scroll-hor {
        width: calc(100% - 15px);
    }
    .fil-rgt {
        width: 85px;
        float: right;
        padding: 0;
    }
    .btnFiltro {
        width: 85px;
        height: 35px;
        font-size: 11px;
        border-radius: 0 40px 40px 0;
    }
    .fil-lft {
        width: calc(100% - 85px);
    }
    .tit-campo {
        left: 32px;
        font-size: 11px;
    }
    .tit-campo.text {
        left: 10px;
    }
    .secFiltro {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
    .select-sec {
        font-size: 12px;
        padding: 0 25px 0 10px;
        background-position: right 5px center;
    }
    #tabPestana.nav-tabs .nav-link {
        padding: 5px;
        font-size: 12px;
        line-height: 1.2;
    }
    #tabPestana.nav-tabs .nav-item.show .nav-link, #tabPestana.nav-tabs .nav-link.active {
        font-size: 12px;
    }
    .tjt-body {
        min-height: auto;
    }
    .box-tjt {
        width: 80%;
    }
    .bloque-vct {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        padding: 0;
    }
    .limit-info{
        width: 100%;
    }
    .sp-bis{
        padding-left: 0;
        padding-right: 0;
    }
    .headTable {
        height: auto;
    }
    #table-gral th, #table-gral td {
        font-size: 11px;
        line-height: 1.2;
    }
}
@media all and (max-width: 700px){
    .disNo{
        display: none;
    }
    .aco-btn {
        width: 140px;
    }
    .accordion-button.aco-perfil {
        width: calc(100% - 170px);
    }
    .accordion-button::after {
        right: -160px;
    }
    .modal-body.vacante {
        padding: 10px 15px;
    }
    .pleca-tit {
        font-size: 15px;
    }
    #menuIzq {
        width: 95%;
    }
}
@media all and (max-width: 576px){
    .headAviso img {
		position: relative;
	    width: 40px;
	    float: left;
	    left: 25px;
	    margin-bottom: 0px;
	}
	.headAviso p {
	    width: calc(100% - 40px);
	    margin: auto;
	    font-size: 17px;
	}
	.bodyAviso {
	    padding: 15px;
	}
	.titAviso {
	    font-size: 14px;
	    font-weight: 600;
	}
	.bodyAviso p, .bodyAviso ol {
	    font-size: 13px;
	    margin-bottom: 8px;
	}
	.bodyAviso label {
	    font-size: 14px;
	    line-height: 1.2;
	    font-weight: 800;
    	margin-bottom: 10px;
	}
	.bodyAviso ol {
	    padding-left: 35px;
	}
	.footerAviso .form-check label {
	    font-size: 14px;
	    line-height: 1.1;
	    width: 95%;
	}
	.footerAviso .form-check {
	    width: 75%;
	    margin: 20px auto;
	    margin-bottom: 0;
	}
	.f-gmx {
	    font-size: 18px;
	    font-weight: 500;
	}
    #templateDer {
        padding: 15px;
    }
    #contGral .subtit{
        line-height: 1.1;
    }
    .limit-info.ma-t2{
        margin-top: 10px !important;
    }
    .caja-info {
        margin: 10px 0;
        padding: 7px 15px;
        font-size: 13px;
        line-height: 1.2;
        border-radius: 10px;
    }
    .caja-resumen {
        height: 100px;
        margin: 7.5px 0;
    }
    .icon-left {
        width: 40px;
        height: 100px;
        border-radius: 15px;
        padding: 5px;
    }
    .icon-left.oro span, .icon-left.verde span {
        border-width: 40px 0 40px 15px;
    }
    .icon-left span {
        right: -13.5px;
    }
    .icon-left img {
        left: 5px;
    }
    .dat-right {
        width: calc(100% - 50px);
        height: 100px;
        padding: 15px 5px;
    }
    .boxDat {
        padding: 0px 0px 5px 7px;
    }
    .boxDat label {
        font-size: 9.3px;
    }
    .caja-info .pa-l25{
        padding-top: 5px;
        padding-left: 0;
    }
    .form-dat label {
        font-size: 10px;
    }
    .form-dat p {
        font-size: 12px;
    }
    .btnCollapseMovil {
        padding-right: 10px;
    }
    .cont-img-v {
        width: 150px;
    }
    .cont-img-h {
        height: 120px;
    }
    .limit-doc {
        width: 95%;
    }
    #templateGral.lola {
        padding: 15px;
    }
    .boxValidar {
        width: 95%;
    }
    .sec-foto, .sec-id{
        height: 210px;
    }
    .sec-id img {
        height: 150px;
        position: relative;
        bottom: 0;
    }
    .btnVal .p-oculto{
        opacity: 1;
        left: 0;
    }
    .btnVal img{
        left: 0;
    }
    .btnVal {
        font-size: 12px;
    }
    .btnVal img {
        width: 30px;
    }
    .headValidar {
        padding: 15px 10px;
    }
    .headValidar{
        height: 90px;
    }
    .estatus-curp {
        font-size: 11px;
        width: 80px;
    }
	.tit-m{
		font-size: 16px;
	}
	.bodyPregunta {
	    padding: 10px 20px;
	}
	.num-preg {
	    font-size: 17px;
	}
	.parra-text {
	    font-size: 12px;
	}
	.sec-pregunta label {
	    font-weight: 600;
	    font-size: 14px;
	    line-height: 1.2;
	}
	.btnResp {
	    width: 90%;
	    min-height: 50px;
	    border-radius: 10px;
	}
	.limit-cue {
	    margin: 15px auto;
	    margin-top: 45px;
	}
	#cronometro {
	    position: absolute;
	    top: -35px;
	    right: 0;
	}
	.limitAviso {
		margin: 0 auto;
	    padding: 10px;
	}
	ol.break li, .bodyAviso p a{
		line-break: anywhere;
	}
	.loginPersonal {
	    width: 80%;
	}
    h5.tit-seccion {
        font-size: 17px;
        margin-bottom: 3px;
    }
    .box-tjt {
        width: 95%;
    } 
    .area-vct {
        font-size: 10px;
    }
    .tjt-head {
        height: 35px;
    }
    .dir-vct, .sector-vct {
        font-size: 10px;
    }
    .puesto-vct {
        font-size: 15px;
    }
    .tjt-body {
        padding: 0 10px;
        min-height: auto;
    }
    .subtit-nivel {
        font-size: 9px;
    }
    .txt-nivel {
        font-size: 10px;
        padding-left: 13px;
        line-height: 1;
    }
    .btnVerMas{
        transform: scale(.9);
        right: -5px;
        position: relative;
    }
    .vigencia-vct {
        left: 0px;
    }
    .btnAct {
        width: 50px;
    }
	.al-right .subtit.cnt {
        width: calc(100% - 100px);
        left: 40%;
    }
    .aco-btn {
        width: 75px;
    }
    .btnAco {
        padding: 5px 7.5px;
        margin: 0;
    }
    .accordion-button.aco-perfil {
        width: calc(100% - 105px);
        padding-right: 5px;
    }
    .accordion-button::after {
        right: -100px;
        background-size: 15px;
    }
    .sec-info label {
        font-size: 13px;
    }
    #filtroPrin {
        height: 160px;
    }
    .tit-campo {
        display: none;
    }
    .boxFiltro {
        height: 160px;
        margin-top: 0px;
        border-radius: 10px;
    }
    .tipoFiltro {
        width: 100%;
        border-bottom: 1px solid #d7d7d7;
    }
    .fil-lft, .fil-rgt {
        width: 100%;
    }
    .btnFiltro {
        width: 100%;
        height: 30px;
        font-size: 12px;
        border-radius: 0 0 10px 10px;
    }
    .bor-rgt {
        border-right: none;
    }
    .btnFiltro:hover {
        transform: scale(1);
    }
    .form-filtro {
        height: 35px;
        font-size: 13px;
        padding: 0px 20px 0 6px;
        background-size: 15px;
        background-position: right 0px center;
    }
    .iconFiltro {
        width: 24px;
        height: 33px;
    }
    .headTable {
		line-height: 25px;
	}
    .subtit-modal {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .limit-form .col-12{
        padding: 0;
    }
    .modal-gral .modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
    }
    .accordion-body.aco-body .ma-t{
        margin-top: 0 !important;
    }
    #tabPestana.nav-tabs .nav-item.show .nav-link, #tabPestana.nav-tabs .nav-link.active, #tabPestana.nav-tabs .nav-link {
        font-size: 10px;
    }
    #tabPestana.nav-tabs .nav-item.col-3 .nav-link  p i{
        width: 40px;
    }
    .titInfo {
        font-size: 14px;
    }
    .div-hr {
        margin-bottom: 5px;
    }
    .cardHead {
        padding: 8px;
        font-size: 13px;
        line-height: 1.2;
    }
    .subtit-ficha {
        font-size: 13px;
        padding: 0;
        line-height: 1.1;
    }
    .loginBolsa {
        width: 85%;
    }
}
@media all and (max-width: 420px){
    .btnAct {
        margin-bottom: 5px;
    }
    .al-right {
        padding: 5px 10px;
    }
    .al-right .subtit {
        font-size: 11px;
    }
    .al-right .tit {
        font-size: 10.5px;
        line-height: 1.2;
    }
    .tit-exito {
        font-size: 14px;
    }
    .al-right .subtit.cnt {
        font-size: 13px;
        width: calc(100% - 85px);
        left: 90px;
    }
    .al-right.pr .btnAct {
        right: 10px;
    }
    .sec-icon {
        width: 160px;
    }
    .sec-icon img {
        height: 43px;
        padding: 10px 0 10px 5px;
    }
    .sec-info label {
        position: absolute;
        font-size: 11px;
        color: #fff;
        left: 0px;
    }
    .tjt-foot {
        height: 70px;
    }
    .btn-vct {
        bottom: 15px;
    }
    .txt-nivel {
        padding-left: 0px;
    }
    #tabPestana.nav-tabs .nav-item.show .nav-link, #tabPestana.nav-tabs .nav-link.active, #tabPestana.nav-tabs .nav-link {
        font-size: 9px;
    }
    .headAviso img {
        width: 30px;
        left: 10px;
    }	
    .headAviso p {
        width: 100%;
        font-size: 15px;
    }
    .headPregunta {
        padding: 10px 13px;
    }
    .al-right {
        height: auto;
        min-height: 70px;
    }
    .pleca-tit {
        padding: 10px;
        font-size: 14px;
    }
    .f-gmx {
        font-size: 15px;
    }
    .loginPersonal {
        width: 90%;
    }
    .logoBT {
        display: none;
    }
    .pleca-tit {
        padding: 15px 5px;
        font-size: 13px;
    }
    .text-sesion {
        width: 100%;
    }
    .btnScale .btnReg{
        width: 270px;
    }
    .img-bolsa {
        width: 40px;
    }
    .text-sesion p {
        font-size: 15px;
    }
    main.fondo.he58 {
        min-height: 100vh;
    }
    
}
/*ESTILOS DATATABLE*/
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate
{
    display: inline-block;
    padding: 5px 10px;
    color: #235b4e;
    font-size: 15px;
    font-weight: 700;
}
.dataTables_wrapper .dataTables_filter{
    display: inline-block;
    padding: 5px 10px;
    color: #235b4e;
    font-size: 15px;
    font-weight: 700;
    
    width: 70%;
}.dataTables_wrapper .dataTables_filter label{
    width: 100%;
}
.dataTables_wrapper .dataTables_filter input{
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 500;
    border: 1.5px solid #cccaca;
    background: #f0f0f0;
    margin-top: 0;
    border-radius: 8px;
    display: inline-block;
    width: 70%;
}
.table {
    border-collapse: collapse !important;
}
.table-head th{
    text-align: center !important;
}

.limit-administrador{
    scrollbar-width: thin;
    scrollbar-color: #666666 white;
}

.hg-4{
    height: 40px !important;
}