.brand-link .brand-image{
    float: none !important;
}
img.elevation-3{
    width: 50px !important;
    height: auto !important;
}
.sidebar-collapse img.elevation-3{
    width: 33px !important;
}
.table-iepc{
    background-color: #EA1D77 !important;
    background-image: linear-gradient(180deg, #e22275 30%, #b5175c 100%);
    color: #FFFFFF !important;
}
.table-iepc-filter{
    background-color: #ff99c6 !important;
    color: #FFFFFF !important;
}
.text-iepc{
    color: #EA1D77 !important;
}
.text-disabled{
    color: #ccc !important;
}

[class*=sidebar-dark-] .sidebar a {
    color: #707070;
}
[class*=sidebar-dark] .brand-link {
    border-bottom: none;
    color: rgba(255,255,255,.8);
}
[class*=sidebar-dark-] .nav-header {
    background: inherit;
    color: #707070;
}
.nav-header{
    padding-bottom: 2px !important;;
}
.nav-sidebar .nav-header:not(:first-of-type) {
    padding: 1rem 1rem .5rem;
}

.os-content{ padding:0px !important;}

.bg-secondary-95{
     background-color: #f2f2f2;
    /* color: #FFFFFF !important; */
}
.bg-secondary-90{
     background-color: #e6e6e6;
    /* color: #FFFFFF !important; */
}
.bg-secondary-85{
     background-color: #d9d9d9;
    /* color: #FFFFFF !important; */
}
.bg-secondary-80{
     background-color: #cccccc;
    /* color: #FFFFFF !important; */
}

.bg-iepc{
     background-color: #e22275;
    color: #FFFFFF !important;
}
.bg-iepc-90{
    background-color: #ffe6f1;
    border: solid 1px #e22275 !important;
    /* color: #FFFFFF !important; */
}
.bg-iepc-80{
    background-color: #ff99c5;
    border: solid 1px #e22275 !important;
    /* color: #FFFFFF !important; */
}
.bg-iepc-80:hover {
    color: #333 !important;
}
.bg-iepc-70{
    background-color: #ff66a8;
    border: solid 1px #e22275 !important;
    color: #FFFFFF !important;
}

.bg-iepc-grey-80{
    background-color: #FFF !important;
    color: #FFFFFF !important;
}
.bg-iepc-grey-90{
    background-color: #293846 !important;
    color: #FFFFFF !important;
}
.bg-iepc-grey-95{
    background-color: #F8F9FC !important;
    color: #333 !important;
}

.nav-treeview{
    background-color: #5e81a1 !important;
    /* background-color: #293846 !important; */
}

.control-sidebar-grey-90{
    background-color: #293846 !important;
}

.hover:hover{
    background-color: #efefef !important;
}
.hover-border:hover{
    box-shadow: 0 0px 7px 0 rgba(58,59,69,.7)!important;
}

.btn-iepc{
    background-color: #e22275 !important;
    background-image: linear-gradient(180deg, #e22275 30%, #b5175c 100%);
    background-size: cover;
    color: #FFFFFF !important;
}
.btn-iepc:hover{
    background-color: #ea1d77 !important;

}
.card-header.bg-gray-55{

    background-color: #668ab2 !important;
    color: #88a4c3 !important;
}
.bg-gray-95{
    background-color: #f2f2f2 !important;
    color: #1f2d3d !important;
}
.bg-gray-90{
    background-color: #e6e6e6 !important;
    color: #1f2d3d !important;
}
.bg-gray-85{

    background-color: #ccd8e5 !important;
    color: #1f2d3d !important;
}
.bg-gray-80{

    background-color: #cccccc !important;
    color: #1f2d3d !important;
}
.bg-gray{

    background-color: #ddd !important;
    color: #555 !important;
}
.page-item.active .page-link{
    background-color: #EA1D77 !important;
    border-color: #EA1D77 !important;
}
.nav-item:hover a.nav-link {
    background-color: #eef2f6 !important;
    color: black !important;
}
.nav-item:hover a.nav-link.active {
    background-color: #EA1D77 !important;
    color: white !important;
}
.nav-pills .nav-link {
    border-radius: 0;
}
.sidebar-dark-grey .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-grey .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #e22275;
    color: #ffffff;
}

.sidebar-dark-grey .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-grey .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  border-color: #4b6781;
}

