html { 
     height: 100%;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    body {
        background: #fff;
    }
   .header-print {
      display: block !important;
      transform: scale(.8);
     }
    .header-print img{
      padding-left:20px;
      width:715px;
      height:auto;
      margin-top: 3px;  /* this affects the margin in the printer settings */
     }
}

body {
    padding:5px 30px 30px 30px;
    margin: 0 auto;
    max-width: 1200px;
    font-family:Tahoma, Geneva, sans-serif;
    background-color: #f5f5f5;
    font-size: 14px;
    color: black;
//    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

img{
    color: blue;
    font-size: 36px;
}

.blink_text {

    animation:blinkingText 1.5s infinite;
//    -webkit-animation:3s blinker linear infinite;
//    -moz-animation:blinkingText 1.2s infinite;

     color: red;
    }

@keyframes blinkingText{
	0%{		color: red;font-size:14px	}
	49%{	color: transparent;	}
	50%{	color: transparent;	}
	99%{	color:transparent;	}
	100%{	color: #000;	}
}

/* Menu Buttons; */
.btn-primary {
    background-color: #e8000d !important;
}

.btn-primary:visited{
    background-color: #e8000d !important;
}

.btn-primary:hover{
    background-color: #c80815 !important;
}

.btn-primary:active{
    background-color: #c80815 !important;
}

input[type='text'], input[type='password'], input[type='email'] {
//width: 200px;
border-radius: 2px;
border: 1px solid #00000;
padding-left: 5px;
color: #333;
font-size: 14px;
margin: 2px;
}

input[type='submit'] {
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #e8000d;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;
}
input[type='submit']:hover {
background-color: #c80815;
}

.button {
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #e8000d;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;
}

.prices{
    float:left;
    width:210px;
    height:110px;
    padding-left:10px;
    background-color:#fffff0;
}

table{
    margin: 0 auto;
    Width:100%;
}

td{
    color:black;
}


.select{
padding: 2px 5px 2px 5px;
color: #000000;
//width: 110px;
overflow-y: auto;
//background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin-right: 1px;
//cursor:pointer;
}

.select3{
padding: 2px 5px 2px 5px;
color: #000000;
width: 110px;
overflow-y: auto;
//background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin-right: 1px;
//cursor:pointer;
}

.select1{
padding: 6px 3px 6px 3px;
color: #fff;
background-color: #e8000d;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin-right: 1px;
}

.select1:hover{
    color: #000000;
	text-decoration: none;
    background-color: #e8a2a5;

}


 #boxThis {
        margin: 0 auto;
        padding: 5px;
        background-color: red;
        font-size: 1em;
        width: 1050px;
        text-align: center;
        font-weight: bold;
        color: white;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }
      #boxThis.box {
        margin: 25px 0 0 70px;
        position: fixed;
        top: 0;
        z-index: 9999;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }

.header{
    margin: 0 auto;
    max-width:850px;
    width:100%;

    padding-bottom: 3px;
    margin-bottom: 10px;
}

.lead{
font-size: 25px;
}

.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.main {
	width: 90%;
	margin: 0 auto;
	position: relative;
    border:none;
}

.main td{
  border:none !important;
}

.main {
  border:none !important;
}

#header1 {
//    display:none;
    margin: 0 auto;
    margin-bottom:15px;
    max-width:1000px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 0px 0px 5px 0px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-sm{
    padding: .25rem .25rem !important;
}

#header2 {
    margin: 0 auto;
    margin-bottom:15px;
    max-width:1400px;
	width:100%;
    border-bottom: 2px solid black;
    padding-bottom:5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
;
}


#header_mon {
    margin: 0 auto;
    max-width:1300px;
	width:1250px;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_mon_add {
    margin: 0 auto;
    max-width:400px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_dispatch {
    margin: 0 auto;
	width:850px;
    border-bottom: 2px solid black;
    padding: 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}

#header_calls {
    margin: 0 auto;
    max-width:1100px;
	width:100%;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    background-color: #dbe9f4;
}

#header_calls_div{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    background-color: #dbe9f4;
}

.gallons{
    background-color:inherit;    
    border: 0px solid;
    text-align:center;
    font-weight:normal;
}

