@charset "utf-8";
/* CSS Document */

/* line 129, ../scss/app.scss */
.roboto {
  font-family: 'Roboto Slab', serif !important;
  font-weight: 700;
}

/* line 131, ../scss/app.scss */
.roboto-light {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
}

/* line 124, ../scss/app.scss */
.orange {
  color: #F08F2E !important;
}

/* line 125, ../scss/app.scss */
.blue {
  color: #24417E;
}

.white {
	color:#ffffff!important;
}

nav ul li a {
	text-align:center;
	margin:0;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:#87a5bd;
}

img.thumbnail:hover {
	border-color: #F08F2E;
}

ul.menu li a {
	padding-top:14px;
	padding-bottom:15px;
	color:#fff;
	font-size:14px;
}
ul.menu li:hover {
	background-color:#405970;
}

ul.menu li.selected{
	background-color:#F08F2E !important;
}

.top-bar, ul.menu li {
    background: #4a6882;
    color:#fff;
}

div.expand { max-width:100%; }

/*button, .button {
    background-color: #eeb311;
}
button:hover, .button:hover, button:focus, .button:focus {
    background-color: #b78e1d;
}


a {
    color: #59190b;
    line-height: inherit;
    text-decoration: none;
}
button.disabled!important, button[disabled]!important, .button.disabled!important, .button[disabled]!important {
    background-color: #03b9c2;
    border-color: #03acb4;
    box-shadow: none;
    color: white;
    cursor: default;
    opacity: 0.7;
}*/
span.errorMessage, i.red { color:red!important; }

.red, .errorMessage, .error-message {
	color:#FF0000;
}
.orange{
	color:#FF9900;
}
.blue{
	color:#2BA6CB;
}
.green{
	color:#5DA423;
}
.yellow {
	color:#eeb311;
}
.size-10 {
    font-size: 0.625rem;
}
.size-12 {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin-bottom: 0.3125rem;
}
.size-14 {
    font-size: 0.875rem;
}
.size-16 {
    font-size: 1rem;
}
.size-18 {
    font-size: 1.125rem;
}
.size-21 {
    font-size: 1.3125rem;
}
.size-24 {
    font-size: 1.5rem;
}
.size-36 {
    font-size: 2.25rem;
}
.size-48 {
    font-size: 3rem;
}
.size-60 {
    font-size: 3.75rem;
}
.size-72 {
    font-size: 4.5rem;
}
div.imageContainer {
	background-color:#FFFFFF;
	min-height: 160px;
	height:auto;
	border: 1px solid #CCCCCC;
	padding: 15px;
	position: relative;
}
div.imageUploadContainer {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
}
div.add-image, div.add-schedule, div.add-homereport {
	float:left;
	width:100%;
	height:60px;
	font-size:36px;
	color:#2BA6CB;
	cursor:pointer;
	text-align:center;
	line-height:60px;
}
div.imageInfo, div.image-info {
	float:left;
	width:100%;
	padding-top:4px;
	padding-left:5px;
	font-size:14px;
	color:#666666;
	border-top: 1px solid #CCCCCC;
}
div.imageInfo p, div.image-info p {
	font-size:12px;
	margin-bottom: 5px;
}
.image-progress-container, .schedule-progress-container, .homereport-progress-container {
	height:60px;
	width:50px;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
}
span.plus {
	vertical-align: 6px;
	line-height:20px;
}
div.add-image:hover, div.add-schedule:hover, div.add-homereport:hover {
	background-color:rgba(0,255,0,0.1);
}

.image-dropzone.hover, .schedule-dropzone.hover, .homereport-dropzone.hover {
    background-color:rgba(0,255,0,0.1);
    box-shadow: 0 0 6px 1px rgba(0,255,0, 0.5);
    transition: all 200ms ease-out 0s;
}
.image-dropzone.th.hover {
	border: 4px solid rgba(0,255,0,0.1)!important;
}

#images, .images {
	width:100%;
	display:block;
	height:auto;
}
#sortImage, .sort-image { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortImage li, .sort-image li { 
	position:relative;
	margin-right: 10px; 
	margin-bottom: 10px; 
	float: left; 
	width:118px;
	}


