/*************\
	page
\*************/
body.user .hero-wrap, 
body.user section, 
body.user footer {
    /* margin-left: 42px; */
}

/* body.user .sidebar.left{ */
	/* top:120px; */
/* } */

body.user #toogle-sidebar-left{
}
	body.user #toogle-sidebar-left i{
		font-size:2em;
	}
	body.user #toogle-sidebar-left {
	}



@media (min-width: 992px){
	body.user .hero-wrap, 
	body.user section, 
	body.user footer {
		/* margin-left: 60px; */
	}
}




/*****************
	login
*****************/
nav .button-login{
    /* display: flex; */
    width: 50px;
    /* align-self: normal; */
    /* align-items: initial; */
    margin: -16px 0 0 0;
    text-align: center;	
}

nav .bt-login {
    font-size: 17px;
    padding: 0.7rem 10px !important;
    font-weight: bold;
    color: gray !important;
    opacity: 1 !important;
}

nav .login .navbar-form{
	width:100%;
	text-transform: lowercase;
}

nav .login .form-group{
	text-align:center;
	width:100%;
}
	nav .login .navbar-form::first-letter{text-transform: uppercase;}
	nav .userName{
		font-weight:bold;
		text-transform: lowercase;
	}
		nav .userName::first-letter{text-transform: uppercase;}
	nav .login select{font-size:14px;}
		nav .login select option{text-transform: lowercase;}
		nav .login select option::first-letter{text-transform: uppercase;}
		
	nav .login .connect-user{}
		nav .login .connect-user:hover{text-decoration:underline;}
		
nav .login .select_wrap .select_ul{
	background:#d8efdd;
	width:250px;
	left:-100px;
	top:35px;
}
	nav .login .select_wrap .select_ul .option{
		display:block;
	}
	
	nav .login .select_wrap ul.default_option{
		display:none;
	}
	nav .login .select_wrap .default_option:before{
		top: 10px;
		left: 120%;
	}
	
	nav .login .select_wrap .navbar-brand{
		display:block;
	}
	
	nav .login .chosen-container {
		width: 100% !important;
	}
	
	nav .login .select_wrap .select_ul .chosen-container li:hover{
	  background: #bdbdbd;
	}

.userName{
	background: #28a745;
    border-radius: 15px;
	padding:0 30px;
    color: #fff;
}

nav #lg .select_ul{
    position: static;
    width: 100%;
    transform: scaleY(1);
}

@media (min-width: 992px){
	
	nav #lg .select_ul{
		position: absolute;
		width: 250px;
		transform: scaleY(0);
	}
	
	nav #lg.select_wrap.active .select_ul {
		transform: scaleY(1);
	}
	
	nav .login .select_wrap ul.default_option,
	nav .login .select_wrap .default_option:before{
		display:block;
	}
	
	nav .login .select_wrap span.default_option{
		display:none;
	}
	nav .login .select_wrap .default_option:before{
		left: 100%;
	}
}



.user-menu li.current{

}
	.user-menu li.current i,
	.user-menu li.current a{
		color:red;
	}



.dataTables_wrapper{
	width:100%;
}


.sortable .branche[data-droit='1'] .add {
	display:none;
}


nav .succursale{
    order: 6;
    background: #c4e8ca;
    color: #868686;
    padding: 5px;
    /* margin: 5px 0; */
    border-radius: 10px;
}

	nav .succursale .form-row{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	
body.succursale nav .succursale{
    flex-basis: 100%;
    flex-wrap: nowrap;
}

.connect-parent{
    text-transform: capitalize;
}

.user-menu{
	display:flex;
	justify-content:space-around;
    /* order: 5; */
    flex-basis: 100%!important;
	/* padding-left:100px; */
}
	.user-menu .navbar-form{
		padding:5px 0;
	}
		.user-menu .form-row{
			justify-content: space-around;
		}

.fieldLabel{
	text-transform: capitalize;	
    margin-right: 20px;
}


section .contact{
    position: relative;
    background: #f3f2f2;
    margin-bottom: 20px;
    padding: 10px;
}
	section .contact span.icon-del-circle{
		color: red;
		position: absolute;
		right: 10px;
		cursor: pointer;
		z-index: 10;
	}

.user-infos{
	justify-content: space-around;
}

.plate-forme{
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #ccc;
    border-radius: 10px;
}
	.plate-forme img{
		width: 150px;
		height: auto;
	}
	.plate-forme label{
		top:-17px;
	}
	
	
/*****************
	transporteurs
*****************/

.transporteur.card {
	
}
	.transporteur.card .form-group.days input{
		
	}
	
table.zones-transporteur{
	
}
	table.zones-transporteur th{
		position:relative;
	}
		table.zones-transporteur th .icon-del-circle{
			position: absolute;
			left: calc(50% + 20px);
			top: 2px
		}
	
	
	table.zones-transporteur input{
		width:60px;
	}





/*****************
	fournisseurs
*****************/

.fournisseur.card {
	
}
	
	.fournisseur.card .header{
		display: flex;
		flex-basis: 100%;
		justify-content: space-between;
	}
	
	.fournisseur.card input[type="checkbox"]{
		width:25px;
	}
	
#table-fournisseurs{
	
}
	#table-fournisseurs .td-fournisseur{
		display: flex;
		flex-direction: column;
	}
		#table-fournisseurs .td-fournisseur img{
			width: 30px;
			margin-right: 10px;
		}
		#table-fournisseurs .td-fournisseur .flag{
			
		}
		
	#table-fournisseurs .td-prix{
		
	}
		#table-fournisseurs input{
			width: 40px;
			line-height: 16px;
		}
		#table-fournisseurs input[type="checkbox"]{
			width: auto;
			height: auto!important;
		}
	
.fournisseurs-list{
    list-style-type: none;
    font-size: 1.3em;
}
	.fournisseur-list-item{
		padding: 0 20px;
		text-transform: capitalize;
		cursor:pointer;
	}
	.fournisseur-list-item:not(.disabled):hover{
		background:#e6e6e6;
	}
	.fournisseur-list-item.disabled{
		color: lightgray;
		cursor:default;
	}