/**
* Back classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*/


body{overflow-y: scroll; overflow-x: hidden}
#html_wrapper{height: 100%};


//Englobe le Menu et le content
//Positionne ces elements en fonction du header
#container{box-sizing : border-box; height: 100%}

//Positionne le Content en fonction du menu et des toolbars
.content_wrapper
{
	position: relative;
	box-sizing : border-box;
	height: 100%;
	//padding:4px $paddingContent 0;
	padding: 4px 0 0 ;
	//background-color: #eeeff2;
	background-color: #fff;
	//Positionnement menu ouvert
	.menu-open & 
	{	
		padding-left: $menuOpen - 10px;
		@include mq($to :tablet)
		{
			padding-left: $paddingContentRwd;
			position: relative;
			left:$menuOpen - ($paddingContentRwd * 2);
		}		
	}
	//Positionnement menu fermé	
	.menu-close &
	{			
		//padding du content réduit
		padding-left: $menuClose - 10px;
		@include mq($to: phone)
		{
			padding-left: $paddingContentRwd;
			padding-right: $paddingContentRwd;
		}
	}
}

//Englobe le content
#content{box-sizing : border-box}


// Composant jQuery-UI
.ui-widget
{
	z-index: 1000;
	font-size: 0.9em;
}
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	// prevent horizontal scrollbar
	overflow-x: hidden;
}

// Ajout des grid pour les formulaires app
.row-fluid
{
	margin-top: 16px;
}

.grid_container 
{
	margin-top:16px
}
// Taille chosen comme un input
.form-line .chzn-container
{
	width: 100% !important;
	
	& .chzn-single
	{
		padding: 4px 0 4px 8px;
		
		& .search-choice-close
		{
			top: 10px;
		}
		& div b
		{
			background-position: 0 6px;
		}
	}
}


// separator hr
hr.separator
{
	border-color: #f1f1f1;
	margin: 32px 0;
}

//El taillé en hauteur avec un scroll automatique

.block_scroll
{
	height: 200px;
	max-height: 200px;
	padding: 0 16px;
	margin-right: 16px;
	border: 1px solid #c1c1c1;
	overflow-y: auto;
}


// Block pas de résultat
.hero-error
{
	display: block;
    margin: 64px 0;
    text-align: center;
    
    & .hero-error--icon
    {
	    vertical-align: middle;
	    @include opacity(0.3);
    }
    & .hero-error--msg
    {
	    font-size: 2em;
	    color: #c1c1c1;
	    vertical-align: middle;
	    padding-left: 12px;
    }
    & .hero-error--link
    {
    	display: inline-block;
    	padding-top: 16px;
	    color: #c1c1c1;
	    font-size: 1.3em;
	    text-decoration: none;
	    
	    & .hero-error--link_content
	    {
		    vertical-align: middle;
		    padding-top: 4px;
	    }
	    &:hover
	    {
		    color: #858585;
		    text-decoration: none;
		    
		    & .hero-error--icon
		    {
			    @include opacity(0.5);
		    }
	    }
    }
}


/* features */

.features-block
{
	@include after();
}

.features-block--icon
{
	width: 60px;
	float: left;
	margin:0 12px 0 0;	
}

.features-block--text
{
	width: 500px;
	float: left;
}


.subtitle 
{
	font-weight:normal;
	//color:#fff;
	color:#667b9a;
	border-radius:4px;
	padding:0 0 0 10px;
	font-size:1.2em;	
	@include rem((	
		min-height:$fontSize * 2.7,
		line-height:$fontSize * 2.7	
	));
		
	//background-color:#262e34;
	//news 
	background-color:#f5f7fa;
	border: solid 1px #d9dfe7;
	
	& .btn { margin-left:10px}
	@include mq($to :phone)
	{
		line-height:normal;
		padding:5px;
		height: auto;
	}
}

.warning 
{
	color:#fff;
	background-color:#d14836;
	padding:10px;
	&:before
	{
		width:24px;
		height:24px;
		margin:0 10px 0 0;
		content:"\e007";
		color:#fff;
		font-size:1em;
		font-family:'icon'		
	}
}


//Style des chosen
.chzn-container-multi,
.chzn-container-multi .chzn-choices,
.chzn-container-multi .chzn-drop 
{
	line-height:normal
}




//animation 
@keyframes fade-in
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
.fadeIn
{
	animation: fade-in .5s ease-in;
	animation-delay: 0s;
	animation-fill-mode:forwards;
}

// Titre beau de l'app (h2)
.light-title
{
	font-weight: lighter;
	color: #555;
}