/*----*/
.ui-loader-background {
    width:100%;
    height:100%;
    top:0;
    margin: 0;
    background: rgba(0, 0, 0, 0.01);
    display:none;
    position: fixed;
    z-index:10000;
}

.ui-loading .ui-loader-background {
    display:block;
}




.ui-page {
  /* -webkit-backface-visibility: hidden;*/
	/* -webkit-transform: skew(30deg, 15deg) translate(10px, 0px) rotate(-30deg);*/
	/*transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);*/
}

.ui-icon.ui-icon-checkbox-on.ui-icon-shadow{
	background-color:#06C;
}
.ui-icon.ui-icon-radio-on.ui-icon-shadow{
	background-color:#06C;
}

.footer-color{
	display:none;
}

.ui-header{
	height:40px;
}

.ui-listview-filter-inset {
    margin-top: 0;
}

.myScrollbarV {
	display:none;
}

.marge-basdepage
{
	height: 57px;
}

/*.ui-btn-icon-left > .ui-btn-inner > .ui-icon-shadow {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0);	
}
.ui-btn-icon-left > .ui-btn-inner>.ui-icon, .ui-icon-searchfield::after {
	background-color: 						rgba(0,0,0,1)
   	-webkit-border-radius: 				0px;
	border-radius: 						0px;
	 width: 36px; height: 36px;
	  
}​​​​​
.ui-btn-icon-left >.ui-btn-inner > .ui-icon { width: 36px; height: 36px; }
.ui-btn-icon-left > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -18px; }
*/

/*-------------- MEDIA QUERIES----------------------*/

.label{
	 display: block; width: 100%; 
	
}

.field{
	width: 100%; display:block; 
}

.label_popup{
		 vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; 
		 padding-top:0.75em;
		 float:left;
	}
	
.field_popup{
		width: 78%; display: inline-block; 
	}

.col{
	display: block; width: 100%; 
		
	margin-top:15px;
}


.col-a{
	display: block; width: 100%; 
}

.col-b{
	display: block; width: 100%; 
}

.col2-a{
			/* vertical-align:auto;  
			  margin: 0 0 15px 0; 
		 padding-top:0px;
		 clear:both;*/
	display: block; width: 100%; 

}

.col2-b{
	display: block; width: 100%; 
}

.col4-a{
			/* vertical-align:auto;  
			  margin: 0 0 15px 0; 
		 padding-top:0px;
		 clear:both;*/
	display: block; width: 100%; 

}

.col4-b{
	display: block; width: 100%; 
}

.col3-a{
	display: block; width: 100%; 
}

.col3-b{
	display: block; width: 100%; 
}

.col3-c{
	display: block; width: 100%; 
}

.colfootercmd3-a{
	display: block; width: 100%; 
}

.colfootercmd3-b{
	display: block; width: 100%; 
}

.colfootercmd3-c{
	display: block; width: 100%; 
}


.hideSmallScreen{
	display:none;
}

.showSmallScreen{
	display:block;
}


.planning-col-a{
	display: block; width: 100%; 
}

.planning-col-b{
	display: block; width: 100%; margin-top:30px;
}
@media all and (min-width: 48em){
	.label{
		 vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; 
		 padding-top:0.75em;
		 float:left;
	}
	
	.field{
		width: 78%; display: inline-block; 
	}
	.labeltxt{
		 vertical-align: top; display: inline-block; width: 30%; margin: 0 2% 0 0; 		 
		 float:left;
	}
	
	.fieldtxt{
		width: 68%; display: inline-block; 
	}
	
	.col{
		width:40%;float:left;margin-right:5%;margin-left:5%;	
		padding-top:0px;
		margin-top:0px;
	}
	
	
	.col-a{
		 vertical-align: top; display: inline-block; width: 68%; margin: 0 2% 0 0; 
		 padding-top:0.75em;
		 float:left; 
	}

	.col-b{
		width: 30%; display: inline-block; 
	}
	
	.col2-a{
		 vertical-align: top; display: inline-block; width: 49%; margin: 0 2% 0 0; 
		
		 float:left; 
	}

	.col2-b{
		width: 49%; display: inline-block; 
	}

	.col3-a{
		
		float: left;
		width: 250px;
				
		
	}
	
	.col3-b{
		margin-left: 250px;
		margin-right: 250px;
		
	
	}
	
	.col3-c{		
		float: right;
		width: 250px;
			
		
	}
	
	.col4-a{
		 vertical-align: top; display: inline-block; width: 49%; margin: 0 1% 0 0; 
		
		 float:left; 
	}

	.col4-b{
		width: 50%; display: inline-block; 
	}
	
	
.colfootercmd3-a{
	float: left;
	width: 115px;
}

.colfootercmd3-b{
	
}

.colfootercmd3-b-a{			
		
		float: right;
		width:360px;
		margin-right:20px;
}

.colfootercmd3-b-b{
	float: right;

	
}

	
	.hideSmallScreen{
		display:block;
	}
	
	.showSmallScreen{
		display:none;
	}

	
	.planning-col-a{
		width: 48%; display: inline-block; 
	}

	.planning-col-b{
		width: 38%; display: inline-block; 
		margin-left:10%;
		margin-top:-10px;
	}
}


/*-----------------BOX----------------------------*/

.bloc_blanc{
	padding: 10px;
	border: 1px solid #bbbbbb;
	background-color:#ffffff;
	text-shadow:none;	
	margin-bottom:1em;
}

.bloc_blanc_editable{
	padding: 10px;
	border: 1px solid #999999;
	 /* border: 2px dotted #999999; */
	background-color:#ffffff;
	text-shadow:none;	
	margin-bottom:15px;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
	
;
}

.bloc_rose{
	padding: 10px;
	border: 1px solid #bbbbbb;
	background-color:#f0d9f5;
	text-shadow:none;	
	margin-bottom:1em;
}

.bloc_rose_editable{
	padding: 10px;
	border: 1px solid #999999;
	background-color:#f0d9f5;
	text-shadow:none;	
	margin-bottom:15px;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
}

.bloc_gris{
	padding: 10px;
	border: 1px solid #999999;
	background-color:#dddddd;
	text-shadow:none;	
	margin-bottom:1em;
}

.bloc_gris_editable{
	padding: 10px;
	border: 1px solid #999999;
	background-color:#dddddd;
	text-shadow:none;	
	margin-bottom:15px;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
}


.bloc_editable{
	display:table-cell;vertical-align:middle;width:100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		
}

.ico_editable{	
	display:table-cell;vertical-align:middle;text-align:right;	 		
}

.bloc_commande{
	padding: 10px;
	border: 1px solid #bbbbbb;
	background-color:#d5f3f1;
	text-shadow:none;	
	margin-bottom:1em;
	
}

.bloc_commande_editable
{
	padding: 10px;
	border: 1px solid #999999;
	background-color:#d5f3f1;
	text-shadow:none;	
	margin-bottom:15px;	
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/
}


.uge{
	color:#ca9bc7;
}


.removeCheckBoxStyleCommande .ui-btn-inner{
	padding-left:0px;
}