div.deleteImage, div.image-delete {
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:18px;
	padding-left: 4px;
	color:red;
	background-color:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
div.downloadImage, div.download-image {
	position:absolute;
	top:0;
	right:20px;
	width:20px;
	height:18px;
	padding-left: 4px;
	padding-right: 4px;
	color:#2ba6cb;
	background-color:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.top-bar {
    padding:0!important;
}
.top-bar .name {
    font-size: 16px;
    /*height: 2.8125rem!important;*/
    margin: 0;
}
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
    font-size: 1.0625rem;
    line-height: 1.0625rem;
    margin: 0;
}
.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button) {
	line-height: 2.625rem;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	height: 2.8125rem!important;
}
.top-bar-section li:not(.has-form) a:hover:not(.button) {
	background: none repeat scroll 0 0 #405970;
}
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background-color: #87a5bd;
}

.wait-outer-tiny{border:3px solid #87a5bd;border-top:3px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);border-radius:24px;width:24px;height:24px;margin:0 auto;-moz-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;-ms-animation-name:spin 1s infinite linear;animation:spin 1s infinite linear}
.wait-inner-tiny{border:3px solid #87a5bd;border-top:3px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);border-radius:16px;width:16px;height:16px;margin:0 auto;position:relative;top:-20px;-moz-animation:spinoff 1s infinite linear;-webkit-animation:spinoff 1s infinite linear;-ms-animation-name:spinoff 1s infinite linear;animation:spinoff 1s infinite linear}
.wait-outer{border:6px solid #87a5bd;border-top:6px solid rgba(0,0,0,0);border-left:6px solid rgba(0,0,0,0);border-radius:80px;width:80px;height:80px;margin:0 auto;-moz-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;-ms-animation-name:spin 1s infinite linear;animation:spin 1s infinite linear}
.wait-inner{border:6px solid #87a5bd;border-top:6px solid rgba(0,0,0,0);border-left:6px solid rgba(0,0,0,0);border-radius:60px;width:60px;height:60px;margin:0 auto;position:relative;top:-70px;-moz-animation:spinoff 1s infinite linear;-webkit-animation:spinoff 1s infinite linear;-ms-animation-name:spinoff 1s infinite linear;animation:spinoff 1s infinite linear}

@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-moz-keyframes spinoff{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-webkit-keyframes spinoff{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}
@-ms-keyframes spinoff{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-360deg)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes spinoff{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/asc.gif)!important;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/desc.gif)!important;
}
table.tablesorter thead tr .header {
    background-image: url(/img/bg.gif);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr .headerSortDown {
	background-color:#DEFFCE;
} 

.reveal-modal .close-reveal-modal {
	top:-5px;
	right:5px;
	}
table.hover-row tbody tr:hover {
	cursor:pointer;
	background-color:#dfeaf2;
}
table.hover-row tbody tr:hover td {
	margin:0!important;
}
table.hover-row {
	border-collapse: collapse;
}

label.application {
	color:#222222;
	font-weight:bold;
}

table.application-table-main {
	width:100%;
	border:1px solid #ccc;
	border-collapse: collapse;
	margin-bottom:1.25rem;
}
table.application-table-main tr th {
	text-align:left;
	background-color:#4a6882;
	color:#fff;
} 

table.application-table-main tr {
	border-bottom: 1px solid #ccc;
} 

table.application-table-main tr td {
	text-align:left;
	color:#4a6882;
}
table.application-table {
	width:100%;
	border:1px solid #ccc;
	border-collapse: collapse;
	margin-bottom:1.25rem;
}
table.application-table tr th {
	background-color:#4a6882;
	text-align:center;
	color:#fff;
} 

table.application-table tr td {
	text-align:center;
	color:#4a6882;
}
ul.sort {
	 margin:0;
	 list-style-type: none;
}
div.logo {
	width:158px;
	height:158px;
	text-align:center;
	background-color:#FFFFFF;
	cursor:pointer;
	position:relative;
	float:left;
	margin-top: 1px;
}
div.logo: {
	background-color:rgba(0,255,0,0.1);
}
#logoIcon {
	position:absolute;
	top: 50px;
	left: 50px;
	font-size:48px;
	color:#405970;
}
div.logoContainer {
	position:absolute;
	top: 0;
	left: 0;
	margin:0;
	padding:0;
}
#logoProgressContainer {
	padding:25px;
}
.logoInfo {
	float:left;
	background-color:#FFFFFF;
	height: 160px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 15px;
	color:#666666;
	width:228px;
	margin-bottom:20px;
}
.logoInfo p {
	font-size: 12px;
	margin-bottom:5px;
}
div.imageContainer {
	background-color:#FFFFFF;
	min-height: 150px;
	height:auto;
	border: 1px solid #CCCCCC;
	padding: 15px;
	position: relative;
}
div.imageUploadContainer {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
}
div.addImage, div.add-image {
	float:left;
	width:100%;
	height:60px;
	padding-top:4px;
	font-size:48px;
	color:#fdba2f;
	cursor:pointer;
	text-align:center;
}
div.imageInfo, div.image-info {
	float:left;
	width:100%;
	padding-top:4px;
	padding-left:5px;
	font-size:14px;
	color:#666666;
	border-top: 1px solid #CCCCCC;
}
div.imageInfo p, div.image-info p {
	font-size:12px;
	margin-bottom: 5px;
}
#imageProgressContainer, .image-progress-container {
	height:60px;
	width:50px;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
}
span.plus {
	vertical-align: 6px;
	line-height:20px;
}
div.addImage:hover, div.add-image:hover {
	background-color:rgba(0,255,0,0.1);
}

.dropzone.hover {
    background-color:rgba(0,255,0,0.1);
    box-shadow: 0 0 6px 1px rgba(0,255,0, 0.5);
    transition: all 200ms ease-out 0s;
}
.dropzone.th.hover {
	border: 4px solid rgba(0,255,0,0.1)!important;
}

#images, .images {
	width:100%;
	display:block;
	height:auto;
}
div.deleteImage, div.delete-image {
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:18px;
	padding-left: 4px;
	color:red;
	background-color:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	border-bottom: 1px solid #CCCCCC;
}
div.downloadImage, div.download-image {
	position:absolute;
	top:0;
	right:20px;
	width:20px;
	height:18px;
	padding-left: 4px;
	padding-right: 4px;
	color:#fdba2f;
	background-color:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div.clearLogo {
	position:absolute;
	top:0;
	right:0;
	width:18px;
	height:18px;
	padding-left: 4px;
	color:red;
	background-color:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#ratings-box p {
	margin:5px;
}
#ratings-box {
	padding:0.75rem;
}

