/*===================ICONO BARRA SUPERIOR===================*/
.udsicon {
	width:238px;
	height:50px;
	box-sizing:border-box;
	padding-left:238px;
	background: url('https://www.unav.edu/documents/10174/29742053/marca-cabecera.svg') left top no-repeat;
	background-size: 238px 50px;
	}

/*===================COLOR BARRA SUPERIOR Y TEXTO===================*/
.mat-toolbar.mat-primary {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 98%, rgba(0,0,0,1) 100%);
	color: #e1251b;
	}

/*=================== ICONO PRINCIPAL===================*/
.login-brand img {
	width:332px;
	height:50px;
	box-sizing:border-box;
	padding-left:332px;
	background:url('https://www.unav.edu/documents/10174/29742053/marca-cabecera.svg')
	left top no-repeat;
	background-size:332px 50px;
	}
/*FONDO PAGINA WEB - Imagen de fondo y color */
body{
	background-image: linear-gradient(#858484d6, #858484d6),url(https://www.unav.edu/documents/29231064/32684716/imagen_conoce.jpg);
background-repeat: no-repeat;
background-size: cover;
	}

/*=================== CUADRADO LOGIN - color de fondo, borde y sombras ===================*/
.login-form {
	background: rgb(250,250,250);
	-webkit-box-shadow: 0px 0px 7px 1px rgba(100,100,100,0.5) !important; 
	box-shadow: 0px 0px 7px 1px rgba(100,100,100,0.5) !important;
	border-radius: 5px!important;
	border: 1px solid!important;
	}

/*=================== CAMPOS CUADRADO LOGIN - color de fondo, borde y sombras ===================*/
.login-field{
	margin: 0.1rem!important;
	color:#4f4f4f;
	}

.mat-form-field-label{
	color:#4f4f4f!important;
	}

.mat-select-value{
	color:#4f4f4f!important;
	}

.mat-stroked-button{
	color:#4f4f4f!important;
	}

.mat-stroked-button:hover{
	color:#009eb5!important;
	}

/*=================== POPUPS ===================*/
.mat-dialog-container{
	color:#003944!important;
	background-color:rgb(250,250,250);
	padding:70px;
	}

.cdk-overlay-dark-backdrop {
	background:rgba(0,65,75,0.5)!important;
	}

/*===================ELEMENTO DE SERVICIO===================*/

/*### Boton de servicio estado normal ###*/
.mat-tooltip-trigger.service {
	background:linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 20%, rgba(254,254,254,1) 80%, rgba(254,254,254,1) 100%);
	border: 1px solid#BABABA!important;
	border-radius: 0px;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2)!important;
	}

/*### Boton de servicio estado hover ###*/
.mat-tooltip-trigger.service:hover{background:linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 20%, rgba(254,254,254,1) 80%, rgba(254,254,254,1) 100%);
	border: 1px solid#BABABA!important;
	border-radius: 0px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2)!important;}

/*=================== ACORDEON DE SERVICE GROUPS===================*/
.mat-expansion-panel{
	background:linear-gradient(0deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 30%, rgba(254,254,254,1) 70%, rgba(254,254,254,1) 100%);
	border: 1px solid#BABABA!important;
	border-radius: 0px;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2)!important;
	}

/*=================== COLOR BOTON AL PASAR RATON ===================*/
.mat-stroked-button:hover {
  color: #e1251b !important;
}
/*=================== COLOR CAJA TEXTOS ===================*/
.mat-input-element {
  caret-color: #e1251b;
}