/* CSS Document */

body {
	background-color:#dcf9cf;
	color:#A1998B;
	font-size: 12px;
	min-width:320px;
	padding-bottom:25px;
}

/** Connexion **/

.connect{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:560px;
}

.logo {
	margin-right:auto;
	margin-left:auto;
	margin-bottom:50px;
	display:block;
	width: 100%;
}

.inputConnect{
	display:block;
	width:300px;
	height:20px;
	padding:10px;
	border-radius:6px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-color:#CCCCCC;
	color:#000066;
	font-weight:bold;
	font-size:14px;
	
	border:solid 2px #A1998B;
}

.inputButton{
	height:40px;
	width:320px;
	cursor:pointer;
}


/** Content **/

.content {
	padding:40px;
}

.logout{
	float:right;
	margin-left: 30px;
	cursor:pointer;
} 

.menuAdmin {
	display:inline-block;

	height:30px;
	width:120px;
	padding:5px;
	margin-left:20px;
	margin-top:10px;

	color:#000066;
	background-color:#CCCCCC;
	font-weight:bold;
	font-size:14px;
	
	border:solid 2px #A1998B;
	
	cursor:pointer;
}

.menuAdminLarge{
	width:150px;
}

.noMargLeft{
	margin-left:0px;
}

.menuAdmin:hover {
	color:#F68D5D;
	border-color:#C2DF3A;
}

.btnAdmin{
	display: inline-block;
	float: right;
}

.search {
	margin-top:16px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
}


.searchSelect {
	width:160px;
	display:inline-block;
}

.searchInput{
	text-align:center;
	display:inline-block;
	
	height:16px;
}

.searchLabel{
	font-size:16px;
	font-weight:bold;
}

.time{
	
	font-size:24px;
	font-weight:bold;
	
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	
	text-align:center;
}

.timeButton{
	color: #F68D5D;
	
	font-size:24px;
	font-weight:bold;
	
	background-color:transparent;
	
	border:none;
	cursor:pointer;
	
}

.timeButton:hover {
	color:#C2DF3A;
}

.timeText {
	display:inline-block;
	margin-left:50px;
	margin-right:50px;
	width:200px;
}


.calendar{
	display:none;
	with:90%;
	overflow: auto;
	text-align:center;
	padding-bottom:20px;
	margin-top:20px;
}

.tabCalendar{
	margin-top:20px;
	background-color:#FFFFFF;
	
	border-spacing: 0;
    border-collapse: collapse;
	
	border-radius:6px;
}

.tabCalendar th{
	color:#000066;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

.tabLeftCorner {
	background-color:transparent !important;
}

.tabCalendar td{
	display:table-cell;
	vertical-align:top;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

.dayOff {
	background-color:#AAAAAA;
	border-bottom: 1px solid #FFFFFF !important;
}

.cumul{
	
	color:#000066 !important;
	background-color:#A3DAF6 !important;
}

.cumulHead{
	width:40px !important;
}

.cumulBlock{
	width:95px !important;
	padding:2px;
}

.pkCount{
	color:#000066;
}

.rowTitle{
	width:150px;
	height:30px;
}
.eventTab {
	cursor:pointer;
} 

.eventBlock {
	margin:3px;
	width: 50px;
	min-height:22px;
	padding-top:5px;
	border-radius:3px;
	color:#FFF;
	vertical-align:top;
}

.headerBlock{
	color:#000066;
}


.eventBlockLarge {
	width: 100px;
}

.eventVacation{
	color:#000066;
}

.eventAdd{
	color:#A1998B;
	min-height:10px;
	height: 10px !important;
	margin-bottom:0px;
}

.ui-datepicker-trigger{
	position:relative; 
	top:12px; 
	left:5px;
	cursor:pointer;
}

#load{
	margin-top:10px;
	float:left;
	width:100%;
	text-align:center;	
}

.new {
	height:30px;
	width:100px;
	cursor:pointer;
	
	margin-left:10px;
	
	font-size:14px;
	color: #000066;
	background-color:#C2DF3A;
	border:2px solid #C2DF3A;
}

.new:hover {
	background-color:#F68D5D;
	border:2px solid #F68D5D;
}

.cumulBlockWeek{
	cursor:pointer;
}

/** div salarie **/
.salarieListing{
	padding:10px;
	background:#FFF;;
	border-radius:10px;
	width:750px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	min-height:200px;
}

.salarieLine{
	font-size:18px;
	height:30px;
}

.salarieBlock{
	display:inline-block;
	padding:5px;
	width:165px;
	color:#FFFFFF;
	cursor:pointer;
}

.salarieBlockName{
	width:250px;
	white-space:nowrap;
}

.salarieBlockTitle{
	font-weight:bold;
	color:#000066;
	cursor:auto;
}

.salarieBlockSmall{
	width: 95px;
}

.salarieBlockLarge{
	width: 300px;
}

.salarieCp{
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	height:30px;
	vertical-align:middle;
	background-color:#FFF !important;
	cursor:pointer;
}

.salarieCal{
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	height:30px;
	vertical-align:middle;
	background-color:#FFF !important;
	cursor:pointer;
}

#printCal{
	display: block;
	text-decoration: none;
	text-align: center;
	height: 14px !important;
	padding-top: 7px;
}


/** div commerce **/
.commerceListing{
	padding:10px;
	background:#FFF;;
	border-radius:10px;
	width:600px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	min-height:200px;
}

.commerceLine{
	font-size:18px;
	height:30px;
}

.commerceBlock{
	display:inline-block;
	padding:5px;
	width:150px;
	color:#FFFFFF;
	cursor:pointer;
	vertical-align:top;
}

.commerceBlockLong{
	display:inline-block;
	padding:5px;
	width:420px;
	color:#FFFFFF;
	cursor:pointer;
	vertical-align:top;
}

