@charset "utf-8";

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

/* 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
374 Pale Green rgb(211, 222, 137) #d3de89
??? Dark Green rgb(93, 119, 8) #5d7708
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
5753 Khaki rgb(91, 99, 52) #5B6334

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

Light gray rgb equiv to rgba(0, 0, 0, 0.3) = rgb(179,179,179)

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;
	font-size: 16px;
	color: rgb(64, 64, 64);
}

body {
	/*font-family: 'Rajdhani', sans-serif;*/
	/*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Assistant', sans-serif;
	background-color: white;
	margin: auto 0;
	box-sizing: border-box;
}

/* Elements */

input {
	/*color: rgb(0, 81, 146);*/
	color: rgb(64, 64, 64);
	background-color: rgba(0, 81, 146, 0.05);
	border:0.0625rem solid rgba(0, 81, 146, 0.05);
	border-radius: 0.1875rem;
	padding: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	font-size: 1rem;
}

input.dialog {
	background-color: rgb(255, 255, 255);
}

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

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: 2rem;
	padding: 0.25rem 0.6250rem 0.3125rem 0.6250rem;
	border-style: solid;
	/*border-color: rgb(255, 255, 255);*/
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-radius: 6.25rem;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0 0.5rem 0.25rem -0.25rem rgba(0, 0, 0, 0.3);
	cursor: pointer;
	font-size: 1rem;
}

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;*/
}

hr {
	height: 0.0625rem;
	border: none;
	color: rgb(64, 64, 64);
	background-color: rgb(64, 64, 64);
	/*margin: 1rem 0 0 0;*/
}

select {
	-moz-appearance: none;
    -webkit-appearance: none;
}

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

select {
	width:100%;
	border:0;
	outline:0;
	font-size: 1rem;
	color: rgb(64, 64, 64);
	/*border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);*/
}

option {
	/*color: rgb(0, 81, 146);*/
	font-size: 1rem;
	padding: 0.25rem 0 0.25rem 1rem;
	line-height: 1.5625rem;
}

.ui-selectmenu-menu .ui-menu {
	max-height: 18.75rem;
}

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

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

option.avatar {
  background-repeat: no-repeat !important;
  padding-left: 1.25rem;
}

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

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

.input-select {
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	border: none;
	font-size: 1rem;
    color: rgb(0, 81, 146);
    padding: 0.6875rem 1.875rem 0.6875rem 0.75rem;
    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: 0.625rem;
    background-position: calc(100% - 0.6875rem) center;

}
*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(0, 81, 146);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 3.75rem;
	text-align:left;
}

.sidenav a {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.sidenav .closebtn {
    position: absolute;
    top: 1rem;
    right: 1.5625rem;
    font-size: 1rem;
    /*margin-left: 3.125rem;*/
}

.sidenav .asapLogo {
    position: absolute;
    top: 0.125rem;
    right: 3.375rem;
}

/* 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: 0.625rem 0;
}

.content-tab {
	width: 2.8125rem;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 81, 146);
	/*margin: 0 0.3125rem;*/
	padding: 0.3125rem 0.625rem;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 0.1875rem;
	border-top-right-radius: 0.1875rem;
	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 0.3125rem;*/
	padding: 0.3125rem 0.625rem;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 0.1875rem;
	border-top-right-radius: 0.1875rem;
	vertical-align: middle;
	text-align: center;
}

.utilization-tab {
	width: 3.75rem;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 81, 146);
	/*margin: 0 0.3125rem;*/
	padding: 0.3125rem 0.625rem;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 0.1875rem;
	border-top-right-radius: 0.1875rem;
	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 0.3125rem;*/
	padding: 0.3125rem 0.625rem;
	border-style: solid;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	border-top-left-radius: 0.1875rem;
	border-top-right-radius: 0.1875rem;
	vertical-align: middle;
	text-align: center;
}

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

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

/* toggle */

.toggleLabelPair {
	display: flex;
	align-items: center;
	margin: 0 1.5rem 0 0;
}

