/** 
 *  @author Anna Balazinska  (abalazinska@hotmail.com)
 *  Copyright � 2017 by Anna Balazinska
 */

 /* Logout */
.logout {
	color: RGB(3,26,184);
	font-size: 20px;
	text-decoration: underline;
	width: 100%;
	padding-bottom: 5px;
}

 .loginPanel{
	background:RGB(242,242,255);
	border-style: solid;
	border-width: 3px;
	font-size: 16px;
	border-color: darkblue;
}
.codeBoxAlarm {
	color: red;
	font-size:16px;
	width: 100px;
}
.codeBoxWarning {
	color: blue;
	font-size:16px;
	width: 100px;
}
.dateTime {
	color: RGB(0,0,79);
  	font-size: 16px;
  	height: 20px;
}
 
 /* Dialogs */
.dialogLabel {
	color: darkblue;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}
.dialogBox  {
  color: darkblue;
  font-size: 16px;
  border-width: 3px;
  border-style: solid;
  background: white;
}
.dialog {
	font-size: 24px;
	font-weight: bold;
	border-style: solid;
	border-width: 2px;
	border-color: darkblue;
	color: darkblue;
	background: white;
}

/* Menus */
.menuItem {
	background: RGB(225,193,193);
	color: RGB(0,0,79);
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 170px;
	height: 35px;
}

.menuActiveItem {
	background: RGB(225,193,193);
	color: red;
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 170px;
	height: 35px;
}
.powderblue {
	background: powderblue;
	color: RGB(0,0,79);
	font-size:10px;
	height: 40px;
	width: 60px;
}
.powderblueact {
	background: yellow;
	color: RGB(0,0,79);
	font-size:10px;
	height: 40px;
	width: 60px;
}
.menuPdf {
	background: powderblue;
	color: RGB(0,0,79);
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 150px;
	height: 25px;
}

/* Buttons*/
.funcButton {
	color: RGB(0,0,79);
	background: RGB(255,206,157);
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 150px;
	height: 25px;
}
.funcButton500 {
	color: RGB(0,0,79);
	background: RGB(255,206,157);
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 500px;
	height: 25px;
}

.funcButton {
	color: RGB(0,0,79);
	background: RGB(255,206,157);
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 150px;
	height: 25px;
}
.funcButton500 {
	color: RGB(0,0,79);
	background: RGB(255,206,157);
	font-size: 16px;
	font-weight: bold;
	align: center;
	width: 250px;
	height: 25px;
}
/* padding and align */
.paddingLeft {
	padding-left:30px;
}
.paddingconcl {
	padding-left: 20px;
}
.paddingtop {
	padding-top: 20px;
}
.addBold {
	font-weight: bold;
}

/* Data entry and labels */
.dataButton {
	color: darkblue;
	background: RGB(242,242,255);
	border-style: solid;
	border-width: 1px;
	font-size: 16px;
	border-color: darkblue;
	font-weight: bold;
	align: center;
	width: 300px;
	height: 35px;
}

.codeBox0 {
	color: RGB(3,26,184);
	font-size:14px;
	width: 100%;
}


.textBox {
	color: darkblue;
	font-size: 16px;
	font-weight: bold;
	width: 300px;
	height: 35px;
}
.textBox600 {
	color: darkblue;
	font-size: 16px;
	font-weight: bold;
	width: 600px;
	height: 40px;
	border-style: solid;
	border-width: 2px;
	border-color: darkblue;
}
.labelHist {
	color: RGB(3,26,184);
	font-size:12px;
	width: 100%;	
}
.codeBox20 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 20px;
}
.codeBox50 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 50px;
}
.codeBox70 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 70px;
}
.codeBox100 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 100px;
}
.codeBox150 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 150px;
}
.codeBox200 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 200px;
}
.codeBox250 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 250px;
}
.codeBox300 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 300px;
}

