@import url(../font-awesome/css/font-awesome.css);
*{
  font-family:"Arial","sans-serif";
  font-size:14px;
  color:#000000;
}
body{
  background-color:#000000;
  padding:0px;
  margin:0px;
}
a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
.parent-cont{
  margin:0px;
  padding:0px;
  width: device-width;
  background-color:#ffffff;
}
.header{
  width: device-width;
  text-align:left;
  padding:5px;
  border:3px solid #000000;
  background-color:#ffffff;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  margin:0px;
}
.logo{
  margin:0px;
  padding:0px;
  display:inline-block;
  max-width:25%;
}
.bar-nav{
  display:none;
}
.logo img{
  border:0px;
  max-width:100%;
}
.container{
  margin:0px;
  width: device-width;
  padding:0px 5px 5px 0px;
}
.footer{
  margin:0px;
  width: device-width;
  text-align:center;
  padding: 15px 5px;
  background-color:#000000;
  border:3px solid #000000;
}
.ftr-txt{
  font-family:"Arial","sans-serif";
  font-size: 12px;
  color: var(--def);
}
input [type="text"],
input [type="password"],
input [type="number"],
textarea {
  background-color:#ffffff;
  color:#000000;
  border-radius:5px;
  border:1px solid #aaaaaa;
  padding:3px;
}
input [type="color"]{
  border-radius:5px;
  border:1px solid #aaaaaa;
  padding:0px;
  background-color:#ffffff;
}
.sel-sing {
  background-color:#ffffff;
  color:#000000;
  border-radius:5px;
  border:1px solid #aaaaaa;
  padding:2px;
}
.optgrp{
  font-style: italic;
  font-weight: bold;
  color: #aaaaaa;
}
.fld-label{
  font-weight:bold;
}
.fld-sm{
  font-size:11px;
}
.fld-med{
  font-size:16px;
  font-weight:bold;
}
.fld-cont{
  text-align:right;
  padding:2px;
}
.fld-cell{
  padding:2px;
  text-align:left;
}
.fld-top{
  vertical-align:top;
}
.fld-row{
  padding:2px 5px;
}
.fld-embed{
  margin:0px;
  padding:0px;
  display:inline-block;
}
fieldset.flst{
  border:2px solid var(--def);
  border-radius:5px;
}
legend.fst{
  font-weight:bold;
  font-size:12px;
  color:var(--def);
  text-shadow: 1px 1px 1px #000000;	 
}
.btn{
  cursor:pointer;
  text-align:center;
  border-radius:5px;
  border:1px solid #aaaaaa;
  padding:8px;
  font-weight:bold;
}
.btn-cell{
  border:2px solid #aaaaaa;
  background-color:var(--def);
  border-radius:10px;
  padding:4px;
  text-align:center;
  width:50%;
}
.btn-cont{
  display:inline-block;
  margin-left:10px;
}
.btn-gold{
  background-color:var(--def);
  color:#000000;
}
.user-msg{
  color:#ed2024;
  text-align:center;
}
nav.menu{
  display:inline-block;
  float:left;
  width:60%;
  margin-left:5px;
}
ul.menu{
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}
li.menu{
  font-size:12px;
  margin:0px;
  float:left;
  display:block;
  background-color:var(--def);
  color:#000000;
  text-align:center;
  margin-right:1px;
  padding:4px;
  width:10%;
  cursor:pointer;
}
li.menu:hover{
  background-color:#000000;
  color:var(--def);
}
.mnu{
  width: device-width;
  margin:0;
  padding:0;
}
.usr{
  float:right;
  display:block;
  text-align:right;
  font-weight:bold;
  font-size:14px;
  line-height:14px;
  margin:0;
  padding:3px 15px;
  color:#000000;
  text-shadow: 2px 2px 2px var(--def);
}
.page-content{
  margin:10px 15px;
  padding:0px;
  text-align:left;
  min-height:70vh;
}
h2.hdr{
  font-size:24px;
  font-weight:bold;
  color:var(--def);
  text-shadow: 2px 3px 2px #000000;	 
}
h3.subhdr{
  font-size:18px;
  font-weight:bold;
  color:var(--def);
  text-shadow: 2px 3px 2px #000000;	 
}
h4.scthdr{
  font-size:12px;
  font-weight:bold;
  color:#000000;
  text-shadow: 2px 3px 2px var(--def);	 
  margin:0px;
}
.tbl-prop{
  border:0px;
  padding:2px;
  border-spacing:0px;
}
.tbl-data{
  border:0px;
  padding:2px;
  border-spacing:1px;
}
.tbl-data-bdr{
  /*border:1px solid #aaaaaa;*/
  padding:2px;
  border-spacing:0px;
}
.tbl-data-bdr th.tbl-hdr{
  border:1px solid #aaaaaa;
}
.tbl-data-bdr td.tbl-reg{
  border:1px solid #aaaaaa;
}
th.tbl-hdr{
  text-align:center;
  color:#000000;
  background-color:var(--def);
  padding:2px;
  font-weight:bold;
}
th.tbl-sdr{
  text-align:center;
  color:var(--def);
  background-color:#000000;
  padding:2px;
  font-weight:bold;
}
tr.even{
  background-color:#eeeeee;
}
tr.odd{
  background-color:#ffffff;
}
tr.even:hover{
  background-color:#fff7cc;
}
tr.odd:hover{
  background-color:#fff7cc;
}
td.cell-left{
  padding:2px;
  text-align:left;
  vertical-align:top;
}
td.cell-right{
  padding:2px;
  text-align:right;
  vertical-align:top;
}
td.cell-ctr{
  padding:2px;
  text-align:center;
  vertical-align:top;
}
td.cell-uln{
  border-bottom:1px solid #000000;
}
td.vt{
  vertical-align:top;
}
.goldicon{
  color:var(--def);
  text-shadow: 2px 3px 2px #000000;
}
.greenicon{
  color:#43a441;
}
.grayicon{
  color:#aaaaaa;
}
.inActive{
  color:#ed2024;
}
.red{
  color:#ed2024;
}
.green{
  color:#43a441;
}
.gray{
  color:#aaaaaa;
}
.black{
  color:#000000;
}
.gold{
  color:var(--def);
}
.form-sect{
  margin:0px;
  padding:0px 2px;
  display:inline-block;
  vertical-align:top;
}
.fld-set{
  border:2px solid var(--def);
  border-radius:10px;
  padding:2px;
}
.fld-leg{
  font-weight:bold;
  text-align:left;
  padding:2px;
}
.fld-rt{
  text-align:right;
}
.sect-scroll{
  min-height:250px;
  min-width:300px;
  overflow-y:auto;
}
input[type=checkbox].hcb {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height:1px; 
  width:1px; 
  margin:-1px; 
  padding:0;
  border:0;
}