.elevacion2{
     box-shadow: 0 .15rem 1rem 0 rgba(58,59,69,.5)!important;
}
.elevation-3{
     opacity: 1 !important;
}

/* .bg-body-iepc{
    background-color: #f70d71;
} */

.bg-body-iepc{
	background-color: #e22275;
    background-image: linear-gradient(180deg, #e22275 30%, #b5175c 100%);
    background-size: cover;
}

.card-iepc.card-outline {
    border-top: 3px solid #f70d71;
}

.login-box a,.register-logo a{
    background-color: #FFF;
    display: block;
}
ul.nav-treeview {
    padding: 7px !important;
    border-radius: 5px;
}
.text-recortar {
  height: 18px;
  width: 150px;
  padding: 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 5px;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

.ease-animacion{
    -webkit-transition: width 2s ease;
    -moz-transition: width 2s ease;
    -o-transition: width 2s ease;
    transition: width 2s ease;
}
.overflow-hidden{
    overflow: hidden !important;
}

.container-fluid{
    /* overflow: hidden !important; */
}
.content-inbox{
   transition-timing-function: ease-in;
    transition: 0.2s;
}
.deslizar{
   transition-timing-function: ease-in;
    transition: 0.2s;
}
.top-shadow{
    box-shadow: inset 0rem 0rem 1.2rem 0rem rgba(0,0,0,.50)!important;
}

.cssLogo{
    box-shadow: 0 .15rem 1rem 0 rgba(58,59,69,.2)!important;
    border:solid 1px #ddd;
    border:solid 1px #ddd !important;
}

/* card */
.card{
    /* box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.3)!important; */
    box-shadow: 0 .15rem 1rem 0 rgba(58,59,69,.2)!important;
    border:solid 1px #ddd;
    border-radius: .4rem !important;
}
.card.elevacion{
    /* box-shadow: 0 .15rem 1rem 0 rgba(58,59,69,.7)!important;
    border:solid 1px #ddd !important; */
    border: none !important;
}
.card-header{
    background-color: #F8F9FC !important;
}
.card-header.bg-iepc{
    background-color: #EA1D77 !important;
    background-image: linear-gradient(180deg, #e22275 10%, #b5175c 100%);
}
.card-header.bg-primary{
    background-color: #007BFF !important;
}
.card-header.bg-gray{
    background-color: #6C757D !important;
}
.card-header.bg-gray2{
    background-color: #ececec !important;
    border-radius: 0;
}
.sombra{
    box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.2)!important;
}

.border-left-primary{
    border-left: .25rem solid #007BFF!important;
}
.border-left-iepc{
    border-left: .25rem solid #EA1D77!important;
}
.border-left-warning{
    border-left: .25rem solid #ffc107!important;
}
.border-left-danger{
    border-left: .25rem solid #DC3545!important;
}
.border-left-success{
    border-left: .25rem solid #28A745!important;
}
.border-left-info{
    border-left: .25rem solid #17A2B8!important;
}
.border-left-secondary {
    border-left: .25rem solid #6C757D!important;
}
.border-left-dark {
    border-left: .25rem solid #343A40!important;
}


.note-toolbar.card-header{
    border-top: .25rem solid #EA1D77!important;
}

.cursor-pointer{
  cursor: pointer;
}

.login-logo a, .register-logo a{
    border-radius: 5px;
}


/* formularios */
input,select{
    border: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
/* input:invalid,select:invalid {
    border-bottom: 1px solid red !important;
} */

form.invalid, select:invalid:required, input:invalid:required, select:invalid, input:invalid, input.password-invalid {
    border-bottom: 1px solid red !important;
    background: linear-gradient(to right, rgb(255, 247, 249), rgb(255, 214, 214));
}
input[type="radio"]:invalid:required,input[type="checkbox"]:invalid:required{
    box-shadow: 0 0 5px 1px red;
}
select:invalid:required, input:invalid:required, input.password-invalid{
    border-bottom: 2px solid red !important;
}

/* form input:valid {
    border: 1px solid green;
    background-image: linear-gradient(to right, rgb(220, 255, 218), rgb(170, 255, 177));
} */
form {
    font: 1em sans-serif;
    /* max-width: 320px; */
}

p > label {
    display: block;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea,
fieldset {
    width : 100%;
    border: 1px solid #333;
    box-sizing: border-box;
}


input:focus:invalid {
    box-shadow: none;
}

.error {
    padding: 0.3em;
    display: block;
}

.error.active {
    color: red;
}
.custom-file-label{
    overflow: hidden;
}

/* Botones */
.btn-round-middle {
    /* border-radius: 30px 0 0 30px !important; */
    box-shadow: 0px 0px 2px 0px #555 !important;
}
.btn-round-left {
    border-radius: 30px 0 0 30px !important;
    box-shadow: 0px 0px 2px 0px #555 !important;
}
.btn-round-right {
    border-radius: 0 30px 30px 0 !important;
    box-shadow: 0px 0px 2px 0px #555 !important;
}
.btn-round {
    border-radius: 30px !important;
    padding: 5px 22px !important;
    box-shadow: 0px 0px 2px 0px #555 !important;
}
.btn-circle {
    border-radius: 30px !important;
    /* padding: 5px 24px !important; */
    box-shadow: 0px 0px 1px 0px #555 !important;
    border: solid 3px !important;
}
.btn-circle2 {
    border-radius: 30px !important;
    box-shadow: 0px 0px 0px 0px #555 !important;
}
.btn-circle3 {
    border-radius: 30px !important;
    box-shadow: 0px 0px 0px 0px #555 !important;
    border: solid 1px #ccc !important;
}
/* .btn:hover {
    box-shadow: 0px 0px 7px 0px #777 !important;
} */
.swal2-cancel{
    margin-right: 10px !important;
    border-radius: 30px !important;
    box-shadow: 0px 0px 2px 0px #555 !important;
}
.swal2-confirm{
    margin-right: 10px !important;
    border-radius: 30px !important;
    box-shadow: 0px 0px 2px 0px #555 !important;
}


/* // */
.dropdown-item:hover{
    background-color: #eee !important;
    box-shadow: 0px 0px 10px 0px #999 !important;
}


/**/
.card-body-content{
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
}


.btn-gray{
    background-color: #b5bfc9 !important;
}

.btn_iepc_mujer{
    background-color: #ccc !important;
    border-radius: 15px 0 0 15px !important;
    border:solid 1px #fff;
}
.btn_iepc_hombre{
    background-color: #ccc !important;
    border-radius: 0 15px 15px 0 !important;
    border:solid 1px #fff;
}
.btn_iepc_hombre img{
    filter: grayscale(1);
}
.btn_iepc_mujer img{
    filter: grayscale(1);
}
.btn_iepc_mujer.active{
    background-color: #fff !important;

}
.btn_iepc_mujer.active img{
    filter: none;
}
.btn_iepc_hombre.active{
    background-color: #fff !important;

}
.btn_iepc_hombre.active img{
    filter: none;
}

.nombre_plantilla{
    background-color: transparent !important;
    color: #fff;
    border: none !important;
}


.icheck-primary label{
    padding-left: 5 !important;
}


.modal{
    padding: 0px !important;
}
.modal-full{
    max-width: 100%;
    max-height: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
}
.modal-full-content div.modal-content{
    height: 100% !important;
}

.modal-full-90{
    max-width: 90%;
    max-height: 90%;
    height: 90%;

    margin-left: 5%;
    padding: 0;
}

.custom-file-label::after{
    display: none;
}


.cursor{
    cursor: pointer;
}
.plantillaItem:hover>div.card{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.70)!important;
}
.plantillaItem.active>div.card{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.70)!important;
    background-color: #dde5ee;
    color: #1f2d3d;
}


.loading {
	z-index: 100000000;
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	bottom:0;
	width: 100%;
	height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.loading-content {
	position: absolute;
	border: 5px solid #f3f3f3; /* Light grey */
	border-top: 5px solid #EA1D77; /* Blue */
	border-radius: 50%;
	width: 90px;
	height: 90px;
	top: 50%;
	left:calc(50% - 45px);
	animation: spin 2s linear infinite;
}
.loading-content-porcent {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 50%;
    left:calc(50% - 45px);
    color: white;
    text-align: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* .obligatorio{
    width: 0;
     height: 0;
     border-left: 10px solid red;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
} */

.obligatorio {
    width: 40px;
    height: 37px;
    background: red;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
    z-index: 5;
}
.obligatorio:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 10px solid red;
    border-bottom: 10px solid transparent;
}
.obligatorio_ok {
    width: 40px;
    height: 37px;
    background: green;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
    z-index: 5;
}
.obligatorio_ok:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 10px solid green;
    border-bottom: 10px solid transparent;
}
.obligatorio_requerido {
    width: 40px;
    height: 37px;
    background: #edb100;
    color: #ffd24d !important;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
    z-index: 5;
}
.obligatorio_requerido:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 10px solid #edb100;
    border-bottom: 10px solid transparent;
}


.border-iepc{
    border-color: #EA1D77!important;
    border: solid 1px;
}
.border-secondary-2{
    border-color: #777!important;
    border: solid 2px;
}
.shadow.active{
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.70)!important;
}