.toggleButton{
	width: 3rem;
	height: 1.5rem;
	margin: 0.5rem;
	border-radius: 2rem;
	display: inline-block;
	position: relative;
	background-color: rgb(255, 255, 255);
	border-style: solid;
	border-color: rgb(183, 185, 186);
	border-width: thin;
	box-shadow: 0 0.5rem 0.25rem -0.25rem rgba(0, 0, 0, 0.15);
	cursor: pointer;
	-webkit-transition: background-color .40s ease-in-out;
	-moz-transition: background-color .40s ease-in-out;
	-o-transition: background-color .40s ease-in-out;
	transition: background-color .40s ease-in-out;
	cursor:pointer;
}

.toggleButton.active{
	background-color: rgb(150, 191, 13);
	border-color: rgb(150, 191, 13);
	box-shadow: 0 0.5rem 0.25rem -0.25rem rgba(0, 0, 0, 0.3);
}
 
.toggleLever{
	width: 1.125rem;
	height: 1.125rem;
	background-color: rgb(183, 185, 186);
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0.1875rem;
	top: 50%;
	margin-top: -0.5625rem;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	-o-transition: all .30s ease-in-out;
	transition: all .30s ease-in-out;
}
  
.toggleLeverActive {
	background-color: rgb(255, 255, 255);
	left: 1.6875rem;
}
  
.cb-value{
	position: absolute;
	left:0;
	right:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* 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: 0.625rem;
	border-radius: 1.5625rem;
	box-shadow: 0 0.3125rem 0.25rem 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: 0.875rem;
	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: 0.625rem;
	border-radius: 0.1875rem;
	box-shadow: 0 0.3125rem 0.25rem rgba(0, 0, 0, 0.2);
	pointer-events: none;
}

.tooltiptextSmall {
	width: 6.25rem;
	margin-left: -3.125rem;
}

.tooltiptextMedium {
	width: 9.375rem;
	margin-left: -4.6875rem;
}

.tooltiptextLarge {
	width: 12.5rem;
	margin-left: -6.25rem;
}

.tooltiptextXLarge {
	width: 18.75rem;
	margin-left: -9.375rem;
}

.tooltiptextSmallRight {
	width: 6.25rem;
	margin-left: -5.25rem;
}

.tooltiptextMediumRight {
	width: 9.375rem;
	margin-left: -8.375rem;
}

.tooltiptextLargeRight {
	width: 12.5rem;
	margin-left: -11.5rem;
}

.tooltiptextXLargeRight {
	width: 18.75rem;
	margin-left: -17.75rem;
}

/*
.tooltip .tooltiptext::after {
	opacity: 0;
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -0.3125rem;
  border-width: 0.3125rem;
  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: 3.75rem;
	background-color: rgb(0, 81, 146);
}
*/

.top-bar {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 1rem;
	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: 5.625rem;
	*/
}

.navbar {
	/*box-sizing: border-box;*/
	width: 100%;
	/*display: flex;*/
	/*padding-right: 1rem;*/
	height: 3.75rem;
	/*align-items: center;*/
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0.3125rem 0.25rem rgba(0, 0, 0, 0.2);
}

.navbar-content {
	width: 100%;
	max-width: 69.375rem;
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.6875rem;
	padding-bottom: 0.6875rem;
}

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

.navbar-logo {
	width: 18%;
	min-width: 7.5rem;
	background-size: contain;
	height: 1.9375rem;
	background-image: url('../images/AkzoNobel_wordmark_WHITE.png');
	background-repeat: no-repeat;
	background-position: left;
}

.navbar-icon {
	height: 1.9375rem;
	float: left;
}

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

@media screen and (max-width: 30.5rem) {
	.page {
		padding: 0rem 0.25rem 1rem 0.25rem;
	}
}

