#topPanel {
width: 100%; height: 30px; background: #84034D;
}


#mainMenu{
width: 100%; height: 30px;
}

#mainPanel {
	 padding-top: 10px; padding-bottom: 10px;
}

/*
#bottomPanel {
bottom:0px;
position:absolute;
width: 98%; height: 50px; background: #E2ECF0;
border-radius:5px;
border-style:solid;
border-color:#004a73;
border-width:1px;
}
*/
#bottomPanel {
bottom:3px;
position:relative;
color: #004a73;
font-family: Verdana,Arial,sans-serif;
font-size: 8pt;
}

.colorCodeHelper {
border-collapse: collapse;
padding: 2px;
border: 1px solid #2f7097;
}

#mainContent {
 width: 100%; height: 100%;
}

.commontoolbar{
width: 100%; padding-top:5px;
}

#gridCommandesEnCoursStation {
	padding-left:5px;
}


#loginPanel {
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	min-width:400px;
	width:400px;;
	height:150px;
	/*opacity:0.95;
	background-image:linear-gradient(lightblue, white);*/
	border-radius:10px;
	font-size:1em;
	font-family: Arial;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+93,ededed+100,ffffff+100 */
background: #84034D; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,004a73+0,207cca+100,e2ecf0+100&1+0,0.97+100 */
background: -moz-linear-gradient(top,  rgba(132, 3, 77) 0%, rgba(189, 55, 131,0.97) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(132, 3, 77) 0%,rgba(189, 55, 131,0.97) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(132, 3, 77) 0%,rgba(189, 55, 131,0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84034D', endColorstr='#9F035C',GradientType=0 ); /* IE6-9 */
/* code généré : voir http://www.colorzilla.com/gradient-editor/ */
	
	}
	
#embadifTitle {
	font-size:2em;
	font-family: Arial;
	font-weight: bold;
	color:#84034D;
}

#embadifUser {
	font-size:0.8em;
	font-family: Arial;
	font-weight: bold;
	color:#84034D;
}


/* couleur de cellule en fonction de la valeur de la cellule statut, de 0 à 7*/
/* appliqué via la propriété cellclassname lors de l'initialisation de grille ' */

/* grille STATION commandes en cours */

.ENCOURSSTATION-ROW-1{
	font-style:italic;
	color:#cfcfcf;
}

.ENCOURSSTATION-CELL-1{
	font-style:italic;
	color:#cfcfcf;
}


.ENCOURSSTATION-ROW0{
	background:#f8f8f8;
}
.ENCOURSSTATION-CELL0{
	color:#004A73;
}

.ENCOURSSTATION-ROW20{
	background:#f8f8f8;
}
.ENCOURSSTATION-CELL20{
	color:#004A73;
}

.ENCOURSSTATION-ROW1{
	background:#afd2ed;
}


.ENCOURSSTATION-ROW2{
	background:#ffe7ce;
}
.ENCOURSSTATION-CELL2{
	color:#ff0000;
}

/* grille EMBADIF commandes en cours */

.ENCOURSEMBADIF-ROW-1{
	font-style:italic;
	color:#cfcfcf;
}
.ENCOURSEMBADIF-CELL-1{
	font-style:italic;
	color:#cfcfcf;
}


.ENCOURSEMBADIF-ROW0{
	background:#f8f8f8;
}
.ENCOURSEMBADIF-CELL0{
	color:#004A73;
}

.ENCOURSEMBADIF-ROW20{
	background:#ffbfdf;
}
.ENCOURSEMBADIF-CELL20{
	color:#004A73;
}
.ENCOURSEMBADIF-ROW1{
	
	background:#f8f8f8;
}
.ENCOURSEMBADIF-CELL1{
	color:#004A73;
}

.ENCOURSEMBADIF-ROW2{
	background:#fef1d3;
}
.ENCOURSEMBADIF-CELL2{
	color:#ff0000;
}

.ENCOURSEMBADIF-ROW22{
	background:#d5f0d6;
}
.ENCOURSEMBADIF-CELL22{
	color:#004A73;
}

.ENCOURSEMBADIF-ROW24{
	background:#afd2ed;
}
.ENCOURSEMBADIF-CELL24{
	color:#004A73;
}

/* grille STATION commandes en attente de livraison */


.ENATTENTESTATION-ROW3{
	background:#f8f8f8;
}
.ENATTENTESTATION-CELL3{
	color:#004A73;
}

.ENATTENTESTATION-ROW4{
	background:#caffca;
}
.ENATTENTESTATION-CELL4{
	color:#004A73;
}