.border-2{
    border: solid 2px !important;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
    padding: 2px !important;
}
.card-horizontal img{
    width: 30px;
    height: 30px;
}

.cssIndicadores{

}
.cssIndicadores label > h6{
    font-size: 11px !important;
}

.card-bg-verificador{
    background-color: rgb(163, 163, 163) !important;
    color: white !important;
}
.card-bg-verificador img{
    filter: brightness(0) invert(1);
}
.card-bg-danger{
    min-height: 100px;
    background-color: rgb(163, 163, 163) !important;
    color: white !important;
}
.card-bg-danger img{
    filter: brightness(0) invert(1);
}
.card-bg-success{
    min-height: 100px;
    background-color: green !important;
    color: white !important;
}
.card-bg-success img{
    filter: brightness(0) invert(1);
}
.card-bg-warning{
    min-height: 100px;
    background-color: #edb100 !important;
    color: white !important;
}
.card-bg-warning img{
    filter: brightness(0) invert(1);
}

.dataCandidato {
    margin: 0;
}
.dataCandidato:hover div.card-body{
    background-color: #fcfcfc !important;
}
.dataCandidato div.card-body{
    display: none;
}
.dataCandidato:hover div.card-body{
    display: block;
}
.dataCandidato:hover {
    z-index: 1000 !important;
    position: absolute !important;
    text-align: justify !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.70)!important;
    right: 4px !important;
    left: 4px !important;
}
.dataCandidato:hover div.card-header.card-bg-danger{
    background-color: #737373 !important;

}
.dataCandidato:hover small.info{
    display: block;
    background-color: #fff;

}
.dataCandidato small.error{
    display: none;
}
.info{
    display: none;
    padding: 7px 4px;
    border-top: #eeeeee solid 1px;
    text-align: center;
    text-transform:uppercase;
}
.info2{
    padding: 7px 4px;
    border-top: #eeeeee solid 1px;
    text-align: center;
    text-transform:uppercase;
}
.titulo-info{
    text-transform:uppercase;
}