img.thumbnail {
	width:100%;
}

.br-theme-bars-square .br-widget {
  height: 15px;
  white-space: nowrap;
}
.br-theme-bars-square .br-widget a {
  display: block;
  width: 57px;
  height: 57px;
  float: left;
  border: 2px solid #4a6882;
  background-color: white;
  margin: 2px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 400;
  line-height: 2.4;
  text-align: center;
  color: #4a6882;
  font-family: 'Roboto Slab', serif !important;
  font-weight: 700;
}
.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
  background-color: #F08F2E;
  color: #FFF;
}
.br-theme-bars-square .br-widget .br-current-rating {
  clear: both;
  width: 330px;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: .5em 0;
  color: #646464;
}
.br-theme-bars-square .br-readonly a {
  cursor: default;
}
.br-theme-bars-square .br-readonly a.br-active,
.br-theme-bars-square .br-readonly a.br-selected {
  border: 2px solid #729bf8;
  color: #729bf8;
}

.review-score {
	position:absolute;
	bottom:18px;
	right:17px;
	display: block;
	background-color: #F08F2E;
	width: 35px;
	height: 35px;
	margin: 2px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 2.8;
	text-align: center;
	color: #FFF;
	font-family: 'Roboto Slab', serif !important;
	font-weight: 700;
}


@media print {
  .br-theme-bars-square .br-widget a {
    border: 2px solid #b3b3b3;
    color: #b3b3b3;
  }
  .br-theme-bars-square .br-widget a.br-active,
  .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid black;
    color: black;
  }
}

.button {
    color: #fff;
    background-color: #4a6882;
}

.button:hover, .button:focus {
    background-color: #405970;
}

.button.secondary {
    color: #fff;
    background-color: #F08F2E;
}

.button.secondary:hover, .button.secondary:focus {
    background-color: #F08F2E;
}
