@charset "utf-8";

/* CONTENTS */
/* Colors */
/* Globals */
/* Elements */
/* Typography */
/* Navbar */
/* Main */
/* Footer */

/* Colors
294 Dark Blue rgb(0, 81, 146) #005192
294 Dark Blue 5% rgba(0, 81, 146, .05)
294 Dark Blue 50% rgba(0, 81, 146, .5)
Process Blue rgb(0, 139, 197) #008bc5 (Acoat)
Process Blue Light rgb(220, 228, 231) #dce4e7

032 Red rgb(228, 49, 44) #e4312c
021 Orange rgb(241, 142, 0) #f18e00 (Acoat)
012 Yellow rgb(255, 230, 0) #ffe600 (Acoat)
390 Lime rgb(206, 205, 0) #cecd00
376 Green rgb(150, 191, 13) #96bf0d
3135 Turqoise rgb(0, 146, 187) #0092bb
266 Purple rgb(86, 55, 138) #56378a
254 Violet rgb(149, 45, 152) #952d98
207 Fuchsia rgb(195, 0, 74) #c3004a

10 Dark Gray rgb(134, 134, 136) #868688
7 Medium Gray rgb(183, 185, 186) #b7b9ba 
Light Gray rgb(244, 244, 246) #f4f4f6

Green rgb(0, 153, 0) #009900

background-image: linear-gradient(45deg,#C3004A 10%,#56378A 44%,#008BC5 74%,#55BECF 90%)
*/

/* Globals */
html {
	overflow-y: scroll;
	word-break: break-word;
}

body {
	/*font-family: 'Rajdhani', sans-serif;*/
	
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: white;
	font-size: 16px;
	color: rgb(0, 81, 146);
	margin: 0;
}

/* Elements */

input {
	color: rgb(0, 81, 146);
	background-color: rgba(0, 81, 146, 0.05);
	border:1px solid rgba(0, 81, 146, 0.05);
	border-radius:3px;
	padding: 8px;
	box-sizing: border-box;
	width: 100%;
	font-size: 1em;
}

input:focus {
	background-color: rgb(241, 142, 0);
}

input:focus + .tooltiptextSmall, input:focus + .tooltiptextMedium, input:focus + .tooltiptextLarge, input:focus + .tooltiptextXLarge,
input:focus + .tooltiptextSmallRight, input:focus + .tooltiptextMediumRight, input:focus + .tooltiptextLargeRight, input:focus + .tooltiptextXLargeRight {
	opacity: 0 !important;
	transition: opacity 0.5s !important;
}

