.form_generic {
	
}

#sf_ctrlStatut option[value="1"] {
	background-color: red; /* Pour KO */
	color: #f9f9f9
}

#sf_ctrlStatut option[value="2"] {
	background-color: green; /* Pour OK */
	color: #f9f9f9
}

.ui-mobile .ui-page-active {
  overflow-x: auto !important;
}

body.ui-mobile-viewport, div.ui-mobile-viewport{
	overflow-x: auto !important;
}

.ui-mobile-viewport .ui-overlay-a {
	overflow-x: auto !important;
}

.form_generic h1{
	text-align: center;
	color: #333;
}

#sf_form_left_column {
	display:table;
	float:left;
	width:48%;
}
#sf_form_right_column {
	display:table;
	float:right;
	width:48%;
	margin-lef:20px;
}

#mainView {
	width:90%;
/* 	min-width:1200px; */
	margin-left:auto;
	margin-right:auto;
	padding-top:70px;
}

#menuView{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#s_centre {
/* 	padding-left:33%; */
}

#s_centre .s_label{
	float:left;
	padding-top: 13px;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
    font-size: x-large;
}

#s_centre .s_value {
	float:left;
}

#sf_button {
	clear:both;
	text-align:center;
}

#sf_affLstCtrl {
	margin-bottom:10px;
}

.divButton{
	display: inline-block;
	width: auto;
}

.divButtonS{
	display: inline-block;
	width: auto;
	margin-bottom: 5px;
	margin-left: 4px;
}

#sf_btnMAJ {
	margin-left: 10px;
	margin-right: 10px;
}

.bold{
	font-weight:bold;
}

#mainMenu {
/* 	display: inline-block;  */
/* 	min-width:1200px; */
	width: 100%;
/* 	text-align: center; */
/* 	position: fixed; */
	padding-top: 5px;   
    padding-bottom: 5px;
    margin-bottom: 20px;
	background-color: #f9f9f9;
/* 	z-index: 10; */
}

#accueilContent h2 {
	text-align:center;
}

.selected {
	background-color: #1ac74edb!important;
}

#tb_listCtrl .aCtrl {
	background-color: #FAAC58;
}

#tb_listCtrl .dejaCtrl {
	background-color: #00FF80;
}

.sf_ligne {
	height:70px;
	display: table-row;
}

.sf_label {
	display: table-column;
	float:left;
	width: 45%;
}

.sf_ligne .sf_text {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	height:55px;
}

.sf_value {
	display: table-column;
	vertical-align: middle;
	float:right;
	color:#5882FA;
	width: 55%;
}

#sf_button input {
	background-color:#08088A !important;
	opacity: .4 !important;
	
}
#userForm .sf_label {
	width: 35% !important;
}
#userForm .sf_value {
	width: 65% !important;
}

#acceuilContent {
	float:left;
	width: 70%;
}

#adminMenu {
	float:right;
	width: 30%;
}

.divVertiButton {
	border-color: #ddd;
    width: 70%;
    margin:10px auto;
    background-color: #0B2D74;
    color: white;
    text-shadow: none;
    border-radius: .3125em;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    padding: .7em 1em;
    text-align: center;
    
}
.divButton:hover {
	opacity:.8;
}
.divButtonS:hover {
	opacity:.8;
}
.divVertiButton:hover {
	cursor: pointer;
	opacity:.8;
}

#formMsg {
	clear:both;
	text-align:justify;
	font-weight:bold;
	font-size:1.3em;
	margin:10px;
}
.lstTable {
	margin-bottom: 50px;
}

.lstTable td {
	text-align:center;
	border-spacing: 2px;
    border-color: grey;
    border-left: 2px solid grey;
    border-right:2px solid grey;
}
.lstTable a{
	color:#2E2EFE;
}
.lstTable a:hover {
	color: #FA58F4;
	cursor: pointer; 
}
.lstTable th {
	text-align:center;
	border-spacing: 2px;
    border-color: grey;
    border-left: 2px solid grey;
    border-right:2px solid grey;
}

.ctrlSelectDates {
	clear:both;
/* 	width: 100%; */
    margin-top: 30px;
    background-color: #E0E0E0;
    text-shadow: none;
/*     padding-left: 30px; */
/*     text-align:center; */
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 15px;
    margin-right: 15px;
}

.selectDate {
	display: inline;
/* 	margin-left:20px; */
}

.selectDate > p{
	display: inline-block;
	width: 35px;
	margin-right: 10px;
}

.selectDate > .ui-input-text{
	display: inline-block;
	width: 20%;
}

.selectDate .ui-input-clear{
	left: 10px;
}




.sl_centre {
	color:black !important;
}

#r_lstCtrl {
	margin-bottom:50px;
}

#version {
	text-align: right;
	position:fixed;
	bottom: 40px;
	right: 5px;
	z-index:-10;
}


#s_nom {
	padding-left:25%;
}

#s_nom .s_label{
	float:left;
	padding-top: 20px;
    text-align: right;
    margin-right: 20px;

}

#s_nom .s_value {
	float:left;
}
.noHasDoc {
	opacity: 0.5;
}
.hasDoc {
	color: red;
}
.doc-ctrl {
	cursor: pointer;
}
.hide {
	display: none;
}
.btn-calcel {
	color: red; cursor: pointer;
}
#a_back_login {
	cursor: pointer;
    text-decoration: underline;
    margin-left: 15px;
    font-weight: 100;
}

.btn:hover {
	cursor: pointer;
    opacity: .8;
    color: #fff;
}

#tf_ss, #sf_dateCtrl {
	color: #5882FA;
    font-weight: bold;
}

#tb_listCtrl_wrapper::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 40px;
}

#tb_listCtrl_wrapper::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
/*     border: 1px solid black; */
    background: #f6f7f8;
    border-radius: 10px;

}
#tb_listCtrl_wrapper::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
/*     border: 1px solid black; */
    background: rgb(111,111,111);
    -webkit-box-shadow: 0 1px 1px rgb(0,0,0);
    background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}

#tb_listCtrl_wrapper::-webkit-scrollbar-track-piece {
    height: 100px;
    width: 100px;
}

.div-datepicker {
	padding: 0;
}

@media ( max-width : 768px) {
	#userInfo {
		display: none;
	}
	.ctrl-hide {
		display: none;
	}
	.user-info{
		display: none;
	}
	#frm_saisi_magasinier {
		margin: 0 5%;
	}
	.ctrl-hide-typ{
		display: none;
	}
}

@media ( min-width : 769px) and (max-width : 1024px) {
	#userInfo {
		display: inline-block;
	}
	.ctrl-hide {
		display: none;
	}
	.user-info{
		display: none;
	}
	#frm_saisi_magasinier {
		margin: 0 15%;
	}
	.ctrl-hide-typ{
		display: table-cell;
	}
}

@media ( min-width : 1025px) {
	#userInfo {
		display: inline-block;
	}
	.ctrl-hide {
		display: table-cell;
	}
	.user-info{
		display: inline;
	}
	#frm_saisi_magasinier {
		margin: 0 30%;
	}
	.ctrl-hide-typ{
		display: table-cell;
	}
}