/* body { font-family: Verdana, Tahoma; margin: 0px; padding: 0px; font-size: 0.9rem; } */

/* FORM ELEMENTS ----------------------------------------------------------*/
.form-row { margin: 0px; }
.row { margin: 0px; }
.clear { clear: both; }
.font-bold { font-weight: bold!important; }
.font-8 { font-size: 8pt!important; }
.font-9 { font-size: 9pt!important; }
.font-10 { font-size: 10pt!important; }
.font-12 { font-size: 12pt!important; }
.font-14 { font-size: 14pt!important; }
.font-16 { font-size: 16pt!important; }
.font-18 { font-size: 18pt!important; }
.width-100 { width:100%!important; }

p { margin-bottom: 10px; line-height: 1.6em; margin-left: 40px; }
div { border:none 0; margin: 0px; padding: 0px; }
table { border:none 0; margin: 0px; padding: 0px; }

footer { background: #fff; width: 100%; padding: 3px 40px 3px 40px; border-top: 1pt solid #cecece; position: fixed; left: 0px; bottom: 0px; }

.form-group { margin:0; }
.bg-laaybe { background-color:#283350!important; }
.text-offshoot { color:#f93800!important; }
.border-offshoot { border-color:#283350!important; }
.btn-dark { background-color:#283350!important; border-color:#283350!important; }
.btn-block { margin:0!important; }
.login-label { }
.futxtbx { height: 42px!important;}


*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #e8e8ec; border-radius: 20px; }
*::-webkit-scrollbar-thumb { background: #c2c3c9; border-radius: 20px; border: 1px solid #000; cursor:pointer;}
*::-webkit-scrollbar-thumb:hover { background: #686868; cursor:pointer; }

/* FORM ELEMENTS ----------------------------------------------------------*/
.displaynone { display:none; }
.keepinline { display: flex; flex-direction: row;}

.sucMessage {color: Green; font-size:9pt; font-weight:bold; padding:4px 0; line-height:1.2em; }
.errMessage {color: #ff0033; font-size:9pt; font-weight:bold; padding:4px 0; line-height:1.2em;}
.valMessage {color: #ff0033; font-size:8pt; font-weight:normal; padding:5px 0; line-height:1.2em;}
.valSpan {color: #ff0033; font-size:10pt; font-weight:bold; }

   
.note { width: 100%; height: 20px; color: Red; font-size:8pt; font-weight:bold; text-align: left; padding: 5px 0px 5px 25px; 
        background-image: url(../assets/images/attention.jpg); background-repeat: no-repeat; background-position: left; }
.notemsg { width: 100%; height: 20px; color: Green; font-size:8pt; font-weight:bold; text-align: left; padding: 5px 0px 5px 25px; 
        background-image: url(../assets/images/attention.jpg); background-repeat: no-repeat; background-position: left; }   

.contenthdr { width:100%; background-color:#1D2B36; margin-bottom: 1.5rem; text-align:center; padding:5px 0px;
              font-size:10pt; font-weight:bold; color: #fff; text-transform:inherit; line-height:1.2em!important;}
.contentsubhdr { width:100%; color: #f93800; margin-bottom: 10px; text-align:center; font-size:10pt; font-weight:bold; text-transform:inherit; padding-bottom:5px; border-bottom: 2px dotted #f93800;}
.gvheader { background: linear-gradient(to left,#283350 0,#6F85AD 65%); color: #fff; margin: 0px 0px 0px 0px!important; padding: 5px 0px; font-size:10pt; font-weight:bold; text-align: center; border: solid 1px #000; white-space: nowrap;}

.uploadfile { display: block; width: 100%; height: 32px; padding: 5px 5px; font-size:8pt; font-weight:normal; color: #555;
              background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
              box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
              -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.uploadfile:hover { border-color: #66afe9; outline: 0; cursor:pointer; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
.uploadfile::-moz-placeholder { color: #999; opacity: 1; }
.uploadfile-lg {height: 42px; padding: 8px 5px; font-size:10pt;}

.psphoto { width:120px; height:140px; border:1px solid red; background-image: url(../assets/images/user.jpg);}

.messagealert .msgalrt { padding:10px 5px; -webkit-box-shadow: 3px 4px 6px #999; }

#UpdateProgress { display: block; position: fixed; z-index: 100001; left: 0!important; top: 0!important; background: #ffffff; height: 100vh; width: 100%; }
#UpdateProgress .modalImg { width: 35%; display: block; margin: 0 auto; margin: 14rem auto; }
#UpdateProgress p { position: absolute; top: 25rem; text-align: center; width: 100%; margin: 0px; font-size: 2rem; }

.nav-tabs { margin:0px 10px; }
.gvhgt { height:28px!important; text-align:center; }
.ftrtxt { margin:0px !important; padding:0px !important; font-size:8pt; font-weight:bold;}


.dvlink { display:inline !important; color: #3BAFDA !important; text-decoration: none !important; }
.dvlink:hover { text-decoration: underline !important; color: #000 !important; }


/*** PDF Page ************************************************************/

.PdfMainTable { width: 100%; text-align: left; border: 0; margin: 0 auto; font-family:Verdana; }
.PdfBorderTable { width: 100%; text-align: left; border: 0; margin: 0 auto; font-size: 10pt; border: 1px solid #cecece; }
.PdfBorderTable td { padding: 2px 5px; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; }
.PdfBorderTable h1 { font-size: 20pt; font-weight: bold; font: #000; padding-top: 10px; }
.PdfBorderTable b { font-size: 12pt; font-weight: bold; }
.PdfBorderTable .label-bold { font-size: 10pt; font-weight: bold; }


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

#errcntr {width:100%; margin: 20px 0 100px 0; }
#errcntr h2 {width:100%; width:100%; font-size:16pt; font-weight:bold; 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-size:10pt; font-weight:bold; color: Red; text-align: left; margin: 30px 0 20px 0;
                 border-bottom-style:dotted; border-bottom-color:Red; border-bottom-width:2px; line-height:1.4em;}
#errcntr .ErrorMsg {width:100%; font-size:14pt; font-weight:bold; color: #4b6c9e; text-align: left; margin: 0 0 20px 0;}
#errcntr .return {width:100%; float:right; text-align:right; margin-top:50px;}

#errcntr a { color:#3399cc; font-size:small; 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 ********************************************************/

.gvcntr { min-height: auto; margin: 0px; overflow: overlay !important; }
.gvcntr150 { min-height: auto; max-height: 150px; margin: 0px; overflow: overlay !important; }
.gvcntr200 { min-height: auto; max-height: 200px; margin: 0px; overflow: overlay !important; }
.gvcntr250 { min-height: auto; max-height: 250px; margin: 0px; overflow: overlay !important; }
.gvcntr300 { min-height: auto; max-height: 300px; margin: 0px; overflow: overlay !important; }
.gvcntr350 { min-height: auto; max-height: 350px; margin: 0px; overflow: overlay !important; }
.gvcntr450 { min-height: auto; max-height: 450px; margin: 0px; overflow: overlay !important; }
.gvcntr500 { min-height: auto; max-height: 500px; margin: 0px; overflow: overlay !important; }
.gvcntr550 { min-height: auto; max-height: 550px; margin: 0px; overflow: overlay !important; }

.mydatagrid { width: 100%; border: solid 1px #000; font-size:8pt; font-weight:normal; }
.mydatagrid th { padding: 5px 5px; white-space:nowrap; font-size:9pt !important; font-weight:bold !important; text-align:center; background-color:#1D2B36 !important; color:#fff !important; }
.mydatagrid td { padding: 5px 5px; white-space:nowrap; font-size:8pt; font-weight:normal; vertical-align:middle; }

.mydatagrid span { color: #000; font-size:8pt; font-weight:bold; padding: 5px 5px 5px 5px; }
.mydatagrid a { 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: linear-gradient(to left,#283350 0,#6F85AD 65%); color: #fff; margin: 0px 5px!important; padding: 5px 0px; font-size:9pt !important; font-weight:bold !important; text-align: center; white-space:nowrap; }
.mydatagrid .header td { background: linear-gradient(to left,#283350 0,#6F85AD 65%); color: #fff; margin: 0px 5px!important; padding: 5px 0px; font-size:9pt !important; font-weight:bold !important; text-align: center; 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:#cecece; color:Red; font-size:10pt; 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; }


/*** DATE PICKER ********************************************************/

.table-condensed td, .table-condensed th { font-size: 14px; font-weight: 400; }
.daterangepicker td { width: 30px; height: 25px; text-align:center; }
.daterangepicker { border: none; -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); display: none; border: 1px solid #e0e0e0; margin-top: 5px; padding: 10px 20px;}
.daterangepicker::after, .daterangepicker::before { display: none; }
.daterangepicker thead tr th { padding: 10px 0; }
.daterangepicker .table-condensed th select { width:50%; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 5px; outline: none; }
.next { text-align:right; }
td.active { background-color: #2c6ed5; }
input[type="date" i] { padding: 14px; }




/*** MEDIA ********************************************************/

@-moz-document url-prefix() {
  .gvcntr200 { overflow:auto; }
  .gvcntr250 { overflow:auto; }
  .gvcntr350 { overflow:auto; }
  .gvcntr450 { overflow:auto; }
}