html,body{margin: 0;padding: 0;font-family: 'Poppins', sans-serif;font-size: 14px;}

/* GENERAL */
	ul{list-style-type: none;padding-left: 0;}
	a{color:#444;transition: all 0.5s;}
	a:hover{color:#000;text-decoration: none;}
	table{width: 100%;}

	.bebas{font-family:'Bebas Neue', sans-serif;}

	.bloc_custom_select{width: 200px;}
	.custom_select{position: relative;width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;padding-right: 0.5em;}
	.custom_select select{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}
	.custom_select::after{
		content:"";
		position: absolute;
		top: 50%; 
		margin-top: -3px;
		right: 1em;  
		display: block; 
		width: 0; height: 0;
		border-color: transparent;
		border-top-color: #444; 
		border-width: 6px;
		border-style: solid;
		pointer-events: none;
	}

/* BOOTSTRAP */
	
	.badge{font-weight: normal;font-size: 1em;}

	.pagination{justify-content: center;}
	.pagination li.active{}
	.pagination li a{color: #000;}
	.pagination li.active a{background-color: var(--mc-red);color: #FFF;}
	.pagination li a:hover{background-color: #444;color: #FFF;}

	.form-control{border-radius: 0;}
	.form-control:focus{box-shadow: none;border-color: var(--mc-dark);}
	.card{border-color: var(--mc-dark2);}
	.card-title{color: var(--mc-dark2);}

	.flex-break{flex-basis: 100%;height: 0;}

/* NAVBAR MAIN */
	.main-navbar{background-color: #fff;padding:0.5em 1em;border-bottom: 1px solid #999;}
	.main-navbar .navbar-inner{
		display: flex;width: 100%;justify-content: space-between;
	}
	.navbar-inner .autre{}
	.navbar-inner .autre ul{display: flex;width: 100%;height: 100%;flex-direction: row;align-items: center;}
	.navbar-inner .autre ul li{position: relative;border-left: 1px solid #999;padding: 0em 2em;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
	.navbar-inner .autre ul li .badge{position: absolute;top: 5px;right: 10px;}

/* CONTENT MAIN */
	.main{display: flex;width: 100%;padding: 1em;}
	.main .sidebar{width: 270px;margin-top: 10px;}

	.widget-menu {
		background: #fff;
		border-radius: 3px;		
		overflow: hidden;
	}
	.widget-menu a {
		color: #cecece;
		display: flex;align-items: center;justify-content: space-between;
		line-height: 20px;
		padding: 15px;
		text-decoration: none!important;
	}
	.widget-menu .active a{background-color: var(--mc-red);color: #FFF;}
	
	.widget-menu .label {
		background: #888;
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;
		box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		line-height: 20px;
		padding: 0 5px
	}
	.widget-menu>li+li {
		border-top: 1px solid #555
	}
	.widget-menu>li>a {
		background-color: #2d2b32;
		color: #cecece;
		transition: all .2s ease-in-out;
	}
	.widget-menu>li>a .icon {
		transform:rotate(180deg);
	}
	.widget-menu>li>a.collapsed .icon {
		transform:rotate(0deg);
	}
	.widget-menu>li>a:hover {
		background-color: #28262c;color: #fff;
	}

	.widget-menu>li>a:hover .menu-icon { color:#fff;}

	.widget-menu>li ul li {
		background: var(--mc-dark2);
		border-top: 1px solid #ccc;
	}
	.widget-menu>li ul li+li {
		border-top: 0
	}
	.widget-menu>li ul li.active a {
		color:#FFF;
	}
	.widget-menu>li ul li a {
		padding: 10px 15px 10px 30px;
		transition: none;
		position: relative;
		justify-content: start;
	}
	.widget-menu>li ul li a:hover {
		background-color: #28262c;color: #fff;
	}

	@media (max-width: 576px) {	
		.main .sidebar{width: 100%;}
		.main .widget{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
		.main .widget-menu .active a{border-bottom: 1px solid #000;}
		.main .widget-menu a span{display: none;}
		.main .widget-menu .logout a{background-color: red;}
	}

	.main .content{flex:1;margin-left: 1em;}