:root {
  --blanco: #FFFFFF;
  --negro: #000000;
  --gris: #6c757d;
  --celeste: #17a2b8;
  --amarillo: #ffc107;
  --rojo: #FF0000;
  --rojo_apagado: #dc3545;
  --peligro: #dc3545;
  --naranja: #ff8b1e;
  --purpura: #71408C;
  --verde: #4CB684;
  --gris_claro: #e1e1e1;
  --color_ies: #00aae4;
  --color_ies_hover: #0091c2;
  --error: #c62828; 
  --fondo_ies: #f3f6f9;
  --boton-redes-bg: #3f4651;
  --boton-redes-hv: #545a63;
  --footer-color:#98a6ad;
  /*--ies-danger: #ed5e5e;*/
  --ies-danger: #C10606;
  --alert-ies-azul: #22738e;
  --alert-ies-naranja: #F7931E;


}


body {
  background-color: var(--fondo_ies);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.mar-top-8 {
  margin-top: 8rem;
}

.footer-bg{
	background-color: #1c1d1f !important;
	/*background-color: #00aae4 !important;*/
}

.footer_noautorizado{
  /*position: absolute;
  bottom: 0;
  left: 0;
  right: 0;*/
  margin-top: auto;
  background-color: #363d48;
  color: var(--footer-color);
  @media  (min-width: 1200px) {
    /*margin-top: 0rem;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;*/
  }
}


.ies_white {
  color: #FFFFFF;
}

.tamaño-75 {
  font-size: 0.75rem;
}

.tamaño-80 {
  font-size: 0.80rem;
}

.tamaño-85 {
  font-size: 0.85rem;
}

.tamaño-95 {
  font-size: 0.95rem;
}


.btn-redes {
  color: #fff;
  background-color: #3f4651;
}

.btn-redes:hover {
  color: #fff;
  background-color: #545a63;
}

.espacio-1 {
  @media  (min-width: 992px) {
    padding: 1.5rem;
  }
}

.fijo-top-derecha{
	position: fixed; top:0; right:0;
}

.mt-principal{
	margin-top: 5rem;

}

.mb-principal{
	margin-bottom: 5rem;
}

.desktop{
  visibility: hidden;
  display: none;
}

@media  (min-width: 992px) {
	.mt-principal{
		margin-top: 8.5rem;

	}
  .mobile{
    display: none;
  }

  .desktop{
    display: inline-block;
    visibility: visible;
  }


} 


.card-color-gris:hover{
  color: var(--blanco);
  background-color: var(--gris);
}

.card-color-celeste:hover{
  color: var(--blanco);
  background-color: var(--celeste);
}

.card-color-amarillo:hover{
  color: var(--blanco);
  background-color: var(--amarillo);
}

.card-color-rojo:hover{
  color: var(--blanco);
  background-color: var(--rojo);
}

.card-color-peligro:hover{
  color: var(--blanco);
  background-color: var(--peligro);
}

.card-color-naranja:hover{
  color: var(--blanco);
  background-color: var(--naranja);
}

.card-color-purpura:hover{
  color: var(--blanco);
  background-color: var(--purpura);
}

.card-color-verde:hover{
	color: var(--blanco);
  background-color: var(--verde);
}

.card-altura{
	height: 7.5rem;
}

.card-altura-maxima{
	max-height: 7.5rem;
}

.grafico-desc{
  border: 1px solid;
  border-color: var(--gris_claro);
  text-align: center;
  padding: 1rem;
}

.texto-blanco{
  color: var(--blanco)!important;
}

.intro-login {
  background-image: url(/images/inteligencia-artificial.jpg);
  height: 100vh;
  background-size: cover;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
  .intro-login {
  /*margin-top: -58.59px;*/
  }
}


.margen-top-logo{
  margin-top: 1rem;
}


@media screen and (min-width: 1200px) {
  .margen-top-logo{
    margin-top: 5rem;
  }
}

.formulario-login{
  background: rgba(0,0,0,.1);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(0,0,0);
  color: white;
}

.md-1{
  margin-right: 1rem;
}


.alerta{
  position: relative;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  border: 0;
  border-radius: .5rem;
}

.alerta-login{
  position: relative;
  padding: .5rem 1.5rem;
  margin-bottom: 1rem;
  border: 0;
  border-radius: .5rem;
}
.alerta-peligro{
  background-color:#fed6dd;
  color:#951d32;
}

.mostrar{
  display: block;
}

.ocultar{
  display: none;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('/images/logo.png') 50% 50% no-repeat rgb(249,249,249);
  opacity: .7;
  /*background-color: #262626;*/
}

.loaderSc {
  align-items: center;
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  transform: scale(2.0);
  z-index: 9999;
  /*opacity: .7;*/
  background-color: #0000004a;
}

.text-loaderSc {
  color: #91e3ff;
}

.btn-cerrar{
  background-color: #e3ebf7;
  color: #285192;
}

.alert-error{
  /*background-image: url(/images/error_icn_sv.png);*/
  background-image: url(/images/ERROR.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 5rem;
  /*color: #951d32;*/
  color: #C10606;
}

.alert-exitoso{
  background-image: url(/images/tick.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 4rem;
  color: #0c622e;
}

.alert-informa{
  background-image: url(/images/informacion.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 5rem;
  /*color: #636464;*/
  color: var(--alert-ies-naranja);
  /*color: var(--blanco);*/
}

.modal-personal-frame{
  position: absolute;
  max-width: 100%;
  width: 100%;
  margin: 0;
}

.alert-top{
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

.modal-abajo{
  bottom: 0;
}

.imagen-logo{
  background-image: url(/images/logo-ies.png);
  height: 85px;
  width: 188px;
  background-repeat: no-repeat;
  background-position-y: -35px;
  background-size: 80%;
}

.imagen-logo-mood{
  background-image: url(/images/logo-light.png);
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position-y: -35px;
  background-size: 80%;
}


.logo_header_noautorizado {
  display: none;
  visibility: hidden;

  @media  (min-width: 992px) {
    display: inline-block;
    visibility: visible;
  }

}


.form-outline .form-control:focus~.form-label{
  color: #00aae4 !important;
}

/*.form-outline>.form-control:focus{
  border-color: #00aae4 !important;
  color:#1266f1 Este es el color original del elemento que reemplace;
}*/


.nav-link {
  color: var(--blanco) !important;
}

.navbar {
  @media  (min-width: 992px) {
          height: 80px;
  }
}

.btn-ies{
  background-color: #00aae4;
  color:#fff;
  border-color: #00aae4;
}

.btn-ies:hover{
  background-color: #0091c2;
  color:#fff;
  border-color: #0088b6;
}


.btn-naranja{
  background-color: var(--naranja);
  color:#fff;
  border-color: var(--naranja);
}


.btn-carrera{
  background-color: #00aae4;
  color:#fff;
  border: 1px;
  border-color: #fff;
}

.btn-carrera:hover{
  background-color: #0091c2;
  color:#fff;
  border-color: #0088b6;
}

.btn-outline-ies{
  color: #00aae4;
}

.btn-outline-ies:hover{
  color: #0091c2;
}

.negrita {
  font-weight: 700;
}

.bg-ies {
  background-color: #00aae4;
}

.tcra {
  color: var(--rojo_apagado);
}

.ies-blue{
  background-color: var(--color_ies);
}

.ies-mh140 {
  min-height: 140px;
}

.ies-mh110 {
  min-height: 110px;
}

.ies-avatarcircleico{
  background-color: #add8e6;
  border: 5px solid #e9ebec;
  padding-top: 15px;
  position: relative;
  text-align: center;
  z-index: 99;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.ies-avataricon{
  color : var(--color_ies);
  font-size: 36px;
}

.alto-30 {
  @media only screen and (min-width: 992px) {
    height: 30rem;
  }
}

.checkbox-input{
  appearance: none;
  width: 1.2rem !important;
  height: 1.2rem;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: .25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 1rem !important;
}

.checkbox-input:checked{
  background-color: #00aae4;
  border-color: #00aae4;
    /*background-color: #0d6efd;
    border-color: #0d6efd;*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");*/
}

.ies-textgray {
  color: #495057;
}

.ies-textsimple {
  color: #000;
  font-weight: 100;

}

.ies-success{
  background-color: #40AE66;
}
.ies-warning{
  background-color: #e8bc52;
}
.ies-danger{
  background-color: var(--ies-danger) ;
}
.ies-green{
  background-color: #40AE66;
}

.ies-texto-danger{
  color: var(--ies-danger);
}

.alert-ies-danger{
  background-color: var(--ies-danger) ;
  color: var(--blanco);
  font-weight: 700;
}

.alert-ies-azul {
  background-color: var(--alert-ies-azul);
  color: var(--blanco);
}

.alert-ies-naranja {
  background-color: var(--alert-ies-naranja);
  color: var(--blanco);
}

.alert-ies-mensaje {
  background-color: #F2F2F2;
  color: #00aae4;
}

.ies-color{
  color: var(--color_ies);
}

.ies-naranja{
  color: var(--alert-ies-naranja);
}

.icono-ies-doa{
  display:flex;
  width:4rem;
  height: 4rem;
  background-color: #f0f8ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.select-title>.title{
  position: absolute;
  /*content: 'Tipo de Entrevista';*/
  top: -.5rem;
  left: .5rem;
  /*height: 30px;*/
  background-color: #FFF;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  /*transform:translateY(-1rem) translateY(.1rem) scale(.8);*/
}

.ancho-estado {
  width: 5rem;
  @media  (min-width: 480px) {
    width: 8rem;
  }

}

.ies-encint{
  background-color: #d1f3ff;
  color: #00aae4;
  text-align: center;
}

.ies-iconyoenies{
  font-size: 1.75rem;
  position: relative;
  top: .7rem;
}

.ies-lk{
  color: #0097CB;
}

.ies-analitico-botTable{
  background-color: #F3F6F9;
  padding: .4rem .4rem;
  font-size: .80rem;
  color: #009ED4;
  display: flex;
  /*flex-direction: row-reverse;*/
  justify-content: flex-end;
}

.ies-analitico-badge{
  background-color: #F3F6F9;
  color: #009ED4;
  font-size: .80rem;
}

/*.ies-shadow{
  box-shadow: 2px 2px 8px #00000047;
}*/
.ies-shadow{
  /*box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);*/
  box-shadow: 0 4px 18px 0 var(--color_ies);
}

.fw-300{
  font-weight: 300;
}

.ies-bgcgray{
  background-color: #f3f6f9;
}

.ies-bgnaranja{
  background-color: var(--naranja);
}

.fw-500{
  font-weight: 500;
}

.btn-outline-ies21{
  color: var(--color_ies);
  border-color: var(--color_ies);

}

.btn-outline-ies21:hover{
  color: var(--color_ies);
}