@charset "utf-8";
html, body, address, blockquote, div, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0;}



@font-face {
  font-family: 'AvantGarde';
  font-style: normal;
  font-weight: 400;
  src: local('AvantGarde'), local('Avant Garde Book BT'), url(AVGARDN.TTF) format('ttf');
}

@font-face {
  font-family: 'AvantGarde Bold';
  font-style: normal;
  font-weight: 400;
  src: local('AvantGardeDemi'), local('Avant Garde Demi BT'), url(AVGARDD.TTF) format('ttf');
}

@font-face {
  font-family: 'Glacial Indifference Regular';
  font-style: regular;
  font-weight: 400;
  src: local('Glacial Indifference Regular'), local('Glacial Indifference Regular'), url(glacial-indifference.regular.otf) format('otf');
}

@font-face {
  font-family: 'Glacial Indifference Bold';
  font-style: bold;
  font-weight: 600;
  src: local('Glacial Indifference Bold'), local('Glacial Indifference Bold'), url(glacial-indifference.bold.otf) format('otf');
}


@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url(Questrial.woff2) format('woff2');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local('Comfortaa'), local('Comfortaa-Regular'), url(Comfortaa.woff2) format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins'), url(poppins.woff2) format('woff2');
}

html {background-color: #292929; height: 100%;}

body {font-family:  Questrial, Glacial Indifference, Poppins, Helvetica, Arial Bold, sans-serif;
font-size: 15px/150%;background-color:#292929;
color: #fff;min-height: 100%;overflow-x: hidden;margin-top: 4.5vh;}




body b{font-size: inherit;}

.letterspacing{letter-spacing: .05vw;}


red{color:rgba(215,13,13,1.00);}
yellow{color:rgba(255,255,0,1.00);}
orange{color:rgba(241,131,7,1.00);}
green{color:rgba(24,249,6,1.00);}
blue{color:rgba(39,55,236,1.00);}
ltblue{color:rgba(6,160,226,1.00);}


small {font-size: 87%;}
.small {font-size: 87%;}
.xsmall {font-size: 50%;}
.centertext{text-align:center!important;}
.lefttext{text-align:left!important;}
.righttext{text-align:right!important;}


.titlecase{text-transform: uppercase;}

a {text-decoration: none;outline: none;color: #fefefe;}
a:hover {color: #575757;text-decoration: none;position: relative;}


.lockedclass{
border:none;background-image: url('../cssimg/locked.png');
background-size:25vw 25vw; background-repeat: no-repeat;
background-position-x: center;background-position-y: center;
opacity: .25;position: fixed;z-index: 1;width: 100%;}


.writeoffclass{
border:none;background-image: url('../cssimg/exc.png');
background-size:25vw 25vw; background-repeat: no-repeat;
background-position-x: center;background-position-y: center;
opacity: .25;position: fixed;z-index: 1;width: 100%; }

.hovergreenshadow:hover{box-shadow: 0px 0px 6px 5px rgba(8,240,27,0.95);cursor:pointer;cursor:hand;}

.postedclass {
    border: none;
    background-image: url('../cssimg/checkmark.png');
    background-size: 25vw 25vw;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    z-index: 1;
}



h1, h2, h3, h4, h5 {
	font-family: Questrial,Arial, Helvetica, sans-serif;
	line-height: 130%;
	font-weight: bold;
	color: #fff;}

h4 {margin: 1em 0 .2em;font: italic 155% "Questrial", Baskerville, Times New Roman, Times, serif;}
h6 {font-family:Questrial;font-weight:300;color: #CCC; line-height: 130%;font-size: 175%;margin-left:35px; margin-right:35px;margin-bottom:15px;}
h7{font-size:175%;color:#4c6893;color:#00FF00;}
h8 {font-family:Questrial;font-weight:600;color:#CCC;font-size:14px;margin:5px 0 0 0;padding:12px 0 0 18px;}
h9 {font-family:Questrial;font-weight:300;color: #FFFF00;font-size: 125%;}
h10 {font-family:Questrial;font-weight:300;color: #FF9900;font-size: 125%;}
h11 {font-family:Questrial;font-weight:300;color: #CC0000;font-size: 125%;}



::-webkit-scrollbar {
   width: 10px;          
}
 
::-webkit-scrollbar-thumb {   
  border-radius: 30px;
  background: -webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#da1b60));
  box-shadow: inset 2px 2px 2px rgba(255,255,255,.25), inset -2px -2px 2px rgba(0,0,0,.25);}
 
::-webkit-scrollbar-track {     
  background-color: #fff;
  background: linear-gradient(to right,#201c29,#201c29 1px,#100e17 1px,#100e17);
}

::scrollbar, :scrollbar{
   width: 10px;          
}
::scrollbar-thumb, :scrollbar-thumb {   
  border-radius: 30px;
  background: -webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#da1b60));
  box-shadow: inset 2px 2px 2px rgba(255,255,255,.25), inset -2px -2px 2px rgba(0,0,0,.25);}
::scrollbar-track, :scrollbar-track{     
  background-color: #fff;
  background: linear-gradient(to right,#201c29,#201c29 1px,#100e17 1px,#100e17);
}  
  
  
.floatright{float:right;}  

sub{color:#9E9E9E;font-size:65%!important;}


img, fieldset {
	border: 0; background:none;
}



hr{
border: 0; 
height: 1px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}


hr.style-eight {
padding: 0; border: none; border-top: medium double #333;
color: #333; text-align: center; }
hr.style-eight:after {content:"§"; display: inline-block; position: relative; top: -0.7em;
font-size: 1.5em; padding: 0 0.25em; background: white; }
hr.style-two {
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
margin-bottom:.25in; }
hr.style-one {
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));margin-bottom:.25in; }

hr.hr-blue {
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(64,38,231,1.00), rgba(255, 255, 255, 0));margin-bottom:.25in; }


.hidefromscreen {display:none; visibility:hidden;}

.eyeicon{width:3vw;height:3vh;}
.smallicon{width:1vw;height:1vh;}

.squaresmallicon{width:1vw;height:1vw;}
.squaresmall2icon{width:1.25vw;height:1.25vw;}
.squaresmall3icon{width:1.5vw;height:1.5vw;}
.squaresmall4icon{width:1.75vw;height:1.75vw;}
.squaremediumicon{width:2vw;height:2vw;}
.squarelargeicon{width:2.5vw;height:2.5vw;}
.squarexlargeicon{width:3vw;height:3vw;}
.squarexxlargeicon{width:5vw;height:5vw;}


.fonticon-1x, .font-1x{font-size:1vmax;}
.fonticon-1hx, .font-1hx{font-size:1.5vmax;}
.fonticon-2x, .font-2x{font-size:2vmax;}
.fonticon-2hx, .font-2hx{font-size:2.5vmax;}
.fonticon-3x{font-size:3vmax;}
.fonticon-3hx{font-size:3.5vmax;}
.fonticon-4x{font-size:4vmax;}
.fonticon-5x{font-size:5vmax;}

.squareicon-1x{width:1vmin;max-width:2vmax;height:1vmin;max-height:2vmax;}
.squareicon-2x{width:2vmin;max-width:3vmax;height:2vmin;max-height:3vmax;}
.squareicon-3x{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;}
.squareicon-4x{width:4vmin;max-width:5vmax;height:4vmin;max-height:5vmax;}
.squareicon-5x{width:5vmin;max-width:6vmax;height:5vmin;max-height:6vmax;}
.squareicon-6x{width:6vmin;max-width:7vmax;height:6vmin;max-height:7vmax;}
.squareicon-7x{width:7vmin;max-width:8vmax;height:7vmin;max-height:8vmax;}


.scaleicon-1x{width:1vmin; max-width:2vmax;max-height:1vmin;height:auto;}
.scaleicon-1hx{width:1.5vmin; max-width:2.5vmax;max-height:1.5vmin;height:auto;}
.scaleicon-2x{width:2vmin; max-width:3vmax;max-height:2vmin;height:auto;}
.scaleicon-2hx{width:2.5vmin; max-width:3vmax;max-height:2.5vmin;height:auto;}
.scaleicon-3x{width:3vmin; max-width:4vmax;max-height:3vmin;height:auto;}
.scaleicon-4x{width:4vmin; max-width:5vmax;max-height:4vmin;height:auto;}
.scaleicon-5x{width:5vmin; max-width:6vmax;max-height:5vmin;height:auto;}
.scaleicon-6x{width:6vmin; max-width:7vmax;max-height:6vmin;height:auto;}
.scaleicon-7x{width:7vmin; max-width:125px;max-height:125px;height:auto;}
.scaleicon-8x{width:8vmin; max-width:150px;max-height:150px;height:auto;}
.scaleicon-9x{width:9vmin; max-width:160px;max-height:160px;height:auto;}
.scaleicon-10x{width:10vmin; max-width:200px;max-height:200px;height:auto;}


.UserTimeClock{float:right;right:0;}

.paddinghalfTB{padding-top:0.5vh;padding-bottom:0.5vh;}




.font100{font-size: 100%!important;}
.font125{font-size: 125%!important;}
.font150{font-size: 150%!important;}
.font175{font-size: 175%!important;}
.font200{font-size: 200%!important;}

.container{
    width: 110px;
    height: 110px;
}
.prec{
    top: 30px;
    position: relative;
    font-size: 30px;
}

.circle{
    position: relative;
    top: 5px;
    left: 5px;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #292929;
}

.active-border{
    position: relative;
    text-align: center;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    background-color:#39B4CC;
    background-image:
        linear-gradient(91deg, transparent 50%, #A2ECFB 50%),
        linear-gradient(90deg, #A2ECFB 50%, transparent 50%);
}

.rotate90a {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: translate(-10px) rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}


.rotate90b {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: translate(-5px) rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.rotate90{
    -webkit-transform: rotate(270deg) translateX(100%) translateY(-10%);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
	transform: rotate(270deg);
    -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	writing-mode: lr-tb;
}

.vheader{
	display:table-cell;white-space: nowrap;position: fixed;
	}






#pagewrap {width: 100%;max-width: 100%;margin-top: 0;	margin-right: 0; margin-bottom: 0; margin-left: 0;position: relative;min-height: 100%;}

#body{padding-left:5.1vw;padding-top: 10px;padding-right: 5px;}


@media (max-width: 800px) {
#body{padding-left:40px;padding-top: 10px;padding-right: 5px;}
.vticker{display:none;}
#NestDetailsIcon{display:none!important;}
#UserIdIcon{display:none!important;}
}


#header {position: fixed;
	z-index: 20;width: 180px;height: 100%;
	padding-top: 15px;text-align: left;background-color:#000;}

#settingspage {position: fixed;
	z-index: 20;width: 180px;height: 100%;
	top: 0;text-align: left;background-color:#000;}

.promo-bar {
	background-color: #000;
	height: 4vh; max-height: 65px;
	font: bold 16px/120% "Helvetica", sans-serif;
	color: #fff;
	/*padding-top:3px;*/
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);}
	
.promo-bar a {color: #fff;text-decoration: underline;}

#header2 {position: fixed;z-index: 20;width:5vw;min-width:40px;height: 100%;top:0px;margin-top:1px;
    padding-top: 5vh;text-align: left;background-color: #000;}














#main-nav {margin: 0;padding: 0 0 8px;}
#main-nav li {width:150px; font-family: 'Marcellus SC', serif; font-weight:400;
padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
float: left;clear: both;list-style: none;position: relative;background-color: rgba(63,63,60,.8);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-transition: background-color .7s;-moz-transition: background-color .7s;-o-transition: background-color .7s;
transition: background-color .7s;}

#main-nav a {color: #fff;text-decoration: none;font-size: 14px;line-height: 100%;padding: 2px 27px 2px 10px;
	-webkit-transition: background-color .7s;
	-moz-transition: background-color .7s;
	-o-transition: background-color .7s;
	transition: background-color .7s;}
#main-nav a:hover {color: #000;}

/* main nav dropdown */
#main-nav ul {
	text-align: left;
	width: 235px !important;
	display: block;
	background-color: #292929;
	position: absolute;
	z-index: 100;
	left: 150px;
	top: -10px;
	margin: 0;
	padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
#main-nav ul li {
	margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
	padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
	list-style: none;float: none;}
#main-nav ul a {background: none;padding: 0;}
#main-nav ul a:hover {background: none;}
#main-nav li:hover {background-color: #999;}
#main-nav li:hover > a {color:#FF0000;}




#main-nav2 {margin: 0;padding: 0 0 8px;}
#main-nav2 li {width:25px; font-family: 'Marcellus SC', serif; font-weight:400;
padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
float: left;clear: both;list-style: none;position: relative;background-color: rgba(63,63,60,.8);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-transition: background-color .7s;-moz-transition: background-color .7s;-o-transition: background-color .7s;
transition: background-color .7s;}



#main-nav2 a {color: #fff;text-decoration: none;font-size: 14px;line-height: 100%;padding: 2px 27px 2px 10px;
    -webkit-transition: background-color .7s;
    -moz-transition: background-color .7s;
    -o-transition: background-color .7s;
    transition: background-color .7s;}
    
#main-nav2 a:hover {color: #000;}

#main-nav2 li span{display:none;position:relative;}
#main-nav2 li:hover {width:175px;}
#main-nav2 li:hover span{display:inline;}

/* main nav dropdown */
#main-nav2 ul {
    text-align: left;
    width: 235px !important;
    display: block;
    background-color: #292929;
    position: absolute;
    z-index: 100;
    left: 150px;
    top: -10px;
    margin: 0;
    padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
}
#main-nav2 ul li {width:25px;
    margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
    padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
    list-style: none;float: none;}
#main-nav2 ul a {background: none;padding: 0;}
#main-nav2 ul a:hover {background: none;}
#main-nav2 li:hover {background-color: #999;}


#main-nav2 li:hover > a {color:#FF0000;}




#main-nav3 {margin-left:0px;padding:0;}
#main-nav3 li {width:auto;min-width:12px; font-family: 'Marcellus SC', serif; font-weight:400;
padding:10px;margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
clear: both;list-style: none;position: relative;background-color: rgba(63,63,60,.8);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-transition: background-color .7s;-moz-transition: background-color .7s;-o-transition: background-color .7s;
transition: background-color .7s;}

#main-nav3 li span{display:none;position:relative;}

#main-nav3 li:hover {background-color: #999;}





.settings-nav {margin: 0;padding: 0 0 8px;}
.settings-nav ul {width:20vw; z-index: 999;min-height: 4vh;
font-family: "Questrial", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-weight:400!important;font-size:1.5vw !important;
cursor: pointer; cursor: hand;
padding:10px;margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
float: left;clear: both;list-style: none;position: relative;background-color: rgba(63,63,60,1);
border:4px rgba(63,63,60,1) solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: background-color .7s;
-moz-transition: background-color .7s;
-o-transition: background-color .7s;
transition: background-color .7s;
}

.settings-nav ul:hover {background-color:#292929;} 

.settings-nav li {width:20vw;display:none;}
.settings-nav ul a{cursor:pointer;cursor:hand;
}
.settings-nav ul aside{display: inline-block;width: 10%;float: right;font-size: 45%;margin-top: -15px;margin-right: -10px;text-align: right;}
.settings-nav ul aside img{}


.settings-nav ul.dropdown{background: #292929;display: none;position: relative;z-index: 99;
border:4px rgba(63,63,60,1) solid;margin-top: -12px;max-width:400px;font-size: 80% !important;}






ul.options-nav {margin: 0;padding: 0 0 8px;}
ul.options-nav li{width:20vw; z-index: 999;
font-family: "Questrial", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-weight:400!important;font-size:1.5vw !important;
padding:10px;margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
float: left;clear: both;list-style: none;position: relative;background-color: rgba(63,63,60,1);
border:4px rgba(63,63,60,1) solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: background-color .7s;
-moz-transition: background-color .7s;
-o-transition: background-color .7s;
transition: background-color .7s;
}



#contentwrap {margin-right: -268px;margin-bottom: 60px;padding-top:10px;float: left;width: 100%;}
#content {margin-right: 0px;padding-right: 0px;}







.custdetail{position: relative;}
.custdetail span {display: none;}
.custdetail:hover span, a.tooltip:focus span {
    display:block;position:absolute;
width:400px; max-width:450px;
    top:1em;left:95px;
    padding: 0.8em 0.9em;
    border:1px solid #B7B7B7;
    background-color:#575757;
    color:#fff;z-index:200;}



.custproof{position: relative;}

.custproof div {display: none;} 
.custproof:hover div{display:block;background-color: #292929;
border: 8px solid #CCC; position: fixed; padding-top: 20px; padding-bottom: 30px; padding-right: 25px; padding-left: 25px;
width: auto;max-width: 1200px; bottom: -10px; right:-10px; margin-right:-25px !important; text-align: center;
z-index: 999999; border-top-left-radius: 16px;}
.custproof:hover div img{width:25vw; max-width:750px; height:auto; display:inline;}   
.custproof:hover div p{display:block;font-size:75%;}
             
             
.custproof span {display: none;}        
.custproof:hover span{display:block;position:absolute;width:auto; max-width:800px; 
top:1em;left:95px; padding: 0.8em 0.9em;border:1px solid #B7B7B7;
background-color:#575757;color:#fff;z-index:200; }
.custproof:hover span img{width:150px; max-width:250px; height:auto; max-height:200px; display:inline;}   
.custproof:hover span p{display:block;font-size:75%;}






#productbox {display:inline-block; width:55px;}
#productbox img{width:25px; max-width:28px; height:28px; }
.productbox{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding: 30px; 
margin-top: -55px; margin-bottom:5px; left: 400px; vertical-align:center; text-align:center;
height: auto; width: auto;  max-width: 1200px; 
z-index: 999999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}


#prodoptbox {display:inline-block; width:55px;}
#prodoptbox img{width:25px; max-width:28px; height:28px; }
.prodoptbox{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding: 30px; 
margin-top: 5px; margin-bottom:5px; left: 400px !important; vertical-align:center; text-align:center;
height: auto; width: auto;  max-width: 1200px; 
z-index: 999999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}


#customerbox {display:inline-block; width:55px;}
#customerbox img{width:25px; max-width:28px; height:28px; }
.customerbox{display:none;
background-color:#292929; border: 8px solid #ccc;
position: fixed; padding: 30px;
top: 75px;  left: 100px !important; vertical-align:center; text-align:center;
height: auto; width: auto; max-height: 1200px; max-width: 1200px; 
z-index: 999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}


#chartbox {display:inline-block; width:55px;}
#chartbox img{width:25px; max-width:28px; height:28px; }
.chartbox{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding-left: 30px; padding-right: 30px; 
margin-top: -25px; margin-bottom:45px; left: 50px !important; vertical-align:center; text-align:center;
height: auto; width: auto; max-height: 1200px; max-width: 1200px; 
z-index: 999999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}




.bargraphbox{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding: 30px; 
margin-top: 20px; margin-bottom:45px; left: 50px !important; vertical-align:center; text-align:center;
height: auto; width: 100%; max-height: 1200px; max-width: 1200px; 
z-index: 999999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}




.ckbox{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding: 30px;
top: 45px;  left: 25px!important; vertical-align:center; text-align:center;
width: 90%;  max-width: 1200px; 
z-index: 999999;  -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}











.customeropt{position: absolute; cursor: pointer; }
.customeropt span {display:none; 
margin-left:45px; margin-top:auto; margin-bottom:45px;
width:400px; max-width:450px;   
left:95px; padding: 0.8em 0.9em;
background-color:#373737; color:#fff;z-index:25500;
border: 8px solid #ccc; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}

.customeropt span a:hover{ cursor: pointer; cursor:hand; font-weight:bold;} 
.customeropt span img{width:25px; max-width:28px; height:28px; max-height:28px;}



.jobopt{position: relative;cursor: pointer;cursor: hand;}
.jobopt span {display:none; position:absolute;
width:200px; max-width:350px;
top:1em;right:95px; padding: 0.8em 0.9em;
background-color:#292929; color:#fff; z-index:25500;
border: 8px solid #ccc; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}





.InvMenu {  
width:auto; bottom:-5px; position:fixed;   
padding:20px;  margin-left:15%; 
border:5px solid #fff;  text-align:center;
background-color:#333; color:#ffffff;
z-index:99999;  font-weight:bold; font-size:175%;
-webkit-border-top-left-radius: 16px; -moz-border-top-left-radius: 16px;
-webkit-border-top-right-radius: 16px; -moz-border-top-right-radius: 16px;
border-top-left-radius: 16px; border-top-right-radius: 16px;} 
.InvMenuSide{display:none;}







.left_float{float:left;}
.left_align{left:0;text-align:left;}
.left_align_text{text-align:left;}

.italics{font-style: italic!important;}

.yellow_text{color:#FFFF00!important;}
.white_text{color:#fff!important;}




.products_add_item {
    background: #292929;
    opacity: 0.97;
    position: fixed;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 0px;
    width: 100%;
    top: -10px;
    right: -10px !important;
    text-align: center;
    z-index: 999999;
}


.blink_row {
  animation: blinker 2s linear infinite; font-weight: bold; 
  background-color:rgba(199,180,5,1.00)!important; color: #000000!important;
}


.blink_color {
  animation: blinkerlong 3s linear infinite; font-weight: bold;
}

.blink_me {
  animation: blinker 2s linear infinite; color: red!important; font-weight: bold;
}

@keyframes blinker {    50% { opacity: 0.2; } }
@keyframes blinkerlong {    50% { opacity: 0.5; } }



.products_list_tab{background:#292929;opacity:0.98;position: fixed;
padding-top:10px; padding-bottom:30px; padding-left:25px; padding-right:0px;
width: 100%; top:-10px;right:-10px!important; text-align:center;z-index: 9999;}


.TicketOverlay{background:#292929;opacity:1;position: fixed;
padding-top:10px; padding-bottom:30px; padding-left:25px; padding-right:0px;
width: 100%; top:-10px;z-index: 9999;}


.mattaddtble tr:nth-child(odd) { background-color: #393939; }
.mattaddtble tr:hover {background-color: rgba(18,121,2,1.00);}

.setthisbackcolor{background-color: #292929 !important;}
.setbackgroundproductionblue{background-color:#4c6893 !important;}




.standardborder{
background-color:#292929; border: 8px solid #ccc;
 -webkit-border-radius: 16px; -moz-border-radius: 16px;border-radius: 16px;}

.thinroundborder{background-color:#292929; border: 4px solid #ccc;
 -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

.thinsquareborder{background-color:#292929; border: 4px solid #ccc;}
.thinsquareborderblue{background-color:#292929; border: 4px solid #4c6893;}


.greentext{color:#00FF00!important;}
.orangetext{color:#F93!important;}
.redtext{color:#FF0000!important;}
.yellowtext{color:#FFFF00!important;}
.goldtext{color:#e6b800!important;}
.bluetext{color:#0000FF!important;}
.ltbluetext{color:rgba(97,97,245,1.00)!important;}

.greenbk{background-color:#00FF00;}
.yellowbk{background-color:#FFFF00;}
.orangebk{background-color:#F93;}
.redbk{background-color:#FF0000;}
.ltbluebk{background-color:rgba(97,97,245,1.00);}



.shadeopt{background-color:#575757;}
.shadeopt tr {border-left-style: solid;border-right-style: solid; border-color:#ccc; border-width:1px;} 
.invoicetble {border-collapse: collapse;}
.invoicetble th{background-color:#00CC00;padding-top:2px;padding-bottom:2px;color: #333;}
.invoice-balance tr:nth-child(even) {background: #333;}

.LineTools{width:auto;display: block;position: absolute;z-index: 999;
margin-left: 1.5vw; margin-top: -0.5vw;background-color: #292929;
padding-left: 2vw; padding-right:2vw; padding-top:2vw; padding-bottom:2vw;
border: 8px solid #CCC;border-radius: 5px;}


.menutab_left{
background-color:#292929; border: 8px solid #ccc;
position: fixed; padding: 30px; width: auto;  max-width: 1200px; top: 45px; left:-10px;  margin-top: 5% !important;  
margin-bottom: 5% !important; vertical-align:center; text-align:center;z-index: 999999;  
-webkit-border-top-right-radius: 16px; -moz-border-bottom-right-radius: 16px;
-moz-border-top-right-radius: 16px; -webkit-border-bottom-right-radius: 16px;
border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
        
        
        
.menutab_top_left{
background-color:#292929; border: 8px solid #ccc;
position: fixed; padding: 30px; width: auto;  max-width: 1200px; top: 0px; left:-10px;  
margin-top: -5px;  margin-bottom: 5%; vertical-align:center; text-align:center;z-index: 999999; 
-webkit-border-top-right-radius: 16px; -moz-border-bottom-right-radius: 16px;
-moz-border-top-right-radius: 16px; -webkit-border-bottom-right-radius: 16px;
border-top-right-radius: 16px; border-bottom-right-radius: 16px;}




.menutab_right{
background-color:#292929; border: 8px solid #ccc;z-index: 999999;
position: fixed; padding: 30px; width: auto;  max-width: 1200px; 
top: 45px; right:-10px;  margin-top: 5% !important;  margin-bottom: 5% !important; vertical-align:center; text-align:center;
-webkit-border-top-left-radius: 16px;-moz-border-top-left-radius: 16px;border-top-left-radius: 16px;
-webkit-border-bottom-left-radius: 16px;-moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;}
        
.menutab_top{
background-color:#292929; border: 8px solid #ccc;
position: fixed; padding: 30px; width: auto;  max-width: 2000px; 
top: -10px;left: 5vw;  right: 5vw; vertical-align:center; text-align:center;
z-index: 999999; 
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px; border-bottom-right-radius: 16px;
-moz-border-bottom-left-radius: 16px; -webkit-border-bottom-left-radius: 16px; border-bottom-left-radius: 16px; }

.menutab_top_right{background-color: #292929;
border: 8px solid #CCC; position: fixed; padding-top: 10px; padding-bottom: 30px; padding-left: 25px; padding-right: 15px;
width: auto;max-width: 1200px; top: -10px; right:-10px !important; text-align: center;
z-index: 99999; border-bottom-left-radius: 16px;}
    

.menutab_btm{
background-color:#292929; border: 8px solid #ccc;z-index: 999999; 
position: fixed; padding: 30px; width: auto;  max-width: 1200px; 
bottom: -10px;  margin-left: 5% !important;  margin-right: 5% !important; vertical-align:center; text-align:center;
-webkit-border-top-right-radius: 16px; -moz-border-top-right-radius: 16px;border-top-right-radius: 16px;
-moz-border-top-left-radius: 16px;-webkit-border-top-left-radius: 16px;border-top-left-radius: 16px;}
             
.menutab_btm_left{background-color: #292929;
border: 8px solid #CCC; position: fixed; padding-top: 10px; padding-bottom: 30px; padding-left: 25px; padding-right: 15px;
width: auto;max-width: 1200px; bottom: -10px; margin-left:-25px; text-align: center;
z-index: 9999; border-top-right-radius: 16px;border-top-left-radius: 16px;}

.menutab_btm_right{background-color: #292929;
border: 8px solid #CCC; position: fixed; padding-top: 20px; padding-bottom: 30px; padding-right: 25px; padding-left: 25px;
width: auto;max-width: 1200px; bottom: -10px; right:-10px; margin-right:-25px !important; text-align: center;
z-index: 9999; border-top-left-radius: 16px;}             


.totals_btm_right{background-color: #292929;
border: 0px solid #CCC; position: fixed; padding-top: 20px; padding-bottom: 30px; padding-right: 15px; padding-left: 25px;
width: auto;max-width: 1500px; bottom: -10px; right:-10px; margin-right:5px !important; text-align: center;
z-index: 9999; border-top-left-radius: 16px;}  



.product_options_right{
background-color:#292929; border: 8px solid #ccc;z-index: 999999999;
position: fixed; padding: 30px; width: auto;  max-width: 700px; 
top: 0px; right:-10px;  margin-top: -10px;  margin-bottom: 5%; 
-webkit-border-top-left-radius: 16px;-moz-border-top-left-radius: 16px;border-top-left-radius: 16px;
-moz-border-bottom-left-radius: 16px;-webkit-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;}



.generalwindowstyle{
background-color: #292929;
border: 8px solid #ccc;
position: fixed;
padding: 30px;
text-align: center;
z-index: 999999;}


.rbtr, .round_border_top_right{-moz-border-top-right-radius: 16px;border-top-right-radius: 16px;}
.rbbr, .round_border_bottom_right{-moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}
.rbtl, .round_border_top_left{-moz-border-top-left-radius: 16px;border-top-left-radius: 16px;}
.rbbl, .round_border_bottom_left{-webkit-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;}


.imgrotate45{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.imgrotate45b{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.imgrotate90{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.imgrotate180{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.imgrotate270{-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}



.srchbox{display:none;background-color:#292929; border: 8px solid #ccc;
padding-left:30px;padding-right:30px;padding-bottom:30px;padding-top:5px;
position:fixed;top:-10px; left:-10px!important;
vertical-align:center;text-align:center;width: auto;  max-width: 1200px; z-index: 999999999;
-webkit-border-top-right-radius: 16px;-moz-border-top-right-radius: 16px;border-top-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;-webkit-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}           


.messageBox {width:250px; margin-right: 25%; margin-left: 25%;  top:-5px; position:fixed;   
padding:20px; border:3px solid #fff;  text-align:center;
background-color:#CC0000; color:#fff;
z-index:9999999999;  font-weight:bold; font-size:200%;
-webkit-border-bottom-left-radius: 16px; -moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}    
 
 
 .messageBoxL {width:50%; margin-right: 25%; margin-left: 25%; top:-5px; position:fixed;   
padding:20px; border:5px solid #fff;  text-align:center;
background-color:#FF0000; color:#ffffff;z-index:9999999999;  font-weight:bold; font-size:175%;
-webkit-border-bottom-left-radius: 16px; -moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;} 
        
        
 .SuccessMessage {  
width:auto; top:-5px; position:fixed; padding:20px;  right: 5vw;
border:5px solid #fff;  text-align:center; background-color:#00FF00; color:#ffffff;
z-index:9999999999;  font-weight:bold; font-size:225%;
-webkit-border-bottom-left-radius: 16px; -moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}         
                     
                     
 .CCProcessInfo {  
width:auto; top:75px; position:fixed;   padding:20px;  right: 5vw;font-weight:bold; font-size:175%;
border:5px solid #fff;  text-align:center; background-color:#F93; color:#ffffff; z-index:9999999999999999999;
-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;}  


.CCProcessSuccess {  
width:auto; top:75px; position:fixed;   padding:20px; right: 5vw;border:5px solid #fff;  text-align:center;
background-color:#00CC00; color:#FFFFFF;z-index:99999999999999999999;  font-weight:bold; font-size:175%;
-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;}  
  
  .MessageBoxCenter {  
width:auto; top:75px; position:fixed;   padding:20px;  left:20vw; right:20vw; 
border:5px solid #fff;  text-align:center;background-color:#00CC00; color:#FFFFFF;
z-index:99999999999999999999;  font-weight:bold; font-size:175%;
-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;}  
    
.UserInfoWindow{background-color: #292929;
    border: 8px solid #CCC; position: fixed; padding-top: 20px; padding-bottom: 30px; padding-left: 45px; padding-right: 45px;
    width: auto;max-width: 1200px; top: -10px; right:-10px !important; text-align: center;
    z-index: 999999; border-bottom-left-radius: 16px;}      
    
    
.ErrorBox {  
width:auto; top:75px; position:fixed; padding:20px;  right: 5vw; border:5px solid #fff;  text-align:center;
background-color:#F93; color:#ffffff;z-index:9999999999999999999; font-weight:bold; font-size:175%;
-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;}       
    
    
    
    
 .ScanBox {  
width:auto; position:fixed;  padding: 20px 70px; 
border:5px solid #fff;  text-align:center; color:#fff;
z-index:9999999999999999999;  font-weight:bold; font-size:175%;
-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;
        /* Fallback for web browsers that doesn't support RGBa */
background: rgb(65, 105, 225) transparent;  
    /* RGBa with 0.6 opacity */
background: rgba(70, 130, 180, 1.0); 
    /* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }  
    
    
.HoverMessageBoxYellow {  
width:auto; top:-5px; position:fixed; padding:20px;  margin-left:15%;  margin-right:15%;
border:4px solid #fff;  text-align:center; background-color:#FFFF00; color:#000;
z-index:9999999999;  font-weight:bold; font-size:2vw;
-webkit-border-bottom-left-radius: 16px; -moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;} 
 
 
.HoverMessageBoxGreen {  
width:auto; top:-5px; position:fixed; padding:20px;  margin-left:15%;  margin-right:15%;
border:4px solid #fff;  text-align:center;background-color:#00CC00; color:#000;
z-index:9999999999;  font-weight:bold; font-size:2vw;
-webkit-border-bottom-left-radius: 16px; -moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}  
        
        
.HoverMessageBox {  width:auto; top:-5px; position:fixed; padding:20px;  margin-left:25%;  
border:4px solid #00FF00;  text-align:center;background-color:#292929; color:#fff;z-index:9999999999;  font-weight:bold; font-size:2vw;
-webkit-border-bottom-left-radius: 16px; -moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px; -moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;} 




	
	
.hoverborder:hover {border: 2px solid #00ff00;}
.options:hover { cursor: pointer; cursor:hand;}
.hoverred:hover { cursor: pointer; cursor:hand; background:#CC0000!important;}
.hovergreen:hover { cursor: pointer; cursor:hand; background:#00CC00!important;}
.hoverorange:hover { cursor: pointer; cursor:hand; background:#F93!important;}
.hovergold:hover { cursor: pointer; cursor:hand; background:#FFCC00!important;}
.hovergrey:hover { cursor: pointer; cursor:hand; border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}
.dollarsign {color:#00FF00!important;font-weight:normal;font-size:120%;}.dollarsign:hover {color:#000000!important;}
.payment:hover {background:#00CC00!important;color:#000000!important;}


         
  .space10{height:10px;} .space20{height:20px;} .space30{height:30px;} .space40{height:40px;}  .space50{height:50px;} 
  
  
  
  
  .opaqueness{opacity:0.2; background: rgb(0,0,0);}          
  
  .opaquenessDark{ background-color:#fff;z-index: -1; margin-top:-30px;}   


.progressbar{background:  url('../cssimg/progress.gif') repeat-x scroll 0% 0% transparent;
border-radius:8px;height:15px;width:auto;margin:0px 30%;padding:0px 0%;z-index: 99999999;}



 #loading-image { z-index: 99999999; width:25%;}                                      
        
.loading {position: fixed; display:none;
border: 2px solid #CCC;
border-radius: 25px;
background-color: #292929; color: #FFF;
z-index: 999999999999999999999999;
text-align: center; width: 50%; height: 45px;
line-height: 45px; margin-left: 25%;margin-top:15%; margin-right: 25%;} 

.loading2 {position: fixed; 
color: #FFF; 
z-index: 999999999999999999999999;
text-align: center; width: 50%; height: 45px;
line-height: 45px; margin-left: 25%;margin-top:15%; margin-right: 25%;}       

.loading3 {display:none; position: fixed;
    background-color: #000000;color: #FFF; z-index: 2147483647;text-align: center;
    width: 50%;height: auto;line-height: 35px;
    margin-left: 25%; margin-top: 15%; margin-right: 25%; padding-top:25px; padding-bottom:25px; 
    border-radius: 20px; }
  
.loading4{
    color: #FFF;
    z-index: 99999999;
    text-align: center;
    line-height: 45px;
    margin-top: 15%;
    position: fixed;
    right: 50%;
    left: 45%;
}  
.progressbar4{
padding: 0px 0%;z-index: 99999999;margin: 40px 30%;
background: transparent url("../cssimg/block-loading.gif") no-repeat scroll 0% 0% / 10vw 12vw;
height: 13vw;width: 12vw;
}
  
                                     
                                     
a[name]:hover:after{
  position: absolute; content: attr(name); padding: 4px 8px;
  background-color:#292929; border: 2px solid #ccc; 
  right: 0; top: 100%; white-space: nowrap; z-index: 222;
  -moz-box-shadow: 0px 0px 4px #222;-webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; 
  -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}   
  
                                   
ins{text-decoration:none;}   
ins[name]:hover:after{text-decoration:none; color:#FFF; 
  position: relative; content: attr(name); padding: 4px 8px;
  background-color:#292929; border: 2px solid #ccc; 
  right: 0; white-space: nowrap; z-index: 9999999999;
  -moz-box-shadow: 0px 0px 4px #222;-webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; 
-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}    


dfn{text-decoration:none;}   
dfn[name]:hover:after{text-decoration:none; color:#FFF; right:-1%;
  position: absolute; content: attr(name); padding: 4px 8px;
  background-color:#292929; border: 2px solid #ccc; 
 white-space: nowrap; z-index: 9999999999;
  -moz-box-shadow: 0px 0px 4px #222;-webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; 
-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;} 
                                  
                                     

 bdo{text-decoration:none;}                                   
bdo[name]:hover:after{text-decoration:none; color:#FFF;
  position: absolute; content: attr(name); padding: 4px 8px;
  background-color:#292929; border: 2px solid #ccc; 
  left: 10%;  white-space: nowrap; z-index:99999999999999;
  -moz-box-shadow: 0px 0px 4px #222;-webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; 
-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}                                       


 ig{text-decoration:none; color:#FFF; 
  position: absolute;  padding: 4px 8px; top: 35px; width: 145px;
  background-color:#292929; border: 2px solid #ccc; 
    white-space: wrap; z-index:99999999999999;
  -moz-box-shadow: 0px 0px 4px #222;-webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; 
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 



 
 
 
 .infobox {position: relative;width:175px; float:left; display:inline-block;text-align:left;padding-left:10px;}
.infobox span {display: none;}
.infobox:hover span{display:block;position:absolute;
width:auto; max-width:500px; max-height:500px;
    top:1em;left:2.5em;padding: 0.8em 0.9em;
    border:8px solid #ccc;background-color:#292929;color:#000;z-index:20000;
    -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.infobox img{width:25px; max-width:28px; height:28px; max-height:28px;}



#infobox2 {display:inline-block; width:55px;padding-left:40px;}
#infobox2 img{width:25px; max-width:28px; height:28px; max-height:28px;}
.infobox2a{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding: 30px;
top: 45px;  left: 200px !important; vertical-align:center; text-align:center;
height: auto; width: auto; max-height: 500px; max-width: 500px; 
z-index: 999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.infobox2:hover{ cursor: pointer; cursor:hand;}


#infobox3 {display:inline-block; width:55px;}
#infobox3 img{width:25px; max-width:28px; height:28px; }
.infobox3a{display:none;
background-color:#292929; border: 8px solid #ccc;
position: absolute; padding: 30px;
top: 45px;  left: 200px !important; vertical-align:center; text-align:center;
height: auto; width: auto; max-height: 500px; max-width: 500px; 
z-index: 999999;     -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.infobox3:hover{ cursor: pointer; cursor:hand;}

#infobox4 {display:inline-block; width:55px; text-align:left; margin-top:-35px;}


#BarcodeButton {display:inline; width:55px; text-align:left; margin-right:75px;}
#PaymentsMadeButton {display:inline-block; width:55px; text-align:left; margin-left:75px;}

#infoCallsNotes {display:inline-block; margin-top:-5px;width:155px;}
#infoboxCallsInner {line-height:2.75; width:45px; text-align:center;display:inline-block;
background-image:url('../cssimg/mobilewhiteshort.png'); background-size: 45px 45px; background-repeat: no-repeat;}
#infoboxNotesInner {line-height:2.25; width:35px; text-align:center;display:inline-block;color:#CC0000;font-weight:bold;
background-image:url('../cssimg/Light_clipboard.png'); background-size: 30px 35px; background-repeat: no-repeat;} 

.callsnotes{line-height:0;valign:10;}

.usernotification{background-color:#4c6893;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


.error{color:#FF0000;}
.error:after{content: "* Required";}
.ErrBorder{border: 2px solid #CC0000;}


.highlightlink:hover{color:#F93;}



::selection {background: #FFFF00; }
::-moz-selection {background: #FFFF00; }

.SupportWindow{background-color:#00CC00;color:#fff; display:inline-block; font-weight:600; font-size:120%;
  width:auto; padding:10px 15px;left: -20px !important; vertical-align:center; text-align:center;
  border: 3px solid #ccc; 
-webkit-border-top-right-radius: 16px;-moz-border-top-right-radius: 16px;border-top-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;-webkit-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;
-webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px;}  



  





div.pagination {padding: 3px;margin: 3px;}

div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;
text-decoration: none; border: 1px solid #F93;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-appearance: none;}
	
div.pagination a:hover, div.pagination a:active {border: 1px solid #ccc;background-image: linear-gradient(to bottom, #BABABA, #575757);}
                          
                          
.searchInactive {background:none;border:0;font-weight:bold;width:9vw;height:9vw;max-width:105px;max-height:105px;
outline:none;padding-left:5;padding-right:5;padding-top:5px;padding-bottom:5px;border-radius:10px;color:#fff;font-size:1.5vh;}
.searchInactive:hover{background:#00cc00;color:#fff;} 
.searchActive {background:#00cc00;border:0;font-weight:bold;width:9vw;height:9vw;max-width:105px;max-height:105px;
outline:none;padding-left:5;padding-right:5;padding-top:5px;padding-bottom:5px;border-radius:10px;color:#fff;}
                          
                          
.searchtble{width:30vw;max-width:500px;max-height:50vw;}
.searchtble td{vertical-align:center;text-align:center;}

.tabInactive {background:#292929;border:0;font-weight:bold; width:75px;height:75px;outline:none;
padding-left:5;padding-right:5;padding-top:5px;padding-bottom:5px;border-radius:10px;color:#fff;font-size:1.5vh;}
.tabInactive:hover{background:#00cc00;color:#fff;} 
.tabActive {background:#00cc00;border:0;font-weight:bold;width:75px;height:75px;outline:none;
padding-left:5;padding-right:5;padding-top:5px;padding-bottom:5px;border-radius:10px;color:#fff;}                        
                          
                          
.choiceInactive {background:#393939;border:0;font-weight:bold;width:75px;height:75px;outline:none;
padding-left:5;padding-right:5;padding-top:5px;padding-bottom:5px;border-radius:10px;color:#fff;}
.choiceInactive:hover{background:#00cc00;color:#fff;} 
.choiceActive {background:#00cc00;border:0;font-weight:bold;width:75px;height:75px;outline:none;
padding-left:5;padding-right:5;padding-top:5px;padding-bottom:5px;border-radius:10px;color:#fff;}                        
                  
          
          





          
                          
#dialogoverlay{display: none;opacity: .8;position: fixed;top: 0px;left: 0px;background: #222;width: 100%;z-index: 99999;}
#dialogbox{display: none;position: fixed;background: #FFFF00;border-radius:7px; min-width:550px;z-index: 9999999;}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background: #666; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxsubhead{display:none;background: #666; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxbody{ background:#333; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #666; padding:10px; text-align:right; }
#dialogboxOk{ display:inline-block; text-align:left;}
#dialogboxCancel{ display:inline-block; text-align:right;}
                          
.dialogbox{display: none;position: fixed;background: #FFFF00;border-radius:7px; width:550px;z-index: 9999999;}
.dialogbox > div{ background:#FFF; margin:8px; }





#CatchNoticesDiv{position: fixed;z-index: 9999999;top: 0px;max-width:500px;right:0px;margin-top: 55px;}


.Notificationbox{
opacity: .95; -ms-filter: "alpha(opacity=95)";filter: alpha(opacity=95); transform: scale(1); transform-origin: 0 0;
padding: 10px; margin-top: 5px; margin-bottom: 5px;
font-size: 1em; color: #000; text-align: left; display: none;
border-style: solid; border-width: 2px; border-color: #390;
 -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;
background-color: #cfc; width: 320px; position: fixed; z-index: 9999999;}
.Notificationbox > .Notificationheader{color:#000;overflow: hidden;}
.Notificationbox > .Notificationboxbody{color:#000;overflow: hidden;}

.NboxClose{position: absolute;right: -15px;bottom: -15px;}
.NboxClose img{width:2vmin;max-width:3vmax;height:2vmin;max-height:3vmax;cursor: pointer;cursor: hand;}

.NboxCloseTR{position: absolute;right: -5px;top: -5px;padding:10px;}
.NboxCloseTR img{width:2vmin;max-width:3vmax;height:2vmin;max-height:3vmax;cursor: pointer;cursor: hand;}

.NboxCloseBL{position: absolute;left: -5px;bottom: -5px;padding:10px;}
.NboxCloseBL img{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;cursor: pointer;cursor: hand;}




.NewNotify{
opacity: .95; -ms-filter: "alpha(opacity=95)";filter: alpha(opacity=95); transform: scale(1); transform-origin: 0 0;
padding: 10px; margin-top: 15px; margin-bottom: 5px;
font-size: 1em; color: #000; text-align: left; 
border-style: solid; border-width: 2px; 
 -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;
 width: 320px; position: relative; z-index: 9999999;}
.NewNotify > .Notificationheader{color:#000;overflow: hidden;}
.NewNotify > .Notificationboxbody{color:#000;overflow: hidden;}

.NotifySuccess{border-color: #390;background-color: #cfc;}
.NotifyAlert{border-color: #F1F803;background-color: #F3F0BE;}
.NotifyWarning{border-color: #FF7E00;background-color: #F7B97C;}
.NotifyError{border-color: #FF0000;background-color: rgba(245,17,17,0.95);color:#fff!important;}





.timer{display: none;position: fixed;background: #FFFF00;border-radius:7px; width:550px;z-index: 9999999;}
.timer > div{ background:#333; margin:8px;padding: 4vh 0 4vh 0; }
.clocktime {font-size:30px;text-align:center;}



  
#interface1 {z-index:1;}

#loader_container {text-align:center;position:absolute;top:40%;width:100%}

#loader{font-family:Tahoma,Helvetica,sans;
font-size:10px;color:#000000;background-color:#FFFFFF;
padding:10px 0 16px 0;margin:0 auto;display:block;width:135px;
border:1px solid #6A6A6A;text-align:left;z-index:255;}

#progress{height:5px;font-size:1px;width:1px;position:relative;
top:1px;left:10px;background-color:#9D9D94}

#loader_bg{background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px;}

.border_preview{z-index:100;position:absolute;background:#292929;border:5px solid #ccc;padding:25px;
-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;}

.preview_temp_load{vertical-align:middle;text-align:center;padding:10px;}
.preview_temp_loadimg{vertical-align:middle;text-align:center;}
  
  
  




.span_header1{font-family: Questrial,Arial, Helvetica, sans-serif;line-height: 100%;font-size:100%;font-weight: bold;}
.span_header2{font-family: Questrial,Arial, Helvetica, sans-serif;font-size:130%;font-weight: bold;}
.span_header3{font-family: Questrial,Arial, Helvetica, sans-serif;font-size:150%;font-weight: bold;}
.span_header4{font-family: Questrial,Arial, Helvetica, sans-serif;font-size:180%;font-weight: bold;}


.javapushdata_ORIGINAL{background: #292929;opacity: 0.9;position: fixed;
padding-top: 10px;padding-bottom: 30px;padding-left: 25px;padding-right: 0px;
width: 100%;top: -10px;right: -10px !important;text-align: center;z-index: 999999;}

.javapushdata{background: #292929;background-color:rgba(0, 0, 0, 0.98); overflow:auto;
position: fixed; width:100%; height:100%;
padding-top: 10px;padding-bottom: 30px;padding-left: 25px;padding-right:0;
top: -10px;right: -10px !important;text-align: center;z-index: 999999;}

.javapushdata table{width:98%!important;}


















#floatmovediv {
    position: absolute;
    z-index: 99999;
    background-color: #292929;
    border: 4px solid #d3d3d3;border-radius:7px;
    text-align: left;padding-bottom: 4vh;
}

#floatmovedivheader {width:100%;display:inline-block;background-color: #4d4d4d;
cursor: move;z-index: 999999;color: #fff; text-align: left;}

#floatmovedivclose{display:inline-block;height:4vmin;width:4vmin;float: right;
background-image:url(../cssimg/Delete-icon.png);
background-repeat: no-repeat;background-position: 0vmin 1vmin;background-size:3vmin;
}
#floatmovedivbody{background-color: #292929;text-align: left;padding:1vw;}
#floatmovedivexpand{display:inline-block;margin-top:1vmin;}
#floatmovedivopen{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#floatmovedivprint{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#floatmovedivemail{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#floatmovediveye{display:inline-flex;margin-top:1vmin;padding-left:4vmin;}
#floatmovedivinfo{display:inline-flex;margin-top:1vmin;padding-left:4vmin;}



#hovermovediv {
    position: absolute;
    z-index: 999999;
    background-color: #292929;
    border: 4px solid #d3d3d3;border-radius:7px;
    text-align: left;padding-bottom: 4vh;
}

#hovermovedivheader {width:100%;display:inline-block;background-color: #4d4d4d;
cursor: move;z-index: 9999991;color: #fff; text-align: left;}

#hovermovedivclose{
display:inline-block;height:6vmin;width:10vmin;float: right;background-image:url(../cssimg/Delete-icon.png);
background-repeat: no-repeat;background-position: 5vmin 1vmin;background-size:3vmin;
cursor: pointer;cursor: hand;
}
#hovermovedivbody{background-color: #292929;text-align: left;padding:1vw;}
#hovermovedivnotice{}
#hovermovedivone{display:inline-block;margin-top:1vmin;}
#hovermovedivtwo{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#hovermovedivthree{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#hovermovedivfour{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#hovermovedivfive{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
#hovermovedivsix{display:inline-block;margin-top:1vmin;padding-left:4vmin;}






#NewDataOverlay{display: none; opacity: .99;z-index: 999999;position: fixed;width: 100%;background-color: #292929;top:0;}
#NewDataOverlayClose{display:inline-block;height:4vmin;width:4vmin;float: right;
background-image:url(../cssimg/Delete-icon.png);
background-repeat: no-repeat;background-position: 0vmin 1vmin;background-size:3vmin;
}







.hovermovediv {position: absolute;z-index: 999999;background-color: #292929;
border: 4px solid #d3d3d3;border-radius:7px;text-align: left;padding-bottom: 4vh;}
.hovermovedivheader {width:100%;display:inline-block;background-color: #4d4d4d;
cursor: move;z-index: 9999991;color: #fff; text-align: left;}
.hovermovedivclose{
display:inline-block;height:6vmin;width:8vmin;float: right;background-image:url(../cssimg/Delete-icon.png);
background-repeat: no-repeat;background-position: 3vmin 1vmin;background-size:3vmin;
cursor: pointer;cursor: hand;}
.hovermovedivbody{background-color: #292929;text-align: left;padding:1vw;}
.hovermovedivnotice{}
.hovermovedivone{display:inline-block;margin-top:1vmin;}
.hovermovedivtwo{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
.hovermovedivthree{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
.hovermovedivfour{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
.hovermovedivfive{display:inline-block;margin-top:1vmin;padding-left:4vmin;}
.hovermovedivsix{display:inline-block;margin-top:1vmin;padding-left:4vmin;}







.border-gradient {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
}
.bg-purple {
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
.bg-green {
  border-image-source: linear-gradient(to left, #B2FF59, #00C853);
}
.bg-redorange {
  border-image-source: linear-gradient(to right, red, orange);
}
.bg-shadow {
  border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

























@media print
{
h1,h2,h3,h4,h5,h6,h7,h8{color:#000!important;font-size:160%;font-family:Questrial;font-weight:600;}
body {background-color: #FFFFFF!important; color:#000;margin:0!important;}

span{color:#000000!important;}
.hidefromscreen {display:block; visibility:visible;} .hidefromscreen a {display:block; visibility:visible;}
.tble {border-style:none;}
th {color:red; } th a:link {color:red; font-size:60%;text-decoration: none;}
tr td {font-size:60%;text-decoration: none; height:auto;}
td a{text-decoration: none!important; font-size:70%; color:black;  }
.global-btn{display:none; visibility:hidden;}
input[type=submit]{display:none; visibility:hidden;}
#goto_button  { visibility: hidden; }
#main-nav{display:none; visibility:hidden;}
#printbutton { visibility: hidden; }
.hidefromprint {display:none!important; visibility:hidden!important;}
.printhighlight tr{background-color:#CCCCCC!important;}
.printblue {color:#0000FF;}
.printyellow{color:#FFFF00!important;}
.printred{color:#FF0000!important;}
.highliteblue {background-color:#0000FF!important;}
.highliteyellow{background-color:#FFFF00!important;}
.highlitered{background-color:#FF0000!important;}
.sortarrows{display:none;visibility: hidden;}
 #promo-bar{display:none;visibility: hidden;}
 #loading2, #loading3, #searchboxALL,#dialogoverlay, #dialogbox{display:none;visibility: hidden;}
 .srchbox{background-color: #FFFFFF!important;}
 #header{display:none;visibility: hidden;}
#sidebar_container{display:none;visibility: hidden; }
#sidebar{display:none;visibility: hidden;} 
 #container {width:100%; margin: 0 0 0 0; padding: 0 0 0 0; }
 #header_container{display:none;visibility: hidden;}
 #tdred,#tdblack,#tdblue,#tdyellow,#tdorange {display:none;visibility: hidden;}
.menutab_btm_left{display:none; visibility:hidden;}
#contentwrap{margin-right: 0px;}
#body{padding-left:0px!important;padding-right:0px!important;padding-top:0px;margin-top:0;margin-left:0px!important;margin-right:0px!important;}
.purchaseordertble tr{border:1px solid #999;font-size:140%!important;}
.purchaseordertble tr td{color:#000;}
.purchaseordertble th{background-color:#fff!important;}
.poshadeopt{background-color:rgba(63, 63, 60, 0.1)!important;-webkit-print-color-adjust: exact; }
.poTotaltxt{color:#000!important;}  .poBlktxt{color:#000!important;} .poOrangetxt{color:#F93!important;}
.reporttble{width:100%!important;margin:0px!important; border-spacing: 0px;border-padding: 0px;}
.reporttble th{font-size:70%!important;text-decoration: none;}
.reporttble tr, td, th{background-color:#fff!important;color:#000!important;border-bottom-width:1px;border-bottom-style: solid;border-bottom-color: #000;}

b,i {color:#000!important;}
.statustd span{color:#000!important;}
#PDL_divGrossOutter, #PDL_divGross{width:80%!important;}
}