button,.dbutton {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f99f4a+0,edd4bd+100 */
  background: #a9e4f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #a9e4f7 1%, #0fb4e7 95%, #0fb4e7 95%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a9e4f7 1%,#0fb4e7 95%,#0fb4e7 95%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a9e4f7 1%,#0fb4e7 95%,#0fb4e7 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
  border-width:1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


.pbdbtable {
  border-style: none;
  padding:0;
  margin:0;
  width:100%;
  font-size:13px;
}

.pbdbtable a {  
  color:#4B85D6;
  text-decoration:underline;
}

.pbdbtable td {
  border: 1px solid #AAA;
  padding:4px;
  xbackground-color: #F3F3F3;
}

.pbdbtable th {
  background-color:#C5E4FF;
  line-height:auto;
  text-align:left;
  padding:0 4px 0 4px;
}


.infobox {
  border: 1px solid #AAAAAA;
  padding: 0px 10px 10px 10px;
  margin: 20px 0 10px 0 !important;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;    
}
.infobox h3 {
  position: relative;
  top: -15px;
  left: 10px;
  padding: 0px 5px 0px 5px;
  xmargin: -4px;
  margin: -4px 0 -18px 0;
  width: fit-content;
  background-color: #FFF;
  font-family: sans-serif;
  font-size:18px;
  text-shadow: 2px 2px 2px rgba(190, 190, 190, 1);
  color: #1111AA;
  }
.infobox h4 {
  font-weight: bold;
  font-size:15px;
  margin: 8px 0 2px 0;
  color: #0033ff;
  color:#333;
  font-family: sans-serif;    
}
.infobox p {
  margin: 0;
  padding: 0 0 5px;
}


.storebox {
  @include .span4;
  border: 1px solid #700424;
  color: #555;
  padding:5px;
  margin:0 0 15px 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border:1px solid #aaa;          
  -moz-box-shadow:    0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  box-shadow:         0px 0px 5px #888;
  /* height:370px; */
  height:300px;
  position:relative;
  line-height:22px;
  background-color:#F0F0F0;
}

.storebox .footer {
  position:absolute;
  bottom:5px;
  text-align:center;
  width:100%;
}

.storebox img {
  width:55px;
}

.storebox button {
  font-size:14px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-image:none;
  background-color:#4B85D6;
  border:none;            
}


.storebox h1 {
  font-size:13px;
  text-align: center;
  margin:-5px 0 0 0;
  padding:5px;
  line-height:25px;
}

.storebox h3 {
  font-size:18px;
  text-align: center;
  margin:0;
  padding:5px;
  line-height:40px;
}

.storebanner {
  border:1px solid #aaa;
  margin-bottom:20px;
  margin-top:-5px;
}

.storebanner h1 {
  font-size: 16px;
  margin-top:0;
  text-align:center;
  background: -webkit-gradient(linear, left top, left bottom, from(#88BBFF), to(#DDEEFF));
  background: -moz-linear-gradient(top,  #88BBFF,  #DDEEFF);
  background-color:rgb(224,238,247);
  line-height:25px;
}

.storebanner p {
  padding:3px;
}

.storelink {
 text-decoration:none !important;
 color:black;
}

.filterx {
  margin:15px 0 20px 10px;
  text-align:center;
  border:1px solid #444;
  width:680px;
  padding:5px;
  xbackground-color:#99CCFF;
  background-color:#FFF;
  -webkit-box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    4px 4px 9px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         4px 4px 9px 0px rgba(50, 50, 50, 0.75);      
}
.filterx button {
  border:1px solid #333;
}
.filtersum {
  width:90%;
  margin:10px;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:12px;
  float:left;
  text-align:left;
  border:1px solid #444;
}
.fstext {
  padding:0 0 0 3px;
  width:130px;
  float:left;
}
.fsinfo {
  min-width:50px;
  background-color:#FFF;
  margin-left:-5px;
  float:left;
  padding:0 2px;
  text-align:right;
}
.fsborder {
  border-bottom:1px solid #444;
}
.infobox {
  float:left;
  margin:0 0 10px 10px;
  xwidth:40%;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:12px;
}       
.sheader {
  background-color:#4B85D6;
}
.FieldsBox {
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:12px;
	margin:10px 0 0 0;
	border:1px solid #4c7299;
}
.FieldsBox h3 {
  text-align:center;
  font-weight:bold;
  font-size:14px;
  border:1px solid #888;
  line-height:32px !important;
  position: relative;
  top: -11px;
  left: -1px;
  width: 100%;
}
.FieldsBox .Notes {
  padding:3px; 
  border-bottom:1px solid #888;
  text-align:center;
  background-color:#E0EDF9;
  height:38px; 
  overflow: auto;
  line-height:18px;
  overflow:unset;
  xheight:unset;
  position:relative;
  top:-21px;
  width:auto;
  left:0px;
}
.FieldsBox .Warning {
  background-color:#ffdcdc;
}
.FieldsBox .Head1 {
  xwidth:269px;
  width:64%;
  float:left;
  background-color:#CCC;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-align:center;
}
.FieldsBox .Head2 {
  xwidth:70px;
  width:15%;
  float:left;
  background-color:#CCC;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-align:center;
}
.FieldsBox .Head3 {
  xwidth:100px;
  width:20%;
  float:left;
  background-color:#CCC;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-align:center;
}
.FieldsBox .Head4 {
  width:17px;
  float:left;
  background-color:#CCC;
  border-bottom:1px solid #888;
  text-align:center;
  height:20px;
}
.FieldsBox .Scroll {
  height: 180px;
  width: 100%;
  font-size:11px;
  overflow-y: -moz-scrollbars-vertical;
  overflow-y: scroll;
}
.FieldsBox .Col1 {
  xwidth:269px;
  width:64%;
  float:left;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-align:left;
  height:18px;
  line-height:18px;
}
.FieldsBox .Col2 {
  xwidth:70px;
  width:15%;
  float:left;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-align:center;
  height:18px;
  line-height:18px;
}
.FieldsBox .Col3 {
  xwidth:100px;
  width:20%;
  float:left;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  text-align:center;
  height:18px;
}
.FieldsBox .BoxButton {
  font-size:11px;
  height:22px;
  width:40px;
  margin-top:1px;
  border-radius:3px;
  border: 1px solid #777;
  padding:0px;
  cursor:pointer;
  background-color:#E0E0E0;
  color:#000;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f99f4a+0,edd4bd+100 */
  
  /*background: #a9e4f7; /* Old browsers */
  /*background: -moz-linear-gradient(top,  #a9e4f7 1%, #0fb4e7 95%, #0fb4e7 95%); /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top,  #a9e4f7 1%,#0fb4e7 95%,#0fb4e7 95%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom,  #a9e4f7 1%,#0fb4e7 95%,#0fb4e7 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
  /*border-width:1px; */
}

.FieldsBox .BoxButton:hover {
  background-color:#4B85D6;
  color:#FFF; 
}
           
.FieldsBox .Small {
  height:15px;
  margin-top:-4px;
  line-height:9px;
  padding-top:2px;
}
          
.FieldsBox p {
  padding:4px;
}

.tabmsg {
  background-color:#FFFFFF !important;
  font-weight:normal;
  padding:4px !important;
}
.orangegrad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f99f4a+0,edd4bd+100 */
  background: #f99f4a; /* Old browsers */
  background: -moz-linear-gradient(top,  #f99f4a 0%, #edd4bd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f99f4a 0%,#edd4bd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f99f4a 0%,#edd4bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99f4a', endColorstr='#edd4bd',GradientType=0 ); /* IE6-9 */
}
.bluegrad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f99f4a+0,edd4bd+100 */
/*  background: #a9e4f7; /* Old browsers */
/*  background: -moz-linear-gradient(top,  #a9e4f7 1%, #0fb4e7 95%, #0fb4e7 95%); /* FF3.6-15 */
/*  background: -webkit-linear-gradient(top,  #a9e4f7 1%,#0fb4e7 95%,#0fb4e7 95%); /* Chrome10-25,Safari5.1-6 */
/*  background: linear-gradient(to bottom,  #a9e4f7 1%,#0fb4e7 95%,#0fb4e7 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
  border-width:1px;
  background-color:#4B85D6;
  background-image:none;
  color:white;
}

.graygrad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a2acb2+0,d6d6d6+100 */
/*  background: #a2acb2; /* Old browsers */
/*  background: -moz-linear-gradient(top,  #a2acb2 0%, #d6d6d6 100%); /* FF3.6-15 */
/*  background: -webkit-linear-gradient(top,  #a2acb2 0%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
/*  background: linear-gradient(to bottom,  #a2acb2 0%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2acb2', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
  background-color:#4B85D6;
  color:#FFF;
}  
    
.admingrad {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7f7f+0,ffd8df+100 */
background: #ff7f7f; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7f7f 0%, #ffd8df 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff7f7f 0%,#ffd8df 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff7f7f 0%,#ffd8df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f7f', endColorstr='#ffd8df',GradientType=0 ); /* IE6-9 */
}

.popup {
  border-radius: 0;
  line-height: 18px;
  padding: 0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:12px;
  display:none;
  top:0;
  left:0;
  margin:auto;
}

.popup p {
  padding: 5px;
}

.popup h3 {
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  color: #fff;
  border-bottom:1px solid #888;
  font-size: 14px;
  background: -moz-linear-gradient(top, #2E57FF, #BDE3FF);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #BDE3FF),color-stop(1, #2e57FF));
}

.popup .warning {
  color:black;
  background: #FCF8E3;
  border:1px solid #FAEBCC; 
}

.infopopup {
  border-radius: 0;
  line-height: 18px;
  padding: 0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:12px;
  display:none;
  width:auto;
  min-width:300px;
  max-width:500px;
  border-radius:8px;
}

.infopopup p {
  padding: 5px 5px 0 5px;
}

.infopopup h3 {
  margin: 0 0 5px 0;
  padding: 10px;
  color: #000;
  border-bottom:1px solid #888;
  font-size: 14px;
  background-color: #FFFFAB;
  text-align:center;
  border-top-right-radius:8px;
  border-top-left-radius:8px;
}

.infopopup .close {
  margin-bottom:10px;
  text-align:center;
}

.infoimage {
  display:inline;
  background-color:#FFe060;
  color:#000;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:8px;
  font-weight:bold;
  padding:1px 4px 2px 4px;
  height:12px;
  border-radius:4px;
  position:relative;
  top: -2px;
  border:1px solid #888;
  cursor:pointer;
}
.infoimage:before{
  content: "INFO";
}

input[type=checkbox], input[type=radio] {
  margin-right:3px;
}


.filtermessage {
  background-color:#FFFFEE;
  border: 1px solid #999;
  display: block;
  padding:3px;
}

.filterradius {
  border: 1px solid #999;
  margin:4px 0 4px 0;
  display: block;
}

.filterradius .rbox {
  padding:3px;
}

.rboxnote {
  font-size:11px;
  font-style:italic;
  color:#666;
  line-height:14px;
}

.filterradius h3 {
  padding:2px;
  font-size:12px;
  text-align:center;
}

.popupwindow {
  border-bottom: 1px solid #999;
  display: none ;
}

.chbox {
  //font-family: monospace;
  font-size:12px;
  xmargin-bottom:0;  
  padding-left:3px;
  display:block;
  position:relative;
  top:3px;
}


.cboxleft {
  display:inline;
}
.cboxright {
  display:inline;
  background-color:#ADD8E6;
  margin-left:10px;
  color:#444;
  padding:0 2px 0 2px;
  border:1px solid #888;
  font-style:italic;
  border-radius:3px;
  float:right;
  width:45px;
  text-align:right;
  position:relative;
  line-height:18px;
}

.zebra:nth-child(odd) {
  background: #EEE;
  border-bottom:1px solid #CCC;
}

#zebid:hover {
  background:#B0E0E6;
}

.ainactive {
  text-decoration: underline;
  background-color: #fff;
  pointer-events: none;
}

.binactive {
  color: #999;
  pointer-events: none;
}

.zebra:nth-child(odd) {
  background: #EEE;
  border-bottom:1px solid #CCC;
}

#zebid:hover {
  background:#B0E0E6;
}

.ainactive {
  text-decoration: underline;
  background-color: #fff;
  pointer-events: none;
}

.binactive {
  color: #999;
  pointer-events: none;
}


.binactive {
  color: #999;
  pointer-events: none;
}

.login_form.modal {
    position: relative;
    top: 0;
    left: 0;
    margin:auto;
    z-index:999;
}

.login_form h3 {
  line-height:16px;
}

.fxwid {
  width:110px;
  margin:0 24px 4px 0;
  font-size:11px;
  height:22px;
}
.filteresults {
  border:1px solid #222;
  border-collapse:collapse;
  margin:auto;
  margin-top:5px;
  width:93%;
  height:137px;
}
.filteresults tr {
  line-height:18px;
  font-size:12px;
}
.filteresults td {
  border:1px solid #AAA;
  padding:1px 3px 1px 3px;            
}
.filteresults td:first-child {
  background-color:#DDD;
  width:120px;
}

.sllistitem {
  border-bottom:1px solid #AAA;
}

.centered {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}

                      
.nextbtn {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+56 */
/*  background: #b4ddb4; /* Old browsers */
/*  background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 56%); /* FF3.6-15 */
/*  background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 56%); /* Chrome10-25,Safari5.1-6 */
/*  background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#52b152',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-image:none;          
  border:1px solid #aaa;
  color:#FFF;
  background-color:#41A041;
}
.nextbtn img {
  height:20px;
  margin-left:5px;
}
  
.s4btn {
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border:1px solid #aaa;     
  line-height:15px;
  height:24.5px;
  margin:0 0 0 15px;   
  font-size:12px;                          
}

.pbbreadcrumb {
	float:left;
	display: inline-block;
	//box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
  background-color:#FFF;
	overflow: hidden;
	//border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag;
  padding:3px 0 0 3px;
}

.pbbreadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;            
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
  border:1px solid #AAA;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.pbbreadcrumb a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.pbbreadcrumb a:first-child:before {
	left: 14px;
}
.pbbreadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.pbbreadcrumb a.active, .pbbreadcrumb a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
  text-decoration: underline;
}
.pbbreadcrumb a.active:after, .pbbreadcrumb a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
  color:#FFF;
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.pbbreadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .pbbreadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.690) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 0px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.pbbreadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.pbbreadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}


.flat a, .flat a:after {
	background: white;
	color: black;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
  text-align:center;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
	background: #C5E4FF;
}
.pbbreadcrumb .active {
  color:#000;
}

.acctbtn {
  border:1px solid #AAA;
  border-radius:0;
  margin-bottom:2px;
  color:#000;
  border-top-left-radius:  5px;
  border-top-right-radius: 5px;
}
.acctpg {
  display:none;
  border:1px solid #AAA;
}
.acctpg span {
  padding:5px;
}    
.acctpg h3 {
  text-align:center;
  margin: 0 0 5px 0;
  color: #fff;
  border-bottom:1px solid #888;
  background: -moz-linear-gradient(top, #2E57FF, #BDE3FF);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #BDE3FF),color-stop(1, #2e57FF));
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 18px;
  color: #0;      
}
.bluegrad dark {
  color:#000;
}
.nograd {
  background-color:#FFF;
}

.logtab {
  margin:10px;
  font-size:14px;
  width:90%;
}
.logtab td {
  padding:4px;
}
.logtab input {
  height:22px;
}
.logtab tr td:first-child {
  text-align:right;
}
.tabord {
  border:1px solid #aaa;
  font-size:13px;
  border-collapse:collapse;
  margin:10px auto 10px auto;  
}
.tabord th {
  border:1px solid #aaa;
  padding:2px;  
  background-color:#EEE ;
}
.tabord td {
  border:1px solid #aaa;
  padding:2px;  
}

.minsize {
  line-height:16px;
  margin:2px 4px 0 0;
  width:75px;
}
.disable-button { 
  pointer-events:none; 
  background-color:#EEE;
  border:1px solid #CCC;
  border-radius:4px;
  color:#000;
}
.mytabw > li > a {
  background-color:#C5E4FF;
  color:#000;
}

.infobox {
  font-size:16px;
}
.infobox input {
  height:22px;
}

.Zebra_Tooltip_Message h3 {
  text-align:center;
  padding:4px;
  border-bottom:1px dotted #333;
  margin-top:-10px;
}

.excheck {
  font-size:11px;
}

.exopt label {
  font-size:12px;
}

.filteresults td:nth-child(2) {
  text-align:left;
}
.bgwidth button{ 
  width: 120px;
  margin-bottom:4px;
  margin-right:10px;
  font-size:12px;
}

.fientry {
  display:inline;
  font-size:14px;
}
.fientry .fibutton {
  display:inline;
  margin-top:-4px !important;
}
.fientry label {
  display:inline;
}

.statabl {
  padding:0px;
  text-align:center;
  max-height:410px;
  width:415px;
  overflow-y:auto;
}
.statabl h3 {
  width:408px;
  height:30px;
  line-height:30px;
  margin-bottom:-1px;
}
.sttable {
  font-weight:normal;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size:14px;
  border-collapse:collapse;
}
.sttable td {
  height:22px;
}
.sttable tr:nth-child(odd) {
  background-color:#DDD;
}
.sttable td:first-child {
  text-align:left;
  width:100%;
}
.statbox {
  float:left;
  margin-right:10px;
  width:190px;
  border: 1px solid #AAA;
  padding: 5px;
  border-radius: 5px;
}
.statbox h4 {
  margin: 0px 5px 0 0px;
  text-align: center;
  padding-top: 0px;
  padding: 0 0 10px 0;
  width: 190px;
  font-size:14px;
}
.statx {
  width:100%;
  padding:5px;
  position:relative;
}                     
.statpop {
  min-height:665px;
  //top:100px;
  width:450px;
  overflow:hidden;
}
.statpop h3 {
  margin-top:-1px;
  background-image:none;
  background-color:#4B85D6;
  text-align:center;
}
.statrep {
  margin: 20px 0 0 0;
  width: 420px;
  width:418px;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */  
}
.statbusy {
  display:xnone;
  font-size:16px;
}
    
.filterpop {
  margin: auto;
  padding:0px;
  text-align:center;
  min-height:660px;
  width:421px;
  overflow-y:unset;
  font-size:14px;
}
.filterpop h3 {
  margin-top:-1px;
  width:408px;
  background-image:none;
  background-color:#4B85D6;
}
.filterpop hr {
  margin:5px;
  padding:5px;
}
.filsection {
  text-align:left;
  padding:0 5px 0 5px;
  max-height:555px;
  overflow-y:auto;
  margin-top:10px;
}
.filbox {
  border:1px solid #CCC;
  margin:10px 0 20px 0;
}
.filsecname {
  font-weight:bold;
  xbackground-color:#EEE;
  text-align:center;
}
.filfield {
  margin-left:0px;
  font-weight:bold;
  padding-left:5px;
}
.filitem {
  margin-left:15px;
}

.admin {
  background-color:#FFF;
  text-align:left;
}
.admin h3 {
  margin:-7px 0 0 0;
  xborder:1px solid #aaa;
  height:25px;
  line-height:25px;
  width:unset;
  text-align:center;
  color:#4444FF;
  background-color:#CCC;
  
}
.admin .cnotes {
  padding:2px;
  border:1px solid #000;
  display:inline-block;
  margin-top:5px;
  width:500px;
  height:14px;
  background-color:#FFFFE2;
  overflow-y:auto;
  min-height:112px;  
  font-size:12px;
}
.admin .admbox {
  padding:5px;  
}
.admpop .modal {
  max-width: 900px;
}

.adminbtn {
  background-image:none;
  background-color:#9A0F0F;
  color:#FFF;
}

.my-custom-scrollbar {
  position: relative;
  height: 235px;
  overflow: auto;
  top:-20px;
}
.table-wrapper-scroll-y {
  display: block;
}      
.table th, .table td {
  padding:2px;
}
table td:nth-child(2) {
  text-align:left;
}
table td:nth-child(3){
  text-align:center;
}
table td:nth-child(4){
  text-align:center;
}
table td:nth-child(5){
  text-align:center;
}
table th:nth-child(1) {
  padding-left:7px;
}
table th:nth-child(2) {
  text-align:left;
}
table th:nth-child(3) {
  text-align:center;
}
table th:nth-child(4) {
  text-align:center;
}
table th:nth-child(5) {
  text-align:center;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: unset;
  *border-collapse: unset;
  border-left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;        
}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
}
  
.modal a.close-modal {
  top:0px;
  right:0px;
}

.prex {
  margin: 6px 0 0 10px;
}
.prex label {
  font-size:13px;
  display:inline;
  //line-height:22px;
}
.prex input {
  top:-3px;
  position:relative;
}
.prex .tbreak {
  border-bottom:1px solid #999;
  margin:3px 3px 3px -6px
}
.prsort {
  margin:10px 0 10px 10px;
}
.prsort span {
  font-weight:bold;
  margin-right:10px;
  position:relative;
  
}
.prsort fieldset {
  line-height:20px;
  margin:0 0 0 10px;
  text-align:right;
}
.prsort select {
  margin: 0 0 0 0;
  height:25px;
  font-size:12px;
  xwidth:130px;
}
.prsort input {
  top:-3px;
  position:relative;
}
.prsort .tbreak {
  border-bottom:1px solid #999;
  margin:13px 3px 10px -6px
}
.prsort fieldset label {
  display:inline;
  margin:5px 25px 0 0;
  font-size:12px;
}
.prsort img {
  height:16px;
  margin:0 5px 0 -5px;
}
.prdownload {
  margin:10px;
}
.prdownload span {
}
.prdownload .tbreak {
  border-bottom:1px solid #999;
  margin:3px 3px 3px -6px
}

.thankyou {
  padding:8px 35px 8px 14px;
  margin:20px 0 0 0; 
  border:1px solid #000;
  border-radius: 4px;
  color:#3C763D;
  background-color: #dff0d8;
  border-color:#D6E9C6;
  box-shadow: 3px 3px 4px #AAA;
  text-align:center;
}
.thankyou h3 {
  font-size:22px;
  line-height:30px;
  margin:0 0 10px 0;
}

.introjs-tooltip {
  background-color:#F7F1D9;
}

.hrtitle {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a3a3a3+0,000000+100&0.65+0,0+100 */
  /* background: -moz-linear-gradient(left,  rgba(163,163,163,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  /* background: -webkit-linear-gradient(left,  rgba(163,163,163,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(to right,  rgba(163,163,163,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a3a3a3', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  
  border:1px solid #4c7299;
  font-size: 14px;
  padding-left: 4px;
  font-weight: bold;
  margin:10px -1px 0 -11px;
}
.hrtitle span {
  font-weight: normal;
  font-size:12px;
  margin: 0 0 0 10px;
  text-decoration:underline;
}

.tooltip {
  background-color:#EEE;
}


.admdiv {
  margin:0 20px;
  padding:0 0 0 30px;
  line-height:30px;
  background-color:#FFF          
}
.admdiv label {
  display:inline;
  margin-right:15px;
  font-size:12px;
  font-weight:bold;
  color:#2222AA;
  border:1px solid #AAA;
  padding:3px;
  border-radius:4px;
  background-color:#FFFFE2;
}
.admdiv input {
  margin-top:-3px;
}      

.admedits {
  text-align:center;
}
.admedits table {
  margin:auto;
}
.admedits table tr {
  border:1px solid #888;
}
.admcitable {
  border:1px solid #AAA;
  font-size:11px;
}
.admcitable td {
  border:1px solid #AAA;
  padding:0 3px 0 3px;
}
.admcitable td:first-child {
  text-align:right;
  font-weight:bold;
  background-color:#EEE;
}
.admsub {
  display:none;
  margin:0 20px;
}
.admvisible {
  display:block;
  /* margin-top:-11px; */
}

.termcond {
  text-align: center;
  font-weight: bold;
  color: blue;
  background-color: #DDD;
  border: 1px solid green;
  margin-top: 20px;
  margin: 30px auto 20px auto;
  border-radius: 5px;
  width: max-content;
  padding-right: 10px;            
}

.fbox {
  margin:0 20px;
  border:1px solid #AAA;
  padding:5px;
  border-radius: 5px;
  background-color: #DDD;
}                         

.filteresults.fsize tr{
  font-size:15px;
}