.btnEntidad:hover{
    /* box-shadow: 0 .05rem .05rem .1rem rgba(58,59,69,.4)!important; */
    box-shadow: 0rem 0rem .3rem 0rem rgba(0,0,0,0.7)!important;
}

.btnEntidad i{
    width: 10px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 7px;
    bottom: 0;
    border-radius: 50%;
}
.cssVVE_porcentaje{
    /* width: 10px; */
    height: 10px;
    position: absolute;
    right: 36px;
    top: 5px;
    bottom: 0;
    border-radius: 50%;
}
.cssVVE_logo{
    /* width: 10px; */
    height: 10px;
    position: absolute;
    right: 18px;
    top: 3px;
    bottom: 0;
    border-radius: 50%;
}
.cssErrorStatus{
    width: 10px;
    height: 10px;
    position: absolute;
    right: 6px;
    top: 9px;
    bottom: 0;
    border-radius: 50%;
}
.btnEntidad{
    position:relative;
    overflow: hidden;
    padding-right: 40px;
    padding-left: 22px;
}


.btnAgregar{
    margin-top: 2px !important;
    z-index: 1000;
}

.swal2-container {
    z-index: 100000 !important;
}

.select2-selection__clear{
    margin-left: 10px;
}
.select2-container--open {
    z-index: 9999999
}

.cssIcheckNew{
    max-width: 25px!important;
    min-width:25px!important;
}

.btn-iepc-sombreado{
    background-color: #d9e6f2 !important;
}

.nav-sidebar .nav-item>.nav-link {
    padding-top: 2px;
    padding-bottom: 2px;
}


.btn span.glyphicon {
	opacity: 0;
}
.btn.active span.glyphicon {
	opacity: 1;
}


.form-control{
    height: auto;
}
.dataTables_filter label{
    margin-bottom: 0px !important;
}