input[type=checkbox].hcb + label.cbx:before {
  height:13px; 
  width:15px;
  display:inline-block;
  line-height:15px;
  font-family: "FontAwesome";
  content: "\f096";
  cursor:pointer;
}

input[type=checkbox].hcb:checked + label.cbx:before {
  height:13px; 
  width:15px;
  display:inline-block;
  line-height:13px;
  font-family: "FontAwesome";
  content: "\f046";
  color:#43a441;
  cursor:pointer;
}
						
input[type=checkbox].hcb:disabled + label.cbx:before {
  height:13px; 
  width:15px;
  display:inline-block;
  line-height:13px;
  font-family: "FontAwesome";
  content: "\f0c8";
  color:#aaaaaa;
  cursor:pointer;
}

/****toggle checkbox********/
input[type=checkbox].htb {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height:1px; 
  width:1px; 
  margin:-1px; 
  padding:0;
  border:0;
}

input[type=checkbox].htb + label.cbx:before {
  height:14px; 
  width:15px;
  display:inline-block;
  line-height:15px;
  font-family: "FontAwesome";
  content: "\f204";
  cursor:pointer;
}

input[type=checkbox].htb:checked + label.cbx:before {
  height:14px; 
  width:15px;
  display:inline-block;
  line-height:15px;
  font-family: "FontAwesome";
  content: "\f205";
  color:#43a441;
  cursor:pointer;
}
						
input[type=radio].hrb {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height:1px; 
  width:1px; 
  margin:-1px; 
  padding:0;
  border:0;
}

input[type=radio].hrb + label.rbx:before {
  height:14px; 
  width:14px;
  display:inline-block;
  line-height:14px;
  font-family: "FontAwesome";
  content: "\f1db";
  cursor:pointer;
}

input[type=radio].hrb:checked + label.rbx:before {
  height:14px; 
  width:14px;
  display:inline-block;
  line-height:14px;
  font-family: "FontAwesome";
  content: "\f05d";
  color:#43a441;
  cursor:pointer;
}

input[type=radio].hrb:disabled + label.rbx:before {
  height:14px; 
  width:14px;
  display:inline-block;
  line-height:14px;
  font-family: "FontAwesome";
  content: "\f111";
  color:#aaaaaa;
  cursor:pointer;
}
input.dateInputBx {
  font-family: "Arial";
  font-size:11px;
  max-width: 80px;
  height: 20px;
  border: 1px #aaaaaa solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
  color:#505050 !important; /* Font Color in date box */
  outline: none;
  background-color: #fff;
  float: right;
  padding-left: 3px; 
  cursor:;
}
  
input.dateInputBx:hover {
  border-color: #a6c8ff;
}
p.bump{
  padding:2px;
}
.btn-box{
  border:2px solid #000000;
  background-color:var(--def);
  width:25px;
  height:25px;
  border-radius:5px;
  text-align:center;
  color:#000000;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  display:inline-block;
  line-height:25px;
  margin:2px;
}
.btn-sel{
  border:2px solid #aaaaaa;
  background-color:#43a441;
  width:25px;
  height:25px;
  border-radius:5px;
  text-align:center;
  color:#ffffff;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  display:inline-block;
  line-height:25px;
  margin:2px;
}
.modal{
  display:none;
  border:2px solid var(--def);
  background-color:#ffffff;
  padding:5px;
  position:absolute;
  z-index:100;
  border-radius:5px;
  box-shadow: 2px 2px 5px #888888;
}
.modalX{
  float:right;
  position:relative;
  top:-20px;
  right:-20px;
  cursor:pointer;
  color:#000000;
}
.nwrap{
  white-space:nowrap;
}
.bgw{
  background-color:#ffffff;
}
.blk-bar{
  background-color:#000000;
  color:#000000;
  height:2px;
  border:0px;
}
.placeholder{ 
  color:#bebebe;
  font-style:italic; 
}
::-webkit-input-placeholder {
   color: #bebebe;
   font-style:italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: #bebebe;
   font-style:italic;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #bebebe;
   font-style:italic;  
}

:-ms-input-placeholder {  
   color: #bebebe;
   font-style:italic;  
}