.codeBox350 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 350px;
}
.codeBox500 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 500px;
}
.codeBox1000 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 1000px;
}
.textArea200{
	color: RGB(0,0,79);
	font-size:16px;
	width: 200px;
	height: 50px;
}
.textArea250 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 250px;
}
.textArea350{
	color: RGB(0,0,79);
	font-size:16px;
	width: 350px;
	height: 50px;
}
.textArea500{
	color: RGB(0,0,79);
	font-size:16px;
	width: 500px;
	height: 50px;

}
.textArea1200 {
	color: RGB(0,0,79);
	font-size:16px;
	width: 1200px;
	height: 80px;
}
.textArea1000 {
	font-weight: bold;
	font-size:16px;
	width: 1000px;
	height: 600px;
}
/* Colors and headers */
.darkblue{
	color: RGB(3,26,184);
}
.header{
	color: RGB(3,26,184);
	background: RGB(238,251,151);
}
.tableHeader {
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	align: center;
}
.addTopBleu {
	border-width: 3px 0px 0px 0px;
	border-style: solid;
 	border-color: RGB(3,26,184);
}
.labelBleu {
	color: RGB(0,0,79);
	font-weight: bold;
	font-size:16px;
	width: 200px;
	text-align: center;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
 	border-color: RGB(3,26,184);
}
.labelOrange {
	font-weight: bold;
	color: darkorange;
}
.labelBleuA {
	color: red;
	font-weight: bold;
	font-size:16px;
	width: 200px;
	text-align: center;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
 	border-color: RGB(3,26,184);
}

/* Borders */
.addBorderBleu {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
 	border-color: RGB(0,0,79);
}
.addBorderT {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
 	border-color: darkorange;
}
.addBorderB {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
 	border-color: darkorange;
}
.addBorderBR {
	border-width: 0px 1px 1px 0px;
	border-style: solid;
 	border-color: darkorange;
}
.addBorderBRL {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
 	border-color: darkorange;
}
.addBorderTBR {
	border-width: 1px 1px 1px 0px;
	border-style: solid;
 	border-color: darkorange;
}
.addBorderTBRL {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
 	border-color: darkorange;
}
/* Dossier */
.dossierHeader {
	background: lavender;
}
.dossierTable {
	background: RGB(245,230,255);
}
.dossierLabel {
	color: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	width: 100%;
	padding-left: 10px;
}
.dossierGrid30 {
	color: RGB(3,26,184);
	font-size:20px;
	width: 30px;
}
.dossierGrid150 {
	color: RGB(3,26,184);
	font-size:20px;
	width: 150px;
}
.dossierGrid250 {
	color: RGB(3,26,184);
	font-size:20px;
	width: 250px;
}
.check40{
	color: RGB(3,26,184);
	font-size:26px;
	width: 40px;
}
.check50{
	color: RGB(3,26,184);
	font-size:20px;
	width: 50px;
}
.check50active{
	color: red;
	font-size:20px;
	width: 50px;
}
.dossierRed {
	background: red;
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
} 
.dossierOrange {
	background: orange;
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
.dossierYellow {
	background: yellow;
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
.dossierFonce {
	background: RGB(65,105,225);
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
.dossierGreen {
	background: RGB(0,128,0);
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
.dossierPale {
	background: RGB(173,216,230);
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
.dossierBleu {
	background: blue;
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
.dossierPurple {
	background: RGB(102,0,153);
	font-weight: bold;
	font-size:20px;
	width: 100%;
	text-align: center;
}
/* Table active row and white headers */
.tableRow {
  background: lightblue;
}
.whiteBox50 {
	color: white;
	background: RGB(3,26,184);
	width: 50px;
}
.whiteBox200 {
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	text-align: center;
	width: 200px;
}
.whiteBox70{
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	text-align: center;
	width: 70px;
}
.whiteBox100{
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	text-align: center;
	width: 100px;
}
.whiteBox250{
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	text-align: center;
	width: 250px;
}
.whiteBox350{
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	text-align: center;
	width: 350px;
}
.whiteBox500{
	color: white;
	background: RGB(3,26,184);
	font-weight: bold;
	font-size:20px;
	text-align: center;
	width: 500px;
}