#visor_pdf{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}
.viewFullDocumentosProbatorios{
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px  !important;
    bottom: 57px !important;
    z-index: 1000000!important;
    height: 100%;
}

.viewFullDocumento{
    position: fixed !important;
    top: 57px !important;
    left: 0;
    right: 0;
    bottom: 57px !important;
    z-index: 1000000!important;
    height: calc(100% - 57px) !important;
}
.btnViewFullDocumento{
    position: absolute;
    right: 10px;
    top: 3px;
    z-index: 100000;
}
.btnViewDocumento{
    position: absolute;
    right: 10px;
    top: 36px;
    z-index: 100000;
}
.btnViewFullDocumento2{
    position: fixed !important;
    right: 10px;
    top: 67px !important;
    z-index: 10000000 !important;
}

.btnAlertaDocumento{
    top: -22px;
    right: 8px;
    position: absolute !important;
}

.nav-treeview{
    background: transparent !important;
    border-radius: 0;
}
.nav-link.active {
    background-color: #e22275 !important;
    color: white !important;
}

.row-hover:hover{
    background-color: #eee;
}

.fs-5{
    font-size: 5px;
}
.fs-6{
    font-size: 6px;
}
.fs-7{
    font-size: 7px;
}
.fs-8{
    font-size: 8px;
}
.fs-9{
    font-size: 9px;
}
.fs-10{
    font-size: 10px;
}
.fs-11{
    font-size: 11px;
}
.fs-12{
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px;
}
.fs-15{
    font-size: 15px;
}
.fs-16{
    font-size: 16px;
}
.fs-17{
    font-size: 17px;
}
.fs-18{
    font-size: 18px;
}
.fs-19{
    font-size: 19px;
}
.fs-20{
    font-size: 20px;
}
.fs-21{
    font-size: 21px;
}
.fs-22{
    font-size: 22px;
}
.fs-23{
    font-size: 23px;
}
.fs-24{
    font-size: 24px;
}
.fs-25{
    font-size: 25px;
}
.fs-26{
    font-size: 26px;
}
.fs-27{
    font-size: 27px;
}

.loading {
	z-index: 100000000;
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	bottom:0;
	width: 100%;
	height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.loading-content {
	position: absolute;
	border: 5px solid #f3f3f3; /* Light grey */
	border-top: 5px solid #EA1D77; /* Blue */
	border-radius: 50%;
	width: 90px;
	height: 90px;
	top: 50%;
	left:calc(50% - 45px);
	animation: spin 2s linear infinite;
}

.loading-content2 {
    position: absolute;
    border: 1px solid transparent;
    border-top: 4px solid #EA1D77;
    border-radius: 50%;
    width: 82px;
    height: 82px;
    top: calc(50% + 90px);
    left: calc(50% - 45px);
    animation: spin .4s linear infinite;
    z-index: 1;
    font-size: 53px;
    text-align: center;
}
.loading-content-porcent {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 50%;
    left:calc(50% - 45px);
    color: white;
    text-align: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.btn_anexo_fotografico{
    width: 33px !important;
}

.opacity-0{
    opacity: 0 !important;
}
.opacity-1{
    opacity: .1 !important;
}
.opacity-2{
    opacity: .2 !important;
}
.opacity-3{
    opacity: .3 !important;
}
.opacity-4{
    opacity: .4 !important;
}
.opacity-5{
    opacity: .5 !important;
}
.opacity-6{
    opacity: .6 !important;
}
.opacity-7{
    opacity: .7 !important;
}
.opacity-8{
    opacity: .8 !important;
}
.opacity-9{
    opacity: .9 !important;
}

.dropdown-item.active:hover{
    background-color: #007BFF!important;
}

.disabled{
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.form-control:focus {
    border-bottom: solid 3px #EA1D77 !important;
    background-color: #fde8f1 !important;
    /* border-color: #EA1D77; */
    /* box-shadow: 0 0 0 0.2rem rgba(234, 29, 119, 0.5); */
    z-index:1;
}

.pagination{
    margin-bottom:2px !important;
}

body {
    padding-right: 0 !important
}

.top-right {
    position: fixed;
    top: 62px;
    right: 24px;
    z-index: 1;
}
.center-center {
    position: fixed;
    top: calc(40% - 3rem) !important;
    right: calc(50% + 0rem) !important;
    z-index: 1000;
}
