body { background: url('../app-assets/images/bg.jpg') no-repeat center center fixed; font-family: 'Varela Round' , sans-serif, Verdana, Tahoma; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }

.row { margin: 0px; }

.login-section { padding:15px 15px; background: #00a8e3; box-shadow: 0 0 10px 0 #000; }
.hdrlgo {width:15%;}
.hdrtxt {color: #fff; font: Bold 12pt Verdana;}
.hdrtmr {color: #cecece; font: Bold 8pt Verdana;}
.keepinline { display: flex; flex-direction: row;}
.orangebg {background-color:#f5811f;}
.orangetxt {color:#f5811f;}

.frgtPass { color: #fff; text-decoration:none; cursor:pointer; text-align:left; }
.frgtPass:hover { color:#fff; }
.frgtPass:active { color:#000; }

.sucMessage {color: Green; font: Bold 9pt Verdana; padding:4px 0; line-height:1.2em; }
.errMessage {color: Yellow; font: Bold 9pt Verdana; padding:4px 0; line-height:1.2em;}
.valMessage {color: Yellow; font: Normal 9pt Verdana; padding:5px 0; line-height:1.2em;}
.valMessagex {color: red; font: Normal 9pt Verdana; padding:5px 0; line-height:1.2em;}

footer { font-size:8pt !important; font-weight:bold !important;}

/*** ERROR PAGE ********************************************************/

.error-section { padding:15px 15px; background: #000; box-shadow: 0 0 10px 0 #000; }

#errcntr {width:100%; margin: 20px 0px;}
#errcntr h2 {width:100%; font: Bold 16pt Verdana; color: Red; text-align: left; margin: 0 0 20px 0;
                 border-bottom-style:dotted; border-bottom-color:Red; border-bottom-width:2px; line-height:1.4em;}
#errcntr h4 {width:100%; font: Bold 10pt Verdana; color: #4b6c9e; text-align: left; margin: 30px 0 10px 0;
                 border-bottom-style:dotted; border-bottom-color:#4b6c9e; border-bottom-width:2px; line-height:1.4em;}
#errcntr Label {font: Bold 10pt Verdana; }
#errcntr .ErrorMsg {width:100%; font: Bold 14pt Verdana; color: #4b6c9e; text-align: left; margin: 0 0 20px 0;}
#errcntr .return {width:100%; float:right; text-align:right; color:#000;}

#errcntr a { color:#3399cc; font-size:small; font-family:Verdana; line-height: 1.2em; font-weight:bold; text-align:center;}
#errcntr a:hover { color:#ff9900; font-weight:bold; cursor:pointer; text-align:center; text-decoration:underline}
#errcntr a:active { color:#000000; font-weight:bold; cursor:pointer; text-align:center;}


/*** GRIDVIEW ********************************************************/

.mydatagrid { width: 100%; border: solid 1px #000; font-size:8pt; font-weight:normal;}
.mydatagrid th { padding: 0px 5px; white-space:nowrap; text-align:center; font-size:8pt; font-weight:bold;}
.mydatagrid td { padding: 5px 5px; white-space:nowrap; font-size:8pt; font-weight:normal;}

.mydatagrid span { color: #000; font-size:8pt; font-weight:bold; }
.mydatagrid a { background-color: Transparent; padding: 5px 5px 5px 5px; color: #fff; text-decoration: none; font-size:8pt; font-weight:bold; }
.mydatagrid a:hover { background-color: #fff; color: #000; }

.mydatagrid .header { background-color: #6a6a6a; color: #fff; height: 22px; text-align: center; font-size:10pt; font-weight:bold; border: solid 1px #000; white-space:nowrap; }
.mydatagrid .pager { background-color: #fadd7a; font-size:8pt; font-weight:normal; color: White; height: 30px; text-align: left; }

.mydatagrid .rows { background-color: #fff; color: #000; text-align: left; font-size:8pt; font-weight:bold; white-space: nowrap; }
.mydatagrid .rows:hover { background-color: #d2e9ff; color: #000; }
.mydatagrid .emptyrow { width:100%; background:gray; color:Yellow; font-size:9pt; font-weight:bold; text-align:center; text-decoration:none; padding:3px 5px;  }

.mydatagrid .gdlink { }
.mydatagrid .gdlink:hover { background: #4b6c9e; color:#ffffff; text-decoration:underline; cursor:pointer; }
.mydatagrid .gdlink:active { color:#000; }

.mydatagrid .gdlink2 { color:Blue; font-size:8pt; font-weight:bold; text-decoration:none; cursor:pointer; text-align:left; }
.mydatagrid .gdlink2:hover { color:#ffffff; background: #4b6c9e; }
.mydatagrid .gdlink2:active { color:#000; }