.index-logo {
	display: inline-block;
	width: 50%;
	min-width: 15.625rem;
	max-width: 31.25rem;
	height: auto;
	min-height: 6.25rem;
	background-image: url('../images/AAP_logo_LARGE.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 29.9375rem) {
	.index-logo {
		min-height: 4.25rem;
	}
}

.pageTitleBox {
	display: flex;
	justify-content: flex-start;
	/*width: 110%;*/
	box-sizing: border-box;
	width: calc(100% + 2rem);
	/*width: 100%;*/
	margin-left: -1rem;
	/*text-align: center;*/
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: rgb(64, 64, 64);
	padding: 1rem 1.125rem 1.5rem 1.125rem;
	background-color: rgb(234, 243, 250);
	/*margin-left: -1.125rem;*/
	cursor: pointer;
}

.pageTitleBoxReveal {
	box-sizing: border-box;
	width: calc(100% + 2rem);
	/*width: 100%;*/
	margin-left: -1rem;
	height: 0rem;
	padding-right: 1rem;
	font-size: 1.5rem;
	text-align: right;
	background-color: rgb(234, 243, 250);
}

@media screen and (max-width: 30.5rem) {
	.pageTitleBox, .pageTitleBoxReveal {
		width: calc(100% + 0.5rem);
		margin-left: -0.25rem;
	}
}

.page-title {
	flex-grow: 200;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	/*width: 50%;*/
	width: 75%;
	height: 1.4rem;
	/*padding-left: 1rem;*/
	/*font-size: 1.8rem;*/
	font-size: 2.75rem;
	font-weight: bold;
	/*line-height: 3.125rem;*/
	padding-right: 12.5%;
	/*text-align: left;*/
	/*margin-left: -15%;*/
}

.page-logo {
	display: inline-block;
	width: 10%;
	margin-left: 9%;
	min-width: 12rem;
	/*max-width: 15.625rem;*/
	height: auto;
	min-height: 3.125rem;
	/*flex-grow: 2;*/
	background-image: url('../images/AAP_logo_LARGE.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*margin-right: 2rem;*/
}

.page-logo-small {
	display: none;
	position: absolute;
	top: -0.0625rem;
	left: 4rem;
	width: 6.25rem;
	height: auto;
	min-width: 6.25rem;
	min-height: 3.125rem;
	background-image: url('../images/AAP_logo_LARGE.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 49.9375rem) {
	.page-title {
		text-align: center;
		padding-right: 0;
		margin-bottom: 1rem;
	}
	.page-logo {
		display: none;
	}
	.page-logo-small {
		display: inline;
	}
}

@media screen and (max-width: 30.5rem) {
	.page-title {
		font-size: 2rem;
		margin-bottom: 0;
	}
}

.nav-link {
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.nav-link-box {
	padding: 0 2rem;
}

.index-box {
	margin: 0 auto;
	text-align: center;
	padding: 0 2rem 2rem 2rem;
}

.index-head-box {
	text-align: center;
	margin: 0 auto;
}

.main-logo {
	display: inline-block;
	width: 35%;
	min-width: 9.375rem;
	max-width: 18.75rem;
	height: 7.5rem;
	background-image: url('../images/impact_logo.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

.main-2nd-logo {
	float: right;
	height: 7.5rem;
	width: 18%;
	max-width: 8.9375rem;
	min-width: 4.375rem;
	margin-right: 1rem;
	background-image: url('../images/acoat_logo.png');
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 30.5rem) {
	.main-2nd-logo {
		/*visibility: hidden;*/
	}
	.icon-bar {
		width: 1.375rem;
		padding-right: 2rem;
	}
}

.main-head {
	font-size: 1.5rem;
	font-weight: bold;
}

.flex-parent {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.flex-parent-left {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.sub-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	/*width: 100%;*/
	max-width: 62.5rem;
	/*padding: 1rem;*/
	/*margin-right: 1.875rem;*/
	margin: 0 0 1rem 0;
	/*text-align: right;*/
}

.sub-container-icons {
	/*width: 100%;
	padding: 0.625rem;
	margin-right: 1.875rem;
	text-align: right;
	font-size: 2rem;*/
	/*float: right;*/
}

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

.fieldTitlePair {
	display: inline-block;
	text-align: left;
	margin: 0.5rem 0.75rem 0 0;
	/*margin: 1rem 0.75rem 1rem 0;*/
}

.fieldTitlePairSmall {
	display: inline-block;
	text-align: left;
	width: 6.25rem;
	margin: 0.5rem 0.75rem 0 0;
}

.fieldTitlePairMedium {
	display: inline-block;
	text-align: left;
	width: 9.375rem;
	margin: 0.5rem 0.75rem 0 0;
}

.fieldTitlePairLarge {
	display: inline-block;
	text-align: left;
	width: 12.5rem;
	margin: 0.5rem 0.75rem 0 0;
}

.fieldTitlePairXLarge {
	display: inline-block;
	text-align: left;
	width: 17.75rem;
	margin: 0.5rem 0.75rem 0 0;
}

.fieldTitlePairJumbo {
	display: inline-block;
	text-align: left;
	width: 100%;
	margin: 0.5rem 0.75rem 0 0;
}

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

.action-options {
	display: inline-block;
	width: 9.375rem;
	float: right;
	font-size: 2rem;
}

.aeb-icon-stamp {
	display: inline-block;
	height:1.875rem;
	width: 1.6875rem;
	background-image: url('../images/stamp.png');
	background-size: 1.6875rem 1.875rem;
	margin-bottom: -0.25rem;
}

.aeb-icon-utilization {
	display: inline-block;
	height:1.875rem;
	width: 1.1875rem;
	background-image: url('../images/engine_revolutions.png');
	background-size: 1.1875rem 1.875rem;
	margin-bottom: -0.25rem;
}

.aeb-icon-preferences {
	display: inline-block;
	height:1.875rem;
	width: 2rem;
	background-image: url('../images/preferences.png');
	background-size: 2rem 1.875rem;
	margin-bottom: -0.25rem;
}

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

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

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

.icon-box {
	display: inline-block;
	/*height: 2rem;*/
	/*margin: 0.3125rem 0;*/
	cursor: pointer;
	/*height: auto;*/
	padding: 0 0 1rem 0;
	font-weight: bold;*/
}

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

.icon-box-disabled {
	display: inline-block;
	height: auto;
	/*padding: 0.5rem 0 0.5rem 0.5rem;*/
	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: 1rem;
}

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

@media screen and (max-width: 47.9375rem) {
	.element-title {
		font-size: 1rem;
	}
}

.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: 18.75rem;
	margin-top: 1rem;
	background-image: url('../images/footer-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-content {
	width: 100%;
	max-width: 69.375rem;
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.6875rem;
	padding-bottom: 0.6875rem;
}

.footer-message {
	padding: 1rem 0;
	font-size: 1.15rem;
}

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

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

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

.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: 1.9375rem;
	margin-bottom: 1rem;
	background-image: url('../images/AkzoNobel_wordmark_WHITE.png');
	background-repeat: no-repeat;
	background-position: right;
}

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

/* Impact Tool*/
.impact-container {
	width: 100%;
	max-width: 62.5rem;
	margin: 0 auto;
}

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

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

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

.impact-chart-box {
	/*display: inline-block;
	width: 100%;
	min-width: 18.75rem;
	max-width: 26.875rem;
	margin: 0 1rem 2rem 1rem;
	padding: 1rem;*/
	/*width: 100%;
	width: 28.125rem; /* default to medium */
	/*margin: 0 0.625rem 6rem 0.625rem;*/
}

.impact-chart-box-small {
	width: 18.75rem;
	margin: 0 0.625rem 6rem 0.625rem;
}

.impact-chart-box-medium {
	width: 28.125rem;
	margin: 0 0.625rem 6rem 0.625rem;
}

.impact-chart-box-large {
	width: 100%;
	margin: 0 0.625rem 6rem 0.625rem;
}

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

.impact-chart-popup-box {
	display: none;
	position:absolute;
	top: 2.625rem;
	left: 0;
	z-index: 9999;
	width: 18.75rem;
	height: 16.875rem;
	padding: 1rem;
	border-style: none;
	border-color: rgb(0, 81, 146);
	border-width: thin;
	background-color: white;
	box-shadow: 0.3125rem 0.3125rem 0.25rem rgba(0, 0, 0, 0.2);
}

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

@media screen and (min-width: 32.5rem) {
	.impact-chart-popup-box {
		width: 28.125rem;
	}
}

.impact-chart-label {
	background-color: rgba(0, 81, 146, 0.05);
	/*height: 2rem;
	padding-left: 0.5rem;
	padding-top: 0.5rem;
	*/
	padding: 0.5rem;
	margin-top: 0.5rem;
	text-align: left;
	color: rgb(0, 81, 146);
}

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

table.impact-table-label-col td {
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0.3125rem;
	height: 2rem;
	font-size: 0.75rem;
	min-width: 2rem;
}

table.impact-table-label-col th {
	font-size: 0.875rem;
	font-weight: bold;
	text-align: center;
	min-width: 3.375rem;
	padding: 0.3125rem;
}

.impact-table-data-col {
	table-layout: fixed;
	/*width: 54.375rem;*/
}

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

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

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

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

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

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

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

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

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

.impact-table-data-col td,
.impact-table-data-col th {
	padding: 0.3125rem;
	height: 2rem;
	font-size: 0.75rem;
	text-align: right;
	min-width: 3.375rem;
}

.impact-table-data-col th {
	font-size: 0.875rem;
	line-height: 0.625rem;
	/*font-weight: bold;*/
	text-align: center;
	min-width: 3.375rem;
}

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

.rotate {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: sideways;
	padding-left: 1.25rem;
	/*padding-bottom: 0.625rem;*/
	height: 6.25rem;
}

.impact-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;
}

.impact-table-slider {
	display: inline-block;
	width: 54.375rem;
	height: 73.875rem;
	overflow-x: auto;
}

.impact-table-labels {
	display:inline-block;
	width:7.75rem;
	height: 73.875rem;
}

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

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

.utilization-table-box {
	margin-bottom: 1rem;
}

.utilization-table {
	/*table-layout: auto;
	width: 100%;*/
	font-size: .9rem;
	margin-bottom: 1rem;
}

.utilization-table td:first-child {
	font-size: 1.5rem;
	text-align: right;
	padding: 0 0.5rem;
}

.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: 0.5rem;
}

.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: .9rem !important;
	padding: 0.125rem 0.5rem;
	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: 0.5rem;
}

.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: 0.5rem;
	padding-right: 0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
}

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

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

.ddBar {
	box-sizing: border-box;
	width: 100%;
	padding-right: 2rem;
}

.ddBarContent {
	display: none;
	max-width: 70%;
	margin: 0 auto;
	font-size: 1.25rem;
	padding: 0.5rem 1rem 2rem 1rem;
	background-color: rgba(0, 81, 146, .05);
}

@media screen and (max-width: 29.9375rem) {
	.ddBarContent {
		font-size: 1rem;
	}
}

.ddBarFill {
	box-sizing: border-box;
	padding: 1.5rem 1rem;
	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;
}

.filterBox {
	position: absolute;
	top: 0rem;
	left: 0rem;
	z-index: 99;
	background-color: rgb(255, 255, 255);
	/*width: 100%;*/
	/*margin-top: 2rem;*/
	box-sizing: border-box;
	/*padding: 0rem 1%;*/
	/*border-style: solid;
	border-color: green;*/
	/*margin: 0 0 0 0;*/
}

.contentBox {
	width: 100%;
	padding-top: 3rem;
	/*border-style: solid;
	border-color: red;*/
}

.filterPanel {
	width: 100%;
	max-width: 62.5rem;
	background-color: rgb(248, 248, 248);
	padding: 0.5rem 1% 2rem 1%;
	margin-top: -2rem;
}

@media screen and (max-width: 49.9375rem) {
	.filterPanel {
		margin-top: 0;
	}
}

.filterContainer {
	display: none;
}

.filterLabel {
	box-sizing: border-box;
	width: 100%;
	font-size: 1.25rem;	
	vertical-align:bottom;
	color: rgb(42,121,187);
	background-color: rgb(234, 243, 250);
	/*font-size:0.75rem;*/
	line-height:115%;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

.filterLabelActive {
	box-sizing: border-box;
	width: 100%;
	font-size: 1.25rem;	
	vertical-align:bottom;
	color: rgb(93, 119, 8);
	background-color: rgb(244, 249, 235);
	/*font-size:0.75rem;*/
	line-height:115%;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	cursor: pointer;
}


.filterOptions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.filterContainerCompare {
	background-color: rgb(228, 231, 231);
	padding: 0.5rem;
	/*border-style: solid;
	border-width: thin;
	border-color: rgb(64, 64, 64);
	border-top: none;
	border-bottom: none;*/
}

.filterSelection {
	width: 100%;
	color: rgb(0, 81, 146);
	margin-bottom: 1rem;
}

.refreshButton {
	background-color: rgb(150, 191, 13);
	border-color: rgb(150, 191, 13);
}

.dashboardFlexParent {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
}

.dashboardChartsBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	/*margin: 1rem 0 1rem 0;*/
	width: 100%;
	min-width: 50%;
	max-width: 62.5rem;
}

.dashboardChart {
	/*display: inline;*/
	position: relative;
	width: 100%;
	max-width: 28.125rem;
	min-width: 18.75rem;
	min-height: 18.75rem;
	/*font-size: 3rem;*/
	text-align: center;
	margin-bottom: 6.5rem;
}

@media screen and (min-width: 190.625rem) {
	.dashboardChart {
		max-width: 43.75rem;
	}
}

.dashboardChart:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.dashboardChartTitle {
	color: rgb(64, 64, 64);
	font-size: 2.25rem;
}

.ratio-100 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.dashboardTablesBox {
	max-width: 62.5rem;
}

.dashboardTable, .dashboardInnerTable, .dashboardSubTable {
	border-collapse: collapse;
	table-layout: fixed;
	/*margin-left: auto;
	margin-right: auto;*/
	width: 100%;
	color: rgb(64, 64, 64);
}

.dashboardTable tr:nth-last-child(2) {
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: rgb(64, 64, 64);
	font-weight: bold;
}

.dashboardSubTable tr:nth-child(even) {
	background-color: rgb(242, 242, 242);
}

.dashboardCell {
	font-size: 1rem;
	padding: 0.25rem 0.125rem;
	vertical-align: top;
}

@media screen and (max-width: 29.9375rem) {
	.dashboardCell {
		font-size: 1rem;
	}
}

.dashboardBranded {
	font-weight: bold;
	padding: 0.5rem;
	text-align: left;
	font-size: 1.25rem;
	color: rgb(255, 255, 255);
}

@media screen and (max-width: 29.9375rem) {
	.dashboardBranded {
		/*font-weight: bold;
		padding: 0.5rem;
		text-align: left;*/
		font-size: 0.9rem;
		/*color: rgb(255, 255, 255);*/
	}
}

.dashboardAkzoNobel {
	background-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0.5rem;
	text-align: left;
	font-size: 1.125rem;
}

.dashboardAxalta {
	background-color: rgb(228, 49, 44);
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0.5rem;
	text-align: left;
	font-size: 1.125rem;
}

.dashboardOthers {
	background-color: rgb(183, 185, 186);
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0.5rem;
	text-align: left;
	font-size: 1.125rem;
}

.dashboardMarket {
	background-color: rgb(211, 222, 137);
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0.5rem;
	text-align: left;
	font-size: 1.125rem;
}

.dashboard-table-detail-Branded {
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0.25rem 1rem;
	max-height: 14.0625rem;
	overflow-y: scroll;
	margin-left: -0.5rem;
}

.dashboard-table-detail-AkzoNobel {
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0.25rem 1rem;
	/*background-color: rgba(0, 81, 146, .1);*/
	background-color: rgb(230,238,244);
	max-height: 14.0625rem;
	overflow-y: scroll;
}

.dashboard-table-detail-AkzoNobel > div:nth-of-type(even) {
	/*background-color: rgba(0, 81, 146, .05);*/
	background-color: rgb(219,230,239);
}

.dashboard-table-detail-Axalta {
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0.25rem 1rem;
	/*background-color: rgba(228, 49, 44, .1);*/
	background-color: rgb(252,234,234);
	max-height: 14.0625rem;
	overflow-y: scroll;
}

.dashboard-table-detail-Axalta > div:nth-of-type(even) {
	/*background-color: rgba(228, 49, 44, .05);*/
	background-color: rgb(251,225,224);
}


.dashboard-table-detail-Others {
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0.25rem 1rem;
	/*background-color: rgba(183, 185, 186, .1);*/
	background-color: rgb(248,248,248);
	max-height: 14.0625rem;
	overflow-y: scroll;
}

.dashboard-table-detail-Others > div:nth-of-type(even) {
	/*background-color: rgba(183, 185, 186, .1);*/
	background-color: rgb(242,242,242);
}

.dashboard-table-detail-Market {
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0.25rem 1rem;
	background-color: rgba(255, 255, 255, .9);
	max-height: 14.0625rem;
	overflow-y: scroll;
}

/*
@media screen and (max-width: 29.9375rem) {
	.dashboard-table-detail-AkzoNobel, .dashboard-table-detail-Axalta, .dashboard-table-detail-Others {
		font-size: 0.625rem;
	}
}
*/

.shopSubSelector {
	padding: 0.375rem 0rem;
	line-height: 0.875rem;
	cursor: pointer;
}

@media screen and (max-width: 29.9375rem) {
	.shopSubSelector {
		line-height: 0.875rem;
	}
	.dashboard-table-detail-AkzoNobel {
		padding: 0.25rem 0.25rem;
		font-size: 0.9rem;
	}
	.dashboard-table-detail-Axalta {
		padding: 0.25rem 0.25rem;
		font-size: 0.9rem;
	}
	.dashboard-table-detail-Others {
		padding: 0.25rem 0.25rem;
		font-size: 0.9rem;
	}
	.dashboard-table-detail-Branded {
		padding: 0.25rem 0.25rem;
		font-size: 0.9rem;
	}
}

.shopSelector {
	cursor: pointer;
}

.tabContainer {
	margin-bottom: -0.3125rem;
}

.resetButton, .refreshButton {
	margin-bottom: 1.25rem;
}

.tabs {
	display: inline-block;
	margin-bottom:-0.0625rem;
	vertical-align: bottom;
	border-style: none;
	outline: none;
	width: 100%;
	min-width: 17.5rem;
	padding-left: 0.625rem;
	padding-right: 1.875rem;
	/*padding-top: 0.625rem;*/
	text-align: left;
	transition: 0.4s;
}

.tabWide {
	box-sizing: border-box;
	display: inline-block;
	background-color: rgb(255, 255, 255); 
	color: rgb(64, 64, 64);
	cursor: pointer;
	border-style: solid;
	border-width: thin;
	border-color: rgb(183, 185, 186);
	border-bottom: none;
	border-top-left-radius: 0.625rem;
	border-top-right-radius: 0.625rem;
	outline: none;
	width: 6.25rem;
	/*padding-left:0.4375rem;
	padding-right:0.4375rem;*/
	padding-top: 0.1875rem;
	padding-bottom: 0.375rem;
	font-size: 1.125rem;
	text-align: center;
	margin-right: 0.5rem;
}

.tabWideActive {
	box-sizing: border-box;
	display: inline-block;
	background-color: rgb(228, 231, 231);
	color: rgb(64, 64, 64);
	cursor: pointer;
	border-style: solid;
	border-width: thin;
	border-color: rgb(64, 64, 64);
	border-bottom: none;
	border-top-left-radius: 0.625rem;
	border-top-right-radius: 0.625rem;
	outline: none;
	width: 6.25rem;
	/*padding-left:0.4375rem;
	padding-right:0.4375rem;*/
	padding-top: 0.1875rem;
	padding-bottom: 0.375rem;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
	margin-right: 0.5rem;
}

.tabBottom {
	box-sizing: border-box;
	display: inline-block;
	background-color: rgb(228, 231, 231);
	/*border-style: solid;
	border-width: thin;
	border-color: rgb(64, 64, 64);
	border-bottom :none;*/
	border-top-left-radius: 0.4375rem;
	border-top-right-radius: 0.4375rem;
	outline: none;
	width: 100%;
	/*min-width:17.5rem;*/
	height: 0.9375rem;
}

.tabClose {
	box-sizing: border-box;
	display: inline-block;
	background-color: rgb(228, 231, 231);
	/*border-style: solid;
	border-width: thin;
	border-color: rgb(64, 64, 64);
	border-top :none;*/
	border-bottom-left-radius: 0.4375rem;
	border-bottom-right-radius: 0.4375rem;
	outline: none;
	width: 100%;
	/*min-width:17.5rem;*/
	height: 0.9375rem;
	margin-bottom: 1rem;
}

.tabsPage {
	/*display: inline-block;*/
	margin-bottom:-0.1rem;
	margin-left: -0.5rem;
	/*vertical-align: top;*/
	border-style: none;
	outline: none;
	width: 100%;
	min-width: 17.5rem;
	/*padding-left: 0.625rem;
	padding-right: 0.625rem;*/
	/*padding-top: 0.625rem;*/
	text-align: center;
}

@media screen and (max-width: 49.9375rem) {
	.tabsPage {
		margin-bottom: 1.5rem;
	}
}

.tabPageWide {
	box-sizing: border-box;
	display: inline-block;
	background-color: rgb(234, 243, 250); 
	color: rgb(64, 64, 64);
	cursor: pointer;
	border-style: solid;
	border-width: thin;
	border-color: rgb(183, 185, 186);
	border-top: none;
	border-bottom-left-radius: 0.625rem;
	border-bottom-right-radius: 0.625rem;
	outline: none;
	width: 7rem;
	/*padding-left:0.4375rem;
	padding-right:0.4375rem;*/
	padding-top: 0.5rem;
	padding-bottom: 0.5625rem;
	font-size: 1rem;
	text-align: center;
	box-shadow: inset 0 0.5rem 0.25rem -0.25rem rgba(0, 0, 0, 0.08);
	-webkit-transition: background-color .40s ease-in-out;
	-moz-transition: background-color .40s ease-in-out;
	-o-transition: background-color .40s ease-in-out;
	transition: background-color .40s ease-in-out;
}

.tabPageWideActive {
	box-sizing: border-box;
	display: inline-block;
	background-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
	cursor: pointer;
	border-style: solid;
	border-width: thin;
	border-color: rgb(0, 81, 146);
	border-top: none;
	border-bottom-left-radius: 0.625rem;
	border-bottom-right-radius: 0.625rem;
	outline: none;
	width: 7rem;
	/*padding-left:0.4375rem;
	padding-right:0.4375rem;*/
	padding-top: 0.5rem;
	padding-bottom: 0.5625rem;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	box-shadow: inset 0 0.5rem 0.25rem -0.25rem rgba(0, 0, 0, 0.2);
}

.doughnutOuter {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	background-image: url('../images/doughnut_outer.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 1rem;
}

.doughnutInner {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	background-image: url('../images/doughnut_inner.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 1rem;
}

.viewLabel {
	color: rgb(150, 191, 13);
	background-color: rgb(244, 249, 235);
	font-size: 1.125rem;
	padding: 0.25rem 0.5rem;
	border-top-style: solid;
	border-top-color: rgb(255, 255, 255);
	border-top-width: 0.5rem;
}

.dashboard-table-label {
	display: inline-block;
	border-radius: 0.3125rem;
	padding: 0.5rem 1.5rem;
	color: rgb(255, 255, 255);
	background-color: rgb(64, 64, 64);
}

.dialogSection {
	margin-bottom: 2rem;
}

.dialogSectionTitle {
	font-size: 1.25rem;
	font-weight: bold;
}

.openCaret {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

#filterReveal0, #filterReveal1 {
	margin-top: -5rem;
}

@media screen and (max-width: 49.9375rem) {
	#filterReveal0, #filterReveal1 {
		margin-top: 0;
	}
}

.chartLabelConfig0 {
	background-color: rgb(234, 243, 250);
	color: rgb(64, 64, 64);
	border-color: rgb(183, 185, 186);
	width: 100%;
	max-width: 4.25rem;
}

.chartLabelConfig0.active {
	background-color: rgb(0, 81, 146);
	border-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
}

.chartLabelConfig1 {
	background-color: rgb(234, 243, 250);
	color: rgb(64, 64, 64);
	border-color: rgb(183, 185, 186);
	width: 100%;
	max-width: 4.25rem;
}

.chartLabelConfig1.active {
	background-color: rgb(0, 81, 146);
	border-color: rgb(0, 81, 146);
	color: rgb(255, 255, 255);
}




/* Modifiers */

.ib {
	display: inline-block;
}

.il {
	display: inline;
}

.w100 {
	width: 100%;
	max-width: 6.25rem;
}

.w150 {
	width: 100%;
	max-width: 9.375rem;
}

.w300 {
	width: 100%;
	/*max-width: 18.75rem;*/
	max-width: 17.75em;
}

.wFull {
	width: 100%;
}

.ltGreen {
	background-color: red;
	/*background-color: rgb(244, 249, 235);*/
}	

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

.hidden {
	visibility: hidden;
}

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

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

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

.f-right {
	float: right;
}

.f-left {
	float: left;
}

.pointer {
	cursor: pointer;
}

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

.dk-gray {
	color: rgb(64, 64, 64);	
}

.hotspot {
	cursor: pointer;
}

.displayNone {
	display: none;
}

/*
* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}
*/