button {
	background-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
	height: 32px;
	padding: 4px 10px 5px 10px;
	border-style: solid;
	/*border-color: rgb(255, 255, 255);*/
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-radius: 100px;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0px 8px 4px -4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

button:disabled {
	background-color: rgb(255, 255, 255);
	color: rgb(183, 185, 186);
	border-color: rgb(183, 185, 186);
	/*color: rgb(220, 228, 231);
	border-color: rgb(220, 228, 231);*/
	cursor: not-allowed;
	/*pointer-events: none;*/
}

select {
	width: 100%;
}

.ui-selectmenu-menu .ui-menu {
	max-height: 300px;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
	/*display: inline;*/
	font-size: 1.25em;
	font-weight: bold;
}

option.avatar {
  background-repeat: no-repeat !important;
  padding-left: 20px;
}

.avatar .ui-icon {
  background-position: left top;
}

/* Modifiers */

.ib {
	display: inline-block;
}

.il {
	display: inline;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.wFull {
	width: 100%;
}

.displayNone {
	display: none;
}

.fieldLabel {
	font-size: .85em !important;
	color: rgb(0, 139, 197);
	margin: 4px 0;
}

.hidden {
	visibility: hidden;
}

.text-right {
	text-align: right;
}

.f-right {
	float: right;
}

.pointer {
	cursor: pointer;
}

.color-pb {
	color: rgb(0, 139, 197);
}

.hotspot {
	cursor: pointer;
}

/*
select::-ms-expand {
	display: none;
}

.input-select {
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: none;
	font-size: 1em;
    color: rgb(0, 81, 146);
    padding: 11px 30px 11px 12px;
    width: 100%;
    transition: all .25s 80ms ease-in-out;
    background-color: #fff;
    background-image: url('images/arrow-down.png');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 11px) center;

}
*/

/* Table */
table {
	border-style: none;
	border-collapse: collapse;
}

table.tabs {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-spacing: 10px 0;
}

.content-tab {
	width: 45px;
	font-size: .85em;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 81, 146);
	/*margin: 0 5px;*/
	padding: 5px 10px;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-style: none;
	/*border-bottom-style: none;*/
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.content-tab-active {
	background-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
	/*margin: 0 5px;*/
	padding: 5px 10px;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	vertical-align: middle;
	text-align: center;
}

.utilization-tab {
	width: 60px;
	font-size: .85em;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 81, 146);
	/*margin: 0 5px;*/
	padding: 5px 10px;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-style: none;
	/*border-bottom-style: none;*/
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.utilization-tab-active {
	background-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
	/*margin: 0 5px;*/
	padding: 5px 10px;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	vertical-align: middle;
	text-align: center;
}

/*Line */
.hr-dark {
	border: 0 none;
	height: 1px;
	background-color: rgb(0, 81, 146);
	margin-top: 32px;
}

.hr-light {
	border: 0 none;
	height: 1px;
	background-color: rgb(255, 255, 255);
}


/* Typography */


/* Tooltip */

/* Tooltip container */
.tooltip {
  position: relative;
}

/* Tooltip text */
/*.tooltipSmall, .tooltipMedium, .tooltipLarge, tooltipXLarge, .tooltipJumbo, .tooltipIcon,*/
.tooltiptextSmall, .tooltiptextMedium, .tooltiptextLarge, .tooltiptextXLarge {
	/*box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.25s;
	background-color: rgb(0, 139, 197);
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 10px;
	border-radius: 25px;
	box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.2);
 
  	/* Position the tooltip text */
	/*position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;*/
	/*pointer-events: none;*/
}

.tooltiptextSmall, .tooltiptextMedium, .tooltiptextLarge, .tooltiptextXLarge, .tooltiptextSmallRight, .tooltiptextMediumRight, .tooltiptextLargeRight, .tooltiptextXLargeRight {
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	font-size: 14px;
	box-sizing: border-box;
	opacity: 0;
	/*transition: opacity 0.25s;*/
	background-color: rgb(0, 139, 197);
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.2);
	pointer-events: none;
}

.tooltiptextSmall {
	width: 100px;
	margin-left: -50px;
}

.tooltiptextMedium {
	width: 150px;
	margin-left: -75px;
}

.tooltiptextLarge {
	width: 200px;
	margin-left: -100px;
}

.tooltiptextXLarge {
	width: 300px;
	margin-left: -150px;
}

.tooltiptextSmallRight {
	width: 100px;
	margin-left: -84px;
}

.tooltiptextMediumRight {
	width: 150px;
	margin-left: -134px;
}

.tooltiptextLargeRight {
	width: 200px;
	margin-left: -184px;
}

.tooltiptextXLargeRight {
	width: 300px;
	margin-left: -284px;
}

/*
.tooltip .tooltiptext::after {
	opacity: 0;
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgb(0, 139, 197) transparent;
}
*/

/* Show the tooltip text when you mouse over the tooltip container */
/*.tooltipSmall:hover .tooltiptextSmall, .tooltipMedium:hover .tooltiptextMedium, .tooltipLarge:hover .tooltiptextLarge, .tooltipXLarge:hover .tooltiptextXLarge  {*/

@supports not (-ms-high-contrast: none) {
	.tooltip:hover .tooltiptextSmall, .tooltip:hover .tooltiptextMedium, .tooltip:hover .tooltiptextLarge, .tooltip:hover .tooltiptextXLarge,
	.tooltip:hover .tooltiptextSmallRight, .tooltip:hover .tooltiptextMediumRight, .tooltip:hover .tooltiptextLargeRight, .tooltip:hover .tooltiptextXLargeRight  {
		/*visibility: visible;*/
		/*opacity: 1;
		transition: opacity 0.25s linear 1.0s;*/
		
		animation-name: tooltipDisplay;
		animation-duration: 5s;
		animation-iteration-count: 1;
	}
}

@keyframes tooltipDisplay {
	0% { opacity: 0; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tooltip:hover .tooltiptextSmall, .tooltip:hover .tooltiptextMedium, .tooltip:hover .tooltiptextLarge, .tooltip:hover .tooltiptextXLarge,
	.tooltip:hover .tooltiptextSmallRight, .tooltip:hover .tooltiptextMediumRight, .tooltip:hover .tooltiptextLargeRight, .tooltip:hover .tooltiptextXLargeRight  {
		visibility: visible;
		opacity: 1;
	}
}

/* Navbar */
/*
.top-bar {
	width: 100%;
	height: 60px;
	background-color: rgb(0, 81, 146);
}
*/

.top-bar {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 81, 146);
}

.sticky {
	/*
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	*/
}

.sticky + .content {
	/*
	margin-top: 90px;
	*/
}

.navbar {
	/*box-sizing: border-box;*/
	width: 100%;
	/*display: flex;*/
	/*padding-right: 16px;*/
	height: 60px;
	/*align-items: center;*/
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
}

.navbar-content {
	width: 100%;
	max-width: 1110px;
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 11px;
	padding-bottom: 11px;
}

/*
.navbar-logo {
	width: 20%;
	min-width: 120px;
	background-size: contain;
	height: 31px;
	float: right;
	margin-right: 16px;
	margin-top: 16px;
	background-image: url('../images/AkzoNobel_wordmark_WHITE.png');
	background-repeat: no-repeat;
	background-position: left;
}
*/

.navbar-logo {
	width: 20%;
	min-width: 120px;
	background-size: contain;
	height: 31px;
	background-image: url('../images/AkzoNobel_wordmark_WHITE.png');
	background-repeat: no-repeat;
	background-position: left;
}

.navbar-icon {
	height: 31px;
	float: left;
}

/* Containers */
.page {
	/*box-sizing: border-box;*/
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 16px;
	background-color: rgb(255, 255, 255);
	/*margin-top: 16px;*/
}

.index-logo {
	display: inline-block;
	width: 50%;
	min-width: 250px;
	max-width: 500px;
	height: auto;
	min-height: 100px;
	background-image: url('../images/asap_logo_LARGE.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.index-box {
	margin: 0 auto;
	text-align: center;
	padding: 0, 32px, 32px, 32px;
}

.index-head-box {
	text-align: left;
	width: 250px;
	margin: auto;
	margin-bottom: 16px;
}

.main-logo {
	display: inline-block;
	width: 35%;
	min-width: 150px;
	max-width: 300px;
	height: 120px;
	background-image: url('../images/PaintMatSnap_logo.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

.main-2nd-logo {
	float: right;
	height: 120px;
	width: 18%;
	max-width: 143px;
	min-width: 70px;
	margin-right: 16px;
	background-image: url('../images/acoat_logo.png');
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 488px) {
	.main-2nd-logo {
		/*visibility: hidden;*/
	}
	.icon-bar {
		width: 22px;
		padding-right: 32px;
	}
}

.main-head {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 16px;
}

.sub-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	/*width: 100%;*/
	max-width: 1000px;
	/*padding: 16px;*/
	/*margin-right: 30px;*/
	margin: 0 0 16px 0;
	/*text-align: right;*/
}

.sub-container-icons {
	/*width: 100%;
	padding: 10px;
	margin-right: 30px;
	text-align: right;
	font-size: 2em;*/
	/*float: right;*/
}

.fieldTitlePairGroup {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.fieldTitlePair {
	display: inline-block;
	text-align: left;
	margin: 16px 12px 16px 0;
}

.fieldTitlePairSmall {
	display: inline-block;
	text-align: left;
	width: 100px;
	margin: 16px 12px 16px 0;
}

.fieldTitlePairMedium {
	display: inline-block;
	text-align: left;
	width: 150px;
	margin: 16px 12px 16px 0;
}

.fieldTitlePairLarge {
	display: inline-block;
	text-align: left;
	width: 200px;
	margin: 16px 12px 16px 0;
}

.fieldTitlePairXLarge {
	display: inline-block;
	text-align: left;
	width: 300px;
	margin: 16px 12px 16px 0;
}

.fieldTitlePairJumbo {
	display: inline-block;
	text-align: left;
	width: 100%;
	margin: 16px 12px 16px 0;
}

.field-box {
	/*display: inline-block;*/
	background-color: rgba(0, 81, 146, 0.05);
	padding: 8px;
}

.action-options {
	display: inline-block;
	width: 150px;
	float: right;
	font-size: 2em;
}

.aeb-icon-stamp {
	display: inline-block;
	height:30px;
	width: 27px;
	background-image: url('../images/stamp.png');
	background-size: 27px 30px;
	margin-bottom: -4px;
}

.aeb-icon-utilization {
	display: inline-block;
	height:30px;
	width: 19px;
	background-image: url('../images/engine_revolutions.png');
	background-size: 19px 30px;
	margin-bottom: -4px;
}

.aeb-icon-preferences {
	display: inline-block;
	height:30px;
	width: 32px;
	background-image: url('../images/preferences.png');
	background-size: 32px 30px;
	margin-bottom: -4px;
}

.aeb-icon-career {
	display: inline-block;
	height:32px;
	width: 32px;
	background-image: url('../images/career.png');
	background-size: 32px 32px;
	margin-bottom: -4px;
}

.icon-large {
	font-size: 1.5em;
}

.icon-bar {
	/*text-align: right;*/
}

.icon-box {
	display: inline-block;
	/*height: 32px;*/
	/*margin: 5px 0;*/
	cursor: pointer;
	/*height: auto;*/
	padding: 0 0 16px 0;
	font-weight: bold;*/
}

.icon-box-inactive {
	display: inline-block;
	height: auto;
	/*padding: 8px 0 8px 8px;*/
	color: rgb(0, 139, 197);
	cursor: not-allowed;
}

.icon-box-disabled {
	display: inline-block;
	height: auto;
	/*padding: 8px 0 8px 8px;*/
	color: rgba(0, 81, 146, .5);
	cursor: not-allowed;
	pointer-events: none;
}

.icon-box-disabled > div {
	opacity: 0.5;
}

.icon-spacer {
	display: inline-block;
	width: 16px;
}

.element-title {
	font-size: 1.5em;
	background-color: rgba(0, 81, 146, 0.05);
	padding: 16px;
}

@media screen and (max-width: 767px) {
	.element-title {
		font-size: 1em;
	}
}

.chart-box {
	padding: 0;
	margin: 0;
	list-style: none;

	/*
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	*/
	
	display: flex;

	/*-webkit-flex-flow: row wrap;*/
	flex-flow: row wrap;
	justify-content: space-around;
}

/* Footer */
.footer {
	width: 100%;
	height: 300px;
	margin-top: 16px;
	background-image: url('../images/footer-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-content {
	width: 100%;
	max-width: 1110px;
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.footer-message {
	padding: 16px 0;
	font-size: 1.15em;
}

@media screen and (min-width: 480px) {
	.footer-message {
		width: 30%;
	}
}

@media screen and (max-width: 479px) {
	.footer-message {
		width: 100%;
	}
}

.message-table {
	table-layout: fixed;
	width: 100%;
	font-size: .9em;
}

.alertMessage {
	/*display: none;*/
	color: rgb(241, 142, 0);
	/*font-style: italic;*/
}

.statusMessage {
	/*display: none;*/
	color: rgb(0, 139, 197);
}

.successMessage {
	/*display: none;*/
	color: rgb(0, 153, 0);
}

.alertMessage td, .statusMessage td {
	vertical-align: top;
}

.bold-white {
	color: rgb(255, 255, 255);
	font-weight: bold;
}

.roman-white {
	color: rgb(255, 255, 255);
}

.footer-logo {
	width: 100%;
	height: 31px;
	margin-bottom: 16px;
	background-image: url('../images/AkzoNobel_wordmark_WHITE.png');
	background-repeat: no-repeat;
	background-position: right;
}

.fetching-message {
	/*display: none;*/
	/*margin: 0 auto;*/
	padding-bottom: 16px;
	color: rgb(241, 142, 0);
}

.PaintMatSnap-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.PaintMatSnap-outer-chart-box {
	/*margin: 0 auto;*/
	text-align:center;
}

.PaintMatSnap-charts-legend {
	display: none;
	justify-content: space-between;
	align-items: flex-start;
	/*width: 100%;*/
	padding: 32px;
	/*float: left;*/
	/*text-align: left;*/
}

.PaintMatSnap-charts-legend-message {
	color: rgb(0, 139, 197);
}

.PaintMatSnap-chart-box {
	/*display: inline-block;
	width: 100%;
	min-width: 300px;
	max-width: 430px;
	margin: 0 16px 32px 16px;
	padding: 16px;*/
	/*width: 100%;
	width: 450px; /* default to medium */
	/*margin: 0 10px 96px 10px;*/
}

.PaintMatSnap-chart-box-small {
	width: 300px;
	margin: 0 10px 96px 10px;
}

.PaintMatSnap-chart-box-medium {
	width: 450px;
	margin: 0 10px 96px 10px;
}

.PaintMatSnap-chart-box-large {
	width: 100%;
	margin: 0 10px 96px 10px;
}

.chart-size-icon-box {
	float: right;
	margin-top: 20px;
	display: none;
}

.PaintMatSnap-chart-popup-box {
	display: none;
	position:absolute;
	top: 42px;
	left: 0;
	z-index: 9999;
	width: 300px;
	height: 270px;
	padding: 16px;
	border-style: none;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	background-color: white;
	box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.2);
}

.PaintMatSnap-chart-popup-box-show {
	display: inline-block;
}

@media screen and (min-width: 520px) {
	.PaintMatSnap-chart-popup-box {
		width: 450px;
	}
}

.PaintMatSnap-chart-label {
	background-color: rgba(0, 81, 146, 0.05);
	/*height: 32px;
	padding-left: 8px;
	padding-top: 8px;
	*/
	padding: 8px;
	margin-top: 8px;
	text-align: left;
	color: rgb(0, 81, 146);
}

.chart-label-button-box {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	text-align: right;
}

table.PaintMatSnap-table-label-col td {
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 5px;
	height: 32px;
	font-size: 12px;
	min-width: 32px;
}

table.PaintMatSnap-table-label-col th {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	min-width: 54px;
	padding: 5px;
}

.PaintMatSnap-table-data-col {
	table-layout: fixed;
	/*width: 870px;*/
}

.PaintMatSnap-table-data-col tr:nth-child(2),
.PaintMatSnap-table-data-col tr:nth-child(4),
.PaintMatSnap-table-data-col tr:nth-child(6) {
	background-color: rgb(240, 240, 240);
}

.PaintMatSnap-table-data-col tr:nth-child(n+8):nth-child(-n+10) {
	background-color: rgb(244, 235, 250);
}

.PaintMatSnap-table-data-col tr:nth-child(n+11):nth-child(-n+13) {
	background-color: rgb(253, 232, 235)
}

.PaintMatSnap-table-data-col tr:nth-child(n+14):nth-child(-n+16) {
	background-color: rgb(254, 250, 231);
}

.PaintMatSnap-table-data-col tr:nth-child(n+17):nth-child(-n+19) {
	background-color: rgb(254, 237, 231);
}

.PaintMatSnap-table-data-col tr:nth-child(n+20):nth-child(-n+22) {
	background-color: rgb(234, 248, 250);
}

.PaintMatSnap-table-data-col tr:nth-child(n+23):nth-child(-n+25) {
	background-color: rgb(244, 249, 235);
}

.PaintMatSnap-table-data-col tr:nth-child(26) {
	background-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
}

.PaintMatSnap-table-data-col td:last-child {
	font-weight: bold;
}

.PaintMatSnap-table-data-col td,
.PaintMatSnap-table-data-col th {
	padding: 5px;
	height: 32px;
	font-size: 12px;
	text-align: right;
	min-width: 54px;
}

.PaintMatSnap-table-data-col th {
	font-size: 14px;
	line-height: 10px;
	/*font-weight: bold;*/
	text-align: center;
	min-width: 54px;
}

.missingData {
	color: rgb(0, 139, 197);
	font-style: italic;
}

.rotate {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: sideways;
	padding-left: 20px;
	/*padding-bottom: 10px;*/
	height: 100px;
}

.PaintMatSnap-table-data-col td  {
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: rgb(183, 185, 186);
}

table.no-data td {
	text-align: center;
}

.PaintMatSnap-table-slider {
	display: inline-block;
	width: 870px;
	height: 1182px;
	overflow-x: auto;
}

.PaintMatSnap-table-labels {
	display:inline-block;
	width:124px;
	height: 1182px;
}

.table-message {
	color: rgb(241, 142, 0);
	width: 300px !important;
}

.save-close-buttons {
	width: 100%;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	text-align: right;
}

.utilization-table-box {
	margin-bottom: 16px;
}

.utilization-table {
	/*width: 100%;*/
	font-size: .9em;
	margin-bottom: 16px;
}

.utilization-table td:first-child {
	font-size: 1.5em;
	text-align: right;
	padding: 0 8px;
}

.utilization-table td:last-child {
	max-width: 100%;
}

/*
.utilization-table td:last-child {
	width: 100%;
}
*/

.utilization-table th {
	color: rgb(255, 255, 255);
	background-color: rgba(0, 81, 146, .5);
	text-align: left;
	padding: 8px;
}

.utilization-table td {
	vertical-align: middle;
}

.utilization-table-detail {
	width: 100%;
}

.utilization-sub-table {
	background-color: rgba(0, 81, 146, .05);
	color: rgb(0, 139, 197);
}

.utilization-sub-table td {
	font-size: .9em !important;
	padding: 2px 8px;
	vertical-align: baseline;
}

.utilization-sub-table td:first-child {
	font-weight: bold;
}

.utilization-sub-table td:last-child {
	width: 100%;
}

.utilization-table-detail td {
	background-color: rgba(0, 81, 146, .05);
	vertical-align: top !important;
	padding-left: 8px;
}

.fa-caret-right, .fa-caret-down {
	cursor: pointer;
}

.home-table {
	width: 100%;
}

.home-table td:first-child {
	width: 20%;
	text-align: center;
}

.home-table td:nth-child(2) {
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1.5em;
	font-weight: bold;
}

@media screen and (max-width: 479px) {
	.home-table td:nth-child(2) {
		font-size: 1.25em;
	}
}

.home-table td:last-child {
	width: 20%;
	text-align: right;
}

.ddBar {
	box-sizing: border-box;
	width: 100%;
	padding-right: 32px;
}

.ddBarContent {
	display: none;
	max-width: 70%;
	margin: 0 auto;
	font-size: 1.25em;
	padding: 8px 16px 32px 16px;
	background-color: rgba(0, 81, 146, .05);
}

@media screen and (max-width: 479px) {
	.ddBarContent {
		font-size: 1em;
	}
	.home-table {
		font-size: .85em;
	}
	.ddBarFill {
		font-size: 1em;
	}
	.aeb-icon-career {
		display: inline-block;
		height:27px;
		width: 27px;
		background-image: url('../images/career.png');
		background-size: 27px 27px;
		margin-bottom: -4px;
	}
}

.ddBarFill {
	box-sizing: border-box;
	padding: 24px 16px;
	width: 100%;
	border: 0;
	background-color: rgb(0, 81, 146);
	background-image: linear-gradient(0deg, rgb(0, 81, 146), rgb(0, 139, 197));
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.launcher {
	cursor: pointer;
}