.commerceBlockTitle{
	font-weight:bold;
	color:#000066;
	cursor:auto;
}

.bottomLine{
	clear:both;
	padding-bottom:20px;
	height:10px;
}


/** div company **/
.companyListing{
	padding:10px;
	background:#FFF;;
	border-radius:10px;
	width:600px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	min-height:100px;
}

.companyLine{
	font-size:18px;
	height:30px;
}

.companyBlock{
	display:inline-block;
	padding:5px;
	width:150px;
	color:#000066;
	cursor:pointer;
	vertical-align:top;
}

.companyBlockLong{
	display:inline-block;
	padding:5px;
	width:420px;
	color:#000066;
	cursor:pointer;
	vertical-align:top;
}

.companyBlockTitle{
	font-weight:bold;
	color:#000066;
	cursor:auto;
}

/** dialog **/

.ui-dialog {
	z-index:80 !important;
}

.dialogLine{
	width:400px;
	line-height:35px;
}

.dialogLine label{
	display:inline-block;
	width:135px;
}

.dialogLine .inputDialog {
	width:247px;
}

.dialogLine .inputDialogSmall {
	width:60px;
}


.dialogLine .datePickerDb{
	width:210px;
}

.dialogLine .selectSmall {
	width:100px;
	height:30px;
}

.dialogLine .selectExtraSmall {
	width:50px;
	height:30px;
}

.dialogLine .selectLarge {
	width:255px;
	height:30px;
}


.dialogLine .lateDate{
	display:inline-block;
	width:80px;
	height:30px;
}

.dialogLine .lateTime{
	display:inline-block;
	width:50px;
	height:30px;
}

.dialogLine .lateComment{
	display:inline-block;
	width:250px;
	height:30px;
}

.dialogLine .lateTime{
	display:inline-block;
	height:30px;
	margin-right:5px;
	text-align:right;
	padding-right:2px;
}

.dialogLine .marginLeft5{
	margin-left:5px;
}

.radioInfo{
	display:inline-block;
	width:65px;
	margin-right:15px;
}

.colpick {
	z-index:100 !important;
}

#colorBox{
	display:inline-block;
	text-align:center;
	margin-left:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	height:30px;
	color:#FFF;
	width:60px;
	cursor:pointer;
}

.trackingBlock {
	
	width:320px;
	overflow: auto;
	text-align:center;
	padding-bottom:20px;
	margin-top:20px;
		
	margin-right:auto;
	margin-left:auto;
}


.trackTable{
	background-color:#FFFFFF;
	
	font-size:14px;
	
	border-spacing: 0;
    border-collapse: collapse;
	
	border-radius:6px;
}

.trackTable th{
	color:#000066;
	font-weight:bold;
	border-bottom: 1px solid #AAAAAA;
	
	padding-top:10px;
	height:25px;
	width: 160px;
	
}


.trackTable td{
	color:#000066;
	display:table-cell;
	vertical-align:top;
	border-bottom: 1px solid #AAAAAA;
	
	padding-top:10px;
	height:25px;
	width: 150px;
}
.trackNav{
	background-color:transparent !important;
	height:40px;

}

.trackButton{
	color: #F68D5D;
	
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	
	background-color:transparent;
	
	border:none;
	cursor:pointer;
	
	
}

.errorMess{
	color:#F00;
	font-weight:bold;
	display:none;
}

/* commandes et produits */

.buttonSelected{
	color:#CCCCCC;
	background-color: #000066
}

#cmd_main_block{
	margin-top:20px;
	padding: 10px;

	margin-right:auto;
	margin-left:auto;
}

.sdwCmdBlock{
	margin-top: 15px;
}

.cmdTable{
	margin-right:auto;
	margin-left:auto;

	background-color:#FFFFFF;
	
	font-size:14px;
	
	border-spacing: 0;
    border-collapse: collapse;
	
	border-radius:6px;
}

.cmdTable th{
	color:#000066;
	background-color: #F68D5D;
	font-weight:bold;
	border: 1px solid #AAAAAA;
	
	padding:5px;
	height:25px;
	/*width: 160px;*/
	
}

.cmdTable td{
	color:#000066;
	display:table-cell;
	vertical-align:top;
	border: 1px solid #AAAAAA;
	
	padding: 5px;
	height:35px;
	/*width: 150px;*/
}

.delFamille{
	margin-top:-5px;;
	margin-right: 5px;
}

.productLine{
	display: inline-block;
	width: 100%;
	line-height: 35px;
	white-space: nowrap;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}

.delProduct{
	vertical-align: middle;
}

.tdProdCmd{
	width:120px !important;
}

.inputProdCmd{
	width:40px !important;
}

.sdw_prepa_block{
	margin-top: -80px !important;
}

.sdw_prepa_cmd_block{
	margin-top: -20px !important;
}

.sdwTablePading{
	padding-top: 8px !important;
}

.paddingTop15{
	padding-top: 15px !important;
}

/** Global **/


.bold{
	font-weight:bold;
}

.center {
	text-align:center;
}

.inputError{
	border:solid 2px #FF0000;
}

.left{
	float:left;
}

.right{
	float:right;
}

.alignLeft{
	text-align:left;
}

.alignRight{
	text-align:right;
}

.marginL20 {
	margin-left:20px;
}

.hidden {
	visibility:hidden;
}

.red {
	color: #F00 !important;
}

.green{
	color:#060 !important;
}

.redBorder{
	border : solid 1px #F00;
	color: #F00;
}

.strong{
	font-weight:bold;
}

.cursor{
	cursor:pointer;
}

.darkestLine{
	background-color: #fad6c5 !important;
}

.smallest{
	font-size:12px ;
	font-style: italic;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 3px;
}