*{
	font-family: helvetica;
}
body{
	background: #f1f1f1;
}

li{
	list-style: none;
}
a, a:hover{
	text-decoration: none;
}

ul{
	padding: 0;
	margin: 0;
}

main, #login_box{
	background: white;
	border-radius: 4px;
	padding: 15px; 
	box-shadow: 0px 4px 10px -10px rgba(0,0,0,0.75);
}

.top_bar{
	background: black; 
	color: gray;
	font-size: 1em;
	height: 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.right_bar{
	
	padding: 10px;
	background: white;
	color: #363636;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 4px 10px -10px rgba(0,0,0,0.75);
}
.right_bar div a{
	color: #474747;
}

table th{
	font-size: 0.8em;
	font-family: 'helvetica';
	text-transform: uppercase;
	font-weight: 700;
}
.seccion_title{
	padding: 10 0px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 10px;
}
.seccion_title h2{
	color: #006599;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 600;
}

.filtros{
	padding: 10 0px;
	display: none;
}
.formFilter label{
	color: gray;
	font-size: 0.7em;
	text-transform: uppercase;
}


/* --------- BOTONES -------------------------------------- */
.menu_button{
	font-size: 1.2em;
}
.menu_button i:hover{
	transition: all 0.5s ease-in-out;
	transform: rotateY(180deg);
}
#close_menu{
    position: absolute;
    right: 5px;
}

#filterButton{
	margin: 10px 0;

}


/* --------- LOGIN -------------------------------------- */

#login_container{
	position: absolute;
	top: 0;
	padding: 0;
	bottom: 0;
	background: url('../../assets/img/fondo.jpeg') center no-repeat; 
}
.background_image{
	position: relative;
	top: 0;
	height: 100%;
	right: 0;
	left: 0;
	bottom: 0;
	/*background: #808080a1;*/
}

#login_box{
	z-index: 2;
	max-width: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* --------- ASIDE -------------------------------------- */
aside{
	background: #474747;
	height: 100vh;
	overflow: auto;
}

aside .aside_link {
	display: block;
	padding: 10px;
	width: 100%;
	color: white;
}

aside i{
	width: 30px;
	display: block;
}

aside .aside_link:hover{
	transition: 0.5s all;
	background: #383838; 
	color: white;
}

aside .mensaje_bienvenida{
	padding: 10px;
	color: white;
	margin-bottom: 0;
}

aside .active{
	background: #383838;
	color:  #ffcc33;
    border-left: 3px solid #feca31;
}

/* --------- MODAL -------------------------------------- */
.datos_modal{
	border-left: 1px solid #f1f1f1;
}
.datos_modal .img_modal{   

}
.datos_modal .img_modal img{
	width: 300px;
}
.datos_modal h4{
	font-size: 1em;
	font-weight: 600;

}

.datos_modal h3{
	font-size: 1.2em;
    font-weight: 600;
}
/* --------- SAVE -------------------------------------- */

#saveForm{
	text-transform: uppercase;
    color: #474747;
    font-weight: 600;
    font-size: 0.9em;
	}

/* --------- FOOTER -------------------------------------- */
footer{
	padding: 10px;
	color: gray;
	border-top: 1.5px solid #f1f1f1;
	text-align: center;

}
footer p{
	font-size: 0.8em;
	margin: 0;
}

@media (max-width: 768px )  {
	
	#aside_bar{
		display: none;
		position: absolute;
		z-index: 2;
		top: 0;
		bottom: 0;

	}
}