html,
body {
  height: 100%; font-family:'LatoRegular',georgia; font-size:18px; 
  /* The html and body elements cannot have any padding or margin. */
}
body{min-height:580px;min-width:350px; background-color: rgb(235, 235, 235);}
/*#UserName {
text-transform: capitalize;
}*/

/*
Green #26ad5e
Red #be3a2b
Blue #2b80b9
DarkBlue #34495e

Light blue table 
#dff3e7

Light red table
#f5e2df
*/

/* Wrapper for page content to push down footer */


@font-face {
 font-family: 'adelleBold';
 src: url('fonts/adelle_bold-webfont.eot');
 src: url('fonts/adelle_bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/adelle_bold-webfont.woff') format('woff'),
 url('fonts/adelle_bold-webfont.ttf') format('truetype'),
 url('fonts/adelle_bold-webfont.svg#adelleBold') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'OpenSansItalic';
 src: url('fonts/OpenSans-LightItalic-webfont.eot');
 src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
 url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
 url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'OpenSansRegular';
 src: url('fonts/OpenSans-Regular-webfont.eot');
 src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
 url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
 url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'RalewayLight';
 src: url('fonts/raleway-light-webfont.eot');
 src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/raleway-light-webfont.woff') format('woff'),
 url('fonts/raleway-light-webfont.ttf') format('truetype'),
 url('fonts/raleway-light.svg#RalewayLight') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'RalewaySemiBold';
 src: url('fonts/raleway-semibold-webfont.eot');
 src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/raleway-semibold-webfont.woff') format('woff'),
 url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
 url('fonts/raleway-semibold-webfont.svg#RalewaySemiBold') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'LatoRegular';
 src: url('fonts/lato-regular-webfont.eot');
 src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/lato-regular-webfont.woff') format('woff'),
 url('/fonts/lato-regular-webfont.ttf') format('truetype'),
 url('fonts/lato-regular-webfont.svg#LatoRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'LatoBlack';
 src: url('fonts/lato-black-webfont.eot');
 src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/lato-black-webfont.woff') format('woff'),
 url('fonts/lato-black-webfont.ttf') format('truetype'),
 url('fonts/lato-black-webfont.svg#LatoBlack') format('svg');
 font-weight: normal;
 font-style: normal;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

#ErrorBox{width: 340px;margin-left: auto;margin-right: auto;}
h2{font-family:'RalewayLight'; font-size:30px;text-align:center;text-transform:uppercase;}
.smallBoxes h3.panel-title{font-family:'LatoBlack';font-size:30px;color:white;text-align:center;padding-top:10px;}
/* Set the fixed height of the footer here */
#footer  {
  position: absolute;
  width: 96%;
  bottom: 30px;
  padding-top:30px;
}

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  margin-left:auto;margin-right:auto;text-align:center;
}

#footer > .container img{}

code {
  font-size: 80%;
}

.dashHeader  {
	font-size: 120%;
}

.dashData {
	font-size: 180%; 
	margin: 10px;
}
.loginPage > .container{
  background:url('../images/frontpage-background.png') no-repeat; height:100%; position:relative;
}

.buttonContainer{position:relative;margin-top:15px;}

