@charset "UTF-8";
/*!
* Start Bootstrap - SB Admin v7.0.4 (https://startbootstrap.com/template/sb-admin)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.login_fondo{
  background-image: url("uesa.jpg");
  background-size: 100% 100%;
}

/*.login_cabecera{
  background-image: url("encabezado_login.png");
  background-size: 100% 100%;
}*/

.login_fondo:before {
	content:'';
	position: absolute;
        top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}

.card-aspirante{
  border-color: #D0D1D3 !important;
}

.card-aspirante .card-header{
  background-color: #D0D1D3 !important;
  /*color: #ffffff;*/
  text-align: center;
  font-weight: bold;

}

.card-finalizar-registro .card-header{
  background-color: #D1E7DD !important;
  color: #0F5132;


}


.menu_superior{
  background-color: #34877F !important;
  background-image: url("cabecera.jpg");
  background-size: 100% 100%;
}

@media (max-width: 540px){
  #progressbar a {
  font-size:0 !important;
  }

  #progressbar a:before {
      width: 40px !important;
      height: 40px !important;
      line-height: 45px;
      display: block;
      font-size: 10px;
      color: #ffffff;
      background: lightgray;
      border-radius: 50%;
      margin: 0 auto 10px auto;
      padding: 2px
  }
}
/*@media (max-width: 540px) {


}*/
/*


@media (max-width: 960px) {
  .menu_superior{
    background-image: url("cabecera.jpg");
    background-size: 100% 100%;
  }
}


@media (max-width: 720px) {
  .menu_superior{
    background-image: url("cabecera.jpg");
    background-size: 100% 100%;
  }
}*/

/*nav.navbar {
    background-color: #CC1414 !important;
}*/

 .status_upload{
   font-weight: bold;
   color:green;
 }

 .enlace1{

   color: white !important;


 }

 .status_upload_error{
   font-weight: bold;
   color: red;
 }

 .status_error{
   font-weight: bold;
   color: red;
 }

 .status_exito{
   font-weight: bold;
   color:green;
 }



 #progressbar {

     overflow: hidden;
     color: lightgrey
 }

 #progressbar .active {
     color: #34877F;
 }

 #progressbar .en-proceso {
     color: #D98718;
 }



#progressbar a {
     list-style-type: none;
     font-size: 11.5px;
     width: 12%;
     float: left;
     position: relative;
     font-weight: 400
 }

 #progressbar #icon_datosgenerales:before {
     font-family: "Font Awesome 5 Free";
     content: "\f2b9"
 }

 #progressbar #icon_datosmedicos:before {
     font-family: "Font Awesome 5 Free";
     content: "\f0fe"
 }

 #progressbar #icon_domicilio:before {
     font-family: "Font Awesome 5 Brands";
     content: "\f3da"

 }

 #progressbar #icon_doc_solicitados:before {
     font-family: "Font Awesome 5 free";
     content: "\f0c5"
 }

 #progressbar #icon_subir_archivo:before {
     font-family: "Font Awesome 5 free";
     content: "\f1c1"
 }

 #progressbar #icon_antecente_escolar:before {
     font-family: "Font Awesome 5 free";
     content: url("fontawesome/school.svg");

 }

 #progressbar #icon_tutor:before {
     font-family: "Font Awesome 5 free";
     content: url("fontawesome/tutor.svg");

 }

 #progressbar a:before {
     width: 50px;
     height: 50px;
     line-height: 45px;
     display: block;
     font-size: 20px;
     color: #ffffff;
     background: lightgray;
     border-radius: 50%;
     margin: 0 auto 10px auto;
     padding: 2px
 }

 #progressbar a:after {
     content: '';
     width: 100%;
     height: 2px;
     background: lightgray;
     position: absolute;
     left: 0;
     top: 25px;
     z-index: -1
 }

 #progressbar a.active:before,
 #progressbar a.active:after {
     background: #34877F;
 }

 #progressbar a.en-proceso:before,
 #progressbar a.en-proceso:after {
     background: #D98718;
 }

 .progress {
     height: 20px
 }

 .progress-bar {
     background-color: #34877F;
 }

 .fit-image {
     width: 100%;
     object-fit: cover
 }

 /*css para los botones de error*/


 .modal-error .modal-content {
 	padding: 20px;
 	font-size: 16px;
 	border-radius: 5px;
 	border: none;
 }
 .modal-error .modal-header {
 	background: #e85e6c;
 	border-bottom: none;
 	position: relative;
 	text-align: center;
 	margin: -20px -20px 0;
 	border-radius: 5px 5px 0 0;
 	padding: 35px;
 }

 .modal-error .icon-box {
 	color: #fff;
 	width: 95px;
 	height: 95px;
 	display: inline-block;
 	border-radius: 50%;
 	z-index: 9;
 	border: 5px solid #fff;

 	text-align: center;
 }

 .modal-error .icon-box i {
 	font-size: 58px;
 	margin: -2px 0 0 -2px;
 }

 .modal-error h4 {
 	text-align: center;
 	font-size: 36px;
 	margin: 10px 0;
 }


 /*css para los botones de exito*/


 .modal-exito .modal-content {
 	padding: 20px;
 	font-size: 16px;
 	border-radius: 5px;
 	border: none;
 }
 .modal-exito .modal-header {
 	background: #23A91A;
 	border-bottom: none;
 	position: relative;
 	text-align: center;
 	margin: -20px -20px 0;
 	border-radius: 5px 5px 0 0;
 	padding: 35px;
 }

 .modal-exito .icon-box {
 	color: #fff;
 	width: 95px;
 	height: 95px;
 	display: inline-block;
 	border-radius: 50%;
 	z-index: 9;
 	border: 5px solid #fff;

 	text-align: center;
 }

 .modal-exito .icon-box i {
 	font-size: 58px;
 	margin: -2px 0 0 -2px;
 }

 .modal-exito h4 {
 	text-align: center;
 	font-size: 36px;
 	margin: 10px 0;
 }
 /*.modal-confirm {
	color: #434e65;
	width: 525px;
}
.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #e85e6c;
	border-bottom: none;
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px;
}
.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-confirm .close:hover {
	opacity: 0.8;
}
.modal-confirm .icon-box {
	color: #fff;
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;

	text-align: center;
}
.modal-confirm .icon-box i {
	font-size: 58px;
	margin: -2px 0 0 -2px;
}
.modal-confirm.modal-dialog {
	margin-top: 80px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #eeb711 !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	min-width: 150px;
	border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	background: #eda645 !important;
	outline: none;
}*/