#footer {
  max-width:550px;
  border: none;
}

#footer td {
  border: none;
}

#working_mon{
    margin: 0 auto;
    max-width: 1200px;
    width:100%;
    border: 1px solid black;
    color: #000;
    font-size: 13px;
}

#working_mon_add{
    margin: 0 auto;
    max-width: 400px;
    width:100%;
    border: 1px solid black;
    color: #000;
    font-size: 13px;
}

#working_mon_view{
    margin: 0 auto;
    max-width: 300px;
    width:100%;
    border: 1px solid black;
    color: #000;
    font-size: 13px;
}

#working_mon th, td{
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 2px;
    text-align:center;
}

.percent_bar{
    float:left;
    background-color: green;
    color: #ffffff !important;
//    font-size:12px !important;
    margin-right: 1px;
//    padding-left: 3px;
    border-bottom: 1px solid black;
//    text-align:center;
}

.percent_outer{
    height:22px;
    width:100%;
    background-color: #90ee90;
    color: #000000 !important;

    border: 1px solid black;
//    text-align:right;
}

.percent_bar_zero{
    float:left;
    background-color: #FF0000;
    color: #ffffff;
    border-bottom: 1px solid black;
//    text-align:center;
}

.percent_outer_zero{
    height:22px;
    width:100%;
    background-color: #FF0000;
    color: #FFFFFF;
    border: 1px solid black;
//    text-align:right;
}

.percent_bar_low{
    float:left;
    background-color: red;
    color: #ffffff;
    margin-right: 3px;
    border-bottom: 1px solid black;
//    text-align:center;
}

.percent_outer_low{
    height:22px;
    width:100%;
    background-color: #f0e130;
    color: #000000;
    border: 1px solid black;
//    text-align:right;
}


.form{
width: 400px;
margin: 0 auto;
}

.form1{
width: 600px;
margin: 0 auto;
text-align: left;
}

.list{
  width:750px;
}


#menu-top-navigation {
  margin: 0 auto;
  width:100%;
//	border-bottom: 2px solid black;
}


#menu {
  margin: 0 auto;
  width: 80%;
  padding: 2px 5px 2px 60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}

#datecolor {
  font-size:20px;
  color:red;
}
#custmenutop {
  margin: 0 auto;
  width: 700px;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}

#custmenutotal {
  margin: 0 auto;
  width: 550px;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}


#custlookuptop {
  margin: 0 auto;
  width: 350px;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}

#custlookuptop1 {
  margin: 0 auto;
  width: 100%;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}


#custmenu {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
//  text-align: center;
}

#custmenult {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  background-color: #ffffcc;
  text-align: right;
}

#custmenultname {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  background-color: #ffffcc;
  text-align: left;
}



#custmenurt {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: red;
  text-align: right;
}

#custmenurtlt {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  background-color: #ffffcc;
  color: red;
  text-align: right;
}



#custmenugreen {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  background-color: #00ff00;
}

#custmenured {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  background-color: #ffff00;
}

#custmenudate {
//  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  text-align: center;
}


#custmenuworksheet {
  border: 2px solid black;
  padding: 5px 5px 5px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  text-align: center;
}

.box{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color:#333;
  padding:5px;
  background-color:#fff;
  border:2px solid #999;
}

.boxlink{
  margin: 0 auto;
  font-family:Tahoma, Geneva, sans-serif;
  width:200px;
  font-size:16px;
  color:#333;
  padding:5px;
  background-color:#fff;
  border:2px solid #999;
  text-align:center;
}


.boxlookup{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding:5px;
  background-color: #0080ff;
  border:2px solid #999;
}

.boxlookup-rack{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:black;
  padding:5px;
  background-color: lightgrey;
  border:2px solid #999;
  text-align:center;
}


.boxcust{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color:#fff;
  padding:5px;
  background-color: red !important;
  border:2px solid #999;
  text-align:center;
}

.boxcustred{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#fff;
  padding:3px;
  background-color: red;
  border:2px solid #999;
  text-align:center;
}

.boxcustwhite{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:2px;
  background-color: white;
  border:2px solid #999;
  text-align:center;
}