.loginPage > .container > .panel{margin-top:200px; position:relative;background:#e6e5e5; max-width:335px;max-height:420px;margin-left:auto;margin-right:auto;
-moz-box-shadow: 0px 3px 8px #888;
-webkit-box-shadow: 0px 3px 8px #888;
box-shadow: 0px 3px 8px #888;

}
.loginPage > .container .panel-body {padding-top:110px;}
.loginPage .advaniaLogin{position:absolute;top:-73px;left:116px;}
.loginPage input{
   font-size:16px;border:0; min-width:307px;margin-left:0px;line-height: 42px; height:42px;padding-left:10px;font-family:'OpenSansRegular';
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 0px 1px 3px #888;
-webkit-box-shadow: 0px 1px 3px #888;
box-shadow: 0px 1px 3px #888;
}
.loginPage button{position:absolute;right:12px;top:4px;background:#26ad5e;}

.glyphicon-chevron-right{color:white;}
.cloud{display:inline;}

.loginPage legend{font-family:'adelleBold',georgia;font-weight:700;font-size:26px;padding-left:40px;}
.loginPage legend .cloud{font-family:'OpenSansItalic',verdana;font-size:22px;padding-left:5px;}

/*Dash board*/

body .container{position:relative;}
body .navbar{height:80px; background:#34495e; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
body .navbar-toggle{background:inherit;border:0;display:inline;margin-top:20px;}
body .navbar-toggle .icon-bar{background:white;width:30px;}
body .navbar-toggle:hover,body .navbar-default .navbar-toggle:focus{background:#34495e;}
body .navbar-collapse {position:absolute;top:78px;width:100%;padding:0;background:#f1f1f1;max-width:100%;}
body .navbar-brand{color:white;font-size:18px;padding:25px 0px;margin-left:20px; font-family:'RalewaySemiBold';font-size:18px;text-transform:uppercase;}
body .navbar-collapse > div {width:100%;}
body .navbar-collapse > div > div{width:100%; border-bottom:1px solid #d4d4d4; border-top:1px solid white;height:60px;}
body .navbar-collapse > div > div >a {line-height:60px;}
body .navbar-collapse > div >div:last-child{border-bottom:0;}
body .navbar-collapse > div > div:hover{background:white;}
body .navbar-collapse > div.nav.navbar-nav > div > a > span{text-transform:uppercase;font-family:'RalewayLight';color:#7f7f7f;font-size:18px;}
body .navbar-collapse > div.nav.navbar-nav > div > a > span.first{font-family:'RalewaySemiBold'; color:#34495e;margin-left:20px;}
body .navbar-header{float:none;height:80px;}
body .navbar-header .container{max-width:100%;width:100%;margin:0;}
body .centerContainer{padding:20px 10px; color:white;text-align: center; font-family:'LatoRegular';font-size:22px;}
body .centerContainer #Clock{font-size:22px;display:inline;}
body .navbar.nav{float:none;}
body .navbar-collapse .navbar-nav{margin:0; border-bottom:1px solid #d4d4d4;}
body .navbar .navbar-nav a {background:none;display:block;}
.navbar .navbar-nav>.active>a{background:none;}
body .navbar .navbar-nav a:hover{text-decoration:none;}
body .navbar .navbar-nav>.active>a >i{color:#34495e;padding-left:20px;}

body .largeBoxes .panel-info > .panel-heading{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
body .largeBoxes .panel-info > .panel-heading > .panel-title{color:white; line-height:40px;font-size:18px;font-family:'RalewaySemiBold'; text-transform:uppercase;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);}
body .largeBoxes .panel-info > .panel-heading > .panel-title.double{line-height:20px;}
body .largeBoxes .panel-info >.panel-heading{background:#34495e;border-bottom:2px solid #34495e;}
body .largeBoxes .panel-info.green  > .panel-heading {background:#26ad5e;border-bottom:2px solid #1f8c4c; }
body .largeBoxes .panel-info.red  > .panel-heading {background:#be3a2b; border-bottom:2px solid #9a3024;}
body .largeBoxes .panel-info.blue  > .panel-heading {background:#2b80b9; border-bottom:2px solid #236795;}
body .largeBoxes .panel-info.orange > .panel-heading{background:#e77e22; border-bottom:2px solid #b9651b;}
body .largeBoxes .panel-body {padding:0;margin:0;border:0; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.35);box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.35);}
body .largeBoxes .panel-info{border:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
body .largeBoxes .panel-body > div{border-bottom:1px solid #ddd;line-height:40px;min-height:51px;padding-top:5px;padding-bottom:5px;}
body .largeBoxes .panel-body i{float:right;margin-top:5px;}

body .smallBoxes .panel-info {border:1px solid #ddd; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;text-align:center;}
body .smallBoxes .panel-info > .panel-heading{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:#34495e;border:0;height:80px;padding-left:5px;padding-right:5px;}
body .smallBoxes .panel-info  .panel-heading  .panel-title{color:white; line-height:40px;text-align:center;padding-top:10px;}
body .smallBoxes .panel-info .panel-body {text-align:center;background:#f1f1f1;height:80px; padding:0;text-align:center;font-size:17px;font-family:'RalewaySemiBold';text-transform:uppercase;}
body .smallBoxes .panel-info .panel-body >div{padding-left:0;padding-right:0;padding-top:5px;margin-bottom:-3px;font-size:16px;}
body .smallBoxes .panel-info .panel-body .icon{padding-top:10px;text-align:center;}
body .smallBoxes .noPad{padding-right:7px;padding-left:7px;}


i.wrenches{display:inline-block;width:32px;height:32px;background:url(../images/sprite.png) -66px 0;}
i.envelope{display:inline-block;width:32px;height:32px;background:url(../images/sprite.png) -32px 0;}
i.pages{display:inline-block;width:32px;height:32px;background:url(../images/sprite.png) 0 0;}
i.clock{display:inline-block;width:32px;height:32px;background:url(../images/sprite.png) -97px 0;}

@media (min-width: 512px){

body .navbar-collapse.collapse{display:none !important;}

}

@media (min-width: 1200px){
body .largeBoxes .panel-info > .panel-heading > .panel-title.double{line-height:20px;}
body .largeBoxes .panel-info > .panel-heading > .panel-title.double.triple{line-height:20px;}
  }


  @media(max-width: 570px){
    
  .navbar-header .navbar-brand{position:absolute;left:0;top:-10px;}
  #Clock{position: absolute;width: 100%;left: 17px;top: 0;}
  .centerContainer{text-align: left !important;;position: absolute;width: 100%;left: 0px;top: 45px;}
  button.navbar-toggle{float:right;}
  .navButton{float:right;}
 }

table.table{-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.35);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.35);}
table.table thead{background:#34495e;}
table.table thead tr th{color:white; text-transform:uppercase;font-size:15px;}
table.table tbody{background:white;}
table.table thead>tr>th {border-bottom:0;}
table.table tbody tr td{border-right:1px solid #ddd;}

table.table thead.red{background:#be3a2b;}
table.table thead.green{background:#26ad5e;}
table.table thead.blue{background:#2b80b9;}
table.table thead.orange{background:#e77e22;}

table.table tbody tr.red{background:#FF9787;}
table.table tbody tr.green{background:#7DE8AA;}
table.table tbody tr.blue{background:#dff3e7;}
table.table tbody tr.orange{background:#f9dfc8;}


.oldJobs table.table tbody tr.red{background:#f5e2df;}
.oldJobs table.table tbody tr.red td{border-right:0;} 
.oldJobs table.table tbody tr.blue{background:#dff3e7;}
.oldJobs table.table tbody tr.blue td{border-right:0;}
.oldJobs table.table tbody tr.orange{background:#f9dfc8;} 
.oldJobs table.table tbody tr.orange td{border-right:0;}


.overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.85);
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; /* ie fallback png background image */
    z-index:10;
    color:white;
    margin-top:-20px;width:100%;height:2000px;display:none;}
	
.navbar-collapse {
	max-height: none !important;
}