.ENATTENTESTATION-ROW5{
	background:#ffe7ce;
}
.ENATTENTESTATION-CELL5{
	color:#ff0000;
}

.ENATTENTESTATION-ROW6{
	background:#a6ffbc;
}
.ENATTENTESTATION-CELL6{
	color:#004A73;
}
.ENATTENTESTATION-STOCK{
	color:#ff0000;
}

/* grille EMBADIF commandes en attente de livraison */


.ENATTENTEEMBADIF-ROW3{
	background:#f8f8f8;
}
.ENATTENTEEMBADIF-CELL3{
	color:#004A73;
}

.ENATTENTEEMBADIF-ROW4{
	background:#c4ecff;
}
.ENATTENTEEMBADIF-CELL4{
	color:#004A73;
}

.ENATTENTEEMBADIF-ROW5{
	background:#ffe7ce;
}
.ENATTENTEEMBADIF-CELL5{
	color:#ff0000;
}

.ENATTENTEEMBADIF-ROW6{
	background:#ffbfdf;
}
.ENATTENTEEMBADIF-CELL6{
	color:#004A73;
}


.doubleclick {
	font-weight: bold;
	font-style: italic;
	font-size:10px;
}


/* ligne avec un article favori */
.articlefavori-CELL {
	font-weight:bold !important;
}

.CELLULE_NON_EDITABLE {
	background:#e9e9e9;
}

.CELLULE_EDITABLE {
	background:#ffffff;
}

.URGENT {
	color:red;
	font-weight:bold;
}

.ARTICLE_INVALIDE {
	color:#808080;
}

.table {
	table-layout: fixed;
}

.jqx-widget-darkblue{font-size:10pt}
.jqx-menu-horizontal-darkblue{color: #fff; border-color: #004a73; background:#004a73}
.jqx-grid-cell-sort-darkblue, .jqx-grid-cell-filter-darkblue, .jqx-grid-cell-pinned-darkblue{font-size:8pt}
.jqx-grid-cell-alt-darkblue, .jqx-grid-cell-sort-alt-darkblue, .jqx-grid-cell-filter-alt-darkblue{font-size:8pt}
.jqx-grid-darkblue, .jqx-grid-header-darkblue, .jqx-grid-cell-darkblue{font-size:8pt}
.jqx-calendar-darkblue{font-size:8pt}
.jqx-fill-state-hover-darkblue{background: #9AC317; background-image: none; border-color:#759612; color:#000000}
.jqx-fill-state-pressed-darkblue{background: #004a73; background-image: none; border-color:#004a73; color:#FFFFFF}
.jqx-grid-darkblue{align:center}
.jqx-widget-content {font-size: 8pt}
.jqx-widget-header {height: 30px !important;}

.jqx-menu-horizontal-darkblue {
	border-color: #84034D;
	background: #84034D;
}

.jqx-input {
  color: #9F035C;
  border-color: #84034D;
}

.jqx-fill-state-normal-darkblue, .jqx-widget-header-darkblue, .jqx-menu-vertical-darkblue {
	color: #fff;
	border-color: #9F035C;
	background-color: #9F035C;
	background-image: none !important;
}

.jqx-reset-darkblue { 
  
  border-color: #84034D;
  background-color: #9F035C !important;
}

.jqx-widget-darkblue .jqx-grid-column-header-darkblue, .jqx-widget-header{
	 background-color: #9F035C !important;
	 border-color: #9F035C!
}
.jqx-widget-darkblue .jqx-grid-column-header-darkblue {
	border-color: #9F035C;
}

.jqx-widget-darkblue {
	border-color: #9F035C;
}

.jqx-grid-column-filterbutton-darkblue, .jqx-icon-arrow-down, .jqx-icon-arrow-down-darkblue {
	background-color: #84034D !important;
	border-color: #84034D;
}


#helper_encours_station, #helper_attente_station  {
	 background-color: #E8E6CA;
}

.jqx-listitem-state-normal-darkblue {
	color: #fff !important;
}

.jqx-grid-cell-darkblue {
	border-color: #9F035C;
}

#inputdatelivsouh, #etatdatedebut, #etatdatefin, #inputetatdatedebut, #inputetatdatefin, #inputtraitDateLivraison, #inputstationDateLivraisonReelle {
	color: #fff !important;
}


.jqx-radiobutton-check-checked-darkblue{
	background: #fff;
	border-color: #fff;
}

#lieulivraison {
	color: #9F035C
}

.calendar-header-darkblue, .jqx-calendar-column-cell-darkblue, .jqx-calendar-column-cell-darkblue, .jqx-calendar-cell-month {
	color: #fff !important;
}