.boxcustwhite-rack{
  font-family:Arial, Geneva, sans-serif;
  font-size:1em;
  color:#000;
  padding:2px;
  background-color: white;
  border:0px solid #999;
  text-align:center;
  max-width: 40px;
}


.boxcustwhite, input[type=text]{
  font-size:1em;
  font-weight:bold;
}

.boxcustwhiteshade{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:3px;
  background-color: yellow;
  border:2px solid #999;
  text-align:center;
}

.boxcustwhiteleft{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:3px;
  background-color: white;
  border:2px solid #999;
  text-align:left;
}

#custmenubox, boxcust{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color:#fff;
  padding:5px;
  background-color: red;
  border:2px solid #999;
}

#custmenubox {
  background-color: #fff;
  border: 2px solid black;
  padding: 6px 5px 6px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  text-align: center;
  font-weight: 800;
}

#custmenubox1 {
  border: 2px solid black;
  padding: 6px 5px 6px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  text-align: center;
  font-weight: 800;
}


.ux-nav-item {
  width:800px;
}
/* HPC Inventory */

#banner {
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color: #000;
  text-align: center;
  font-weight: 800;
  padding: 6px 5px 6px 5px;
}

#working{
    margin: 0 auto;
    max-width: 1250px;
//    padding: 2px 2px 2px 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;
    font-size: 14px;
}

#working_pos{
    margin: 0 auto;
    width: 800px;
    padding: 2px 2px 2px 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;

}


#working th, td{
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    text-align:center;
}

#working_dispatch{
    margin: 0 auto;
    max-width: 450px;
//    padding: 2px 2px 2px 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;
    font-size: 14px;
}

#color{
    background-color: #F5F5F5;
//    padding-bottom: 10px;
    text-align:center;
    border:1px solid;
}

#color1{
    background-color: #DCDCDC;
    text-align:right;
    font-weight:bold;
    padding-right:5px;
}

#color2{
    background-color: #F5F5F5;
    text-align:left;
    padding-left:5px;
}

#color_red{
    background-color: red;
    color: #ffffff;
    text-align:left;
}

#color_red td{
    color: #ffffff;
}

#color_red a{
    color: #ffffff;
}

#color_green{
    background-color: green;
    color: #ffffff;
    text-align:left;
}

#color_green td{
    color: #ffffff;
}

#color_green a{
    color: #ffffff; !important;
    text-decoration: underline;
}

#color_yellow{
    background-color: #fdfd96;
    color: #000000;
//    text-align:left;
}

#color_yellow td{
    background-color: #fdfd96;
    color: #000000;
//    text-align:left;
}

#color_yellow a{
    text-decoration: underline;
}


#color_notify{
    background-color: #D3D3D3;
    color: red;
    text-align:left;
}

#color_notify a{
    color: red;
}

#color_notify td{
    color: red;
}

#color_grey{
    background-color: #D3D3D3;
    color: #000000;
    text-align:left;
}

#color_grey a{
    color: blue;
    text-decoration: underline;
}

#color_blue{
    background-color: #ADD8E6;
    color: #000000;
    text-align:left;
}

#color_blue a{
    color: blue;
    text-decoration: underline;
}


#table-top  {
  margin: 0 auto;
  width:750px;
  border: 2px solid black;
  text-align: center;
}

#table-top-noborder {
  margin: 0 auto;
  width:750px;
}


#table-topsm {
  margin: 0 auto;
  width:600px;
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
}

#table-topsm1 {
  margin: 0 auto;
  width:600px;
  border: 2px solid black;
  padding: 2px 2px 2px 2px;
}

#table-topsm1 td {
  border: 2px solid black;
}

#box-addnew{
  background-color:#FF0000;
  background-size:360px 25px; 
  background-repeat: no-repeat;
  color:#FFFFFF;
  font-size:16px;
  padding:0px 10px 0px 10px;
  border-radius: 25px
}

#box-back{
  background-color:#FF0000;
  background-size:360px 25px; 
  background-repeat: no-repeat;
  color:#FFFFFF;
  font-size:16px;
  padding:0px 10px 0px 10px;
  border-radius: 10px
}

/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Cambria, Georgia, serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.6);
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}