body{background: #fff;}
a,a:focus{color: #d9534f;text-decoration: none;}
a:hover{color: #c9302c;text-decoration: none;}
.page-header{margin:20px 0;}
.btn-red{background: #cc0000;color:#fff;border-color:#d43f3a;}
.btn-red:hover{background: #c9302c;color:#fff;}
.navbar-header{background: #fff;width: 250px;}
.navbar-header img{position: absolute;bottom: 5px;left:14px;}
.navbar-red{background: #cc0000 !important;color:#fff !important;}
.navbar .navbar-top-links a{color: #fff}
.navbar .navbar-top-links li.dropdown i{color:#fff;}
.navbar .navbar-top-links li.dropdown a:focus{background: #eee}
.navbar .navbar-top-links li.dropdown a:hover{background: #fff;color: #cc0000;}
.navbar .navbar-top-links li.dropdown a:hover{color:#cc0000;}
.navbar .navbar-top-links li.dropdown a:focus{color:#cc0000;}
.navbar .navbar-top-links li.dropdown a:hover i{color:#cc0000;}
.navbar .navbar-top-links li.dropdown a:focus i{color:#cc0000;}
.navbar .navbar-top-links li.dropdown .dropdown-menu a{color:#333;}
.navbar .navbar-top-links li.dropdown .dropdown-menu i{color:#333;}
.navbar .navbar-brand{float: left;height:auto;padding:26px;}
.help-block{color:#cc0000;}
.sidebar .sidebar-nav a{color:#333;}

.clear{clear:both;}
#loginpage .login-panel{margin-top:10%;}
#loginpage .logo{margin-top:25%;text-align: center;}

#quickstats{
	margin: 20px;
    color: #333;
    background: #eee;
    padding: 20px;
    border-radius:5px;
}

#footer-wrapper{
	width:100%;
	height: 43px;
	text-align:center;
	background:#cc0000;
	color:#fff;
	padding: 5px;
	z-index: 9999;
  position: fixed;
  bottom: 0;
  left:0
}
#front-wrapper .page-header{
  text-align: center;
}
.front-logo{
  background: #fff;
  width: 180px;
  height: 49px;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 20px;
  text-align: center;
  padding-top:5px;
}
.footer-logo{
	text-align: center;
  margin-left: auto;
  margin-right: auto
}

#front-wrapper{
  position: inherit;
  min-height: 568px;
  background-color: #fff;
}

.fileinput-button{display: inline-flex;}
#dropzone { margin-bottom: 3rem; }
.dropzone { border: 2px dashed #0087F7; border-radius: 5px; background: white; cursor: pointer;}
.dropzone .dz-message { font-weight: 400; }
.dropzone .dz-message .note { font-size: 0.8em; font-weight: 200; display: block; margin-top: 1.4rem; }

#dropzone-previews{margin-top:20px;}
#dropzone-previews .preview-item{display: none;position: relative;padding:5px;}
#dropzone-previews .preview-item.dz-complete{display: block;}
#dropzone-previews .preview-item.primary{background: #d9edf7;}
#dropzone-previews .preview-item.primary .setprimary{display: none;}
#dropzone-previews .thumbnail{width:75px;margin: 0px 10px 0px 0px;float:left;}
#dropzone-previews .details{text-align: left;float:left;}
#dropzone-previews .actions{text-align: right;float:right;}

#pageBlockerShadow{
  z-index:99999;
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  width:100%;
  height:100%;
  opacity:0.8;
  background:#000;
  display:none;
}
#pageBlockerContent{
  font-size:14px;
  position:fixed;
  margin-left:-100px;
  left:40%;
  top:30%;
  z-index:100000;
  color: #fff;
  display:none;
}

/*Dropzone CSS Start*/
div.my-dropzone .file{
  width: 100%;
  height: 200px;
  text-align: center;
  border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    position: relative;
    padding: 75px;
}
.preview-item{float: left;margin-right: 25px;}
.preview-item:last-of-type{margin-right: 0px;}
.preview-item div.thumbnail{
  width: 100px;
  position: relative;
}
.preview-item div.thumbnail.featured{
  border: 2px solid #3FA4F9;
}
.preview-item div.thumbnail.error{
    border: 2px solid #CF2128;
}
.preview-item div.thumbnail .preview-actions,
.preview-item div.thumbnail .preview-error{
  display: none;
}
.preview-item div.thumbnail.error span.preview-error{
  display: block;
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
    width: 100%;
    height: 100%;
    background-color: #f2dede;
    border-color: #ebccd1;
    z-index: 100;
}
.preview-item div.thumbnail.error:hover span.preview-actions{display: none;}
.preview-item div.thumbnail:hover span.preview-actions{
  display: block;
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
    width: 100%;
    height: 100%;
    background-color: #f2dede;
    border-color: #ebccd1;
    z-index: 100;
}
.preview-item div.thumbnail a.error-image{
  position: absolute;
    left: 40px;
    top: 33px;
    z-index: 200;
    font-size: 15px;
    display: block;
}
.preview-item div.thumbnail a.set-featured-image,
.preview-item div.thumbnail a.remove-image{
  position: absolute;
    left: 20px;
    top: 25px;
    z-index: 200;
    font-size: 20px;
    display: block;
}
.preview-item div.thumbnail a.set-featured-image{color: #3FA4F9;}
.preview-item div.thumbnail a.error-image,
.preview-item div.thumbnail a.remove-image{
  color: #CF2128;
}
.preview-item div.thumbnail a.remove-image{
  margin-left: 20px;
}
/*Dropzone CSS End*/

.jobreportitem{
  border: 1px solid #eeeeee;
  padding: 10px;
  margin: 15px
}

.job-list-item{
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}


.autocomplete-suggestions{
    background-color: #ddd; 
    margin-top: 1px;    
    position: absolute; 
    padding: 10px;
    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    
    border-radius: 3px;
    width: 500px !important;
    overflow-y: auto;
    max-height: 230px;
    z-index: 99;
}
.autocomplete-group,.autocomplete-suggestion:hover{cursor: pointer;background: #0c78d0;}
.autocomplete-group{
    line-height: 13px;
    padding: 5px 5px;
    font-weight: bold;
    background:none;
    font-size: 13px;
}
.autocomplete-suggestion{
    padding: 5px 0 5px 15px;
    font-size: 13px;
    color: #444;
    font-weight: normal;
    font-size: 13px;
}
.autocomplete-selected {
    background-color: #0c78d0;
    color: #F5F5F5;
    border: 1px solid #204dc3;
    border-radius: 4px;
}

.number-wrapper {
  position: relative;
}

.number-wrapper:after,
.number-wrapper:before {
  position: absolute;
  right: 1px;
  height: 0.8em;
  font-size: 14px;
  pointer-events: none;
  background: #fff;
  color: #555;
  cursor: pointer;
}

.number-wrapper:after {
  content: "\25B2";
  margin-top: 1px;
}

.number-wrapper:before {
  content: "\25BC";
  margin-bottom: 6px;
  bottom: -.5em;
}

.number-wrapper input[type="number"]{
  height: 33px;
  text-align: center;
  width: 85px;
}