@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:Poppins-Light;
	src: url(../../assets/fonts/Poppins-Light.ttf);
}
@font-face {
	font-family:Poppins-Medium;
	src: url(../../assets/fonts/Poppins-Medium.ttf);
}
@font-face {
	font-family:Poppins-ExtraBold;
	src: url(../../assets/fonts/Poppins-ExtraBold.ttf);
}
        
body{
	font-size: 14px;
}

.table{
	border-radius: 10px;
	overflow: hidden;
	background-color: #f2f2f7;
	vertical-align: middle;
}
.e_web{
	display: inherit;
}
.e_movil{
	display: none;
}
	
/*HEADER*/
.header{
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #eae6e6;
	display: flex;
	z-index: 100;
}
#logo_header{
	width: 250px;
	display: inline-table;
	text-align: center;
}
#navbar_header{
	width: calc( 100% - 250px );
	display: inline-table;
}
.icons_menu_h{
	font-size: 22px; 
	color: #17203a; 
	padding: 5px 10px;
	cursor: pointer;
}
.ico_search{
	float: right;
	font-size: 20px;
	color: #2196f3;
	margin-bottom: -30px;
	margin-top: 8px;
	margin-right: 10px;
}
.foto_menu_lateral{
	width: 50px; 
	border-radius: 30px;  
	margin: 3px; 
	margin-right: 15px;
}

/*MAIN*/
.main_container{
	display: flex;
	justify-content: space-between;
}
a{
	text-decoration: none;
}

/*SIDEBAR*/
.menu_usuario{
	text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e3e3;
	color: #989898;
	margin-bottom: 10px;
	line-height: 18px;
}
	.menu_groups{
		padding: 10px 8px;
		cursor: pointer;
		color: #000000;
		transition: 0.5s all;
		border-left: 4px solid #eff0f9;
	}
	.menu_groups:hover{
		background-color: #ffffff;
		border-left: 4px solid #db4b27;
	}
	.menu_sub_items{
		padding: 6px;
		color: #db4b27;
		padding-left: 30px;
	}
	.menu_sub_items:hover{
		background-color: #cccccc;
	}
	.text_lateral{
		font-weight: bold; 
		color: #565656;
	}
	.menu_icon{
		font-size: 16px;
		color: #db4b27;
	}
	
	.bx-align-middle{
		transform: rotate(0deg);
		transition: 0.5s all;
	}
	
	.bx-x{
		transform: rotate(360deg);
	}





.btn_menu_lat{
		font-size: 26px;
		color: #212121;
		margin: 14px;
		float: left;
	}
	
	#sidebar{
		height: 100vh;
		background-color: #eff0f9;
		width: 250px;
		margin-left: 0;
		transition: 0.5s all;
	}
	#sidebar.active {
		margin-left: -250px;
	}
	#content{
		height: 100vh;
		background-color: #ffffff;
		width: calc( 100% - 250px );
		margin-left: 0;
		transition: 0.5s all;
		overflow: auto;
	}
	
	#content.active {
		width: 100vh;
		margin-left: 0;
		display: grid;
	}
	
@media (max-width: 768px) {
    #sidebar {
        margin-left: -260px;
    }
    #sidebar.active {
        margin-left: 0;
    }
	
	
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 260px);
    }
    #sidebarCollapse span {
        display: none;
    }
	
	.e_web{
		display: none;
	}
	.e_movil{
		display: inherit;
	}
}