@charset "UTF-8";

/*

copyright (C) 2016 VeriSign, Inc.

verisign ooblae
v.1.0.4b

*/

/********** fonts **********/

/* BEGIN Light */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../fonts/OpenSans/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("../fonts/OpenSans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: 400;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("../fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("../fonts/OpenSans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
/* END Extrabold Italic */
/* icons */
@font-face {
    font-family: "Glyphter";
    src: url("../fonts/icons/Glyphter.eot");
    src: url("../fonts/icons/Glyphter?#iefix") format("embedded-opentype"),
         url("../fonts/icons/Glyphter.woff") format("woff"),
         url("../fonts/icons/Glyphter.ttf") format("truetype"),
         url("../fonts/icons/Glyphter.svg#Glyphter") format("svg");
    font-weight: normal;
    font-style: normal;
}





/* renders mobile first
//////////////////////////////////////////////////////// */





/********** basics **********/

html {
	height: 100%;
	overflow: visible;
	-webkit-text-size-adjust: 100%; /* prevent font scaling in landscape while allowing user zoom */
	-ms-text-size-adjust: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 170%;
	color: #000;
	background-color: #e4e6e7;
	/* overflow: hidden; disables body horizontal scorll */
	overflow-y: scroll;
}
body.tier-open,
body.popup-open,
body.main-menu-open,
body.user-menu-open {
	overflow-y: hidden; /* prevent two vertical scrollbars from stacking when tier is open */
}
form {
	margin: 0;
	padding: 0;
}
input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea, button, .aui-field-input-text {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #e4e6e7;
	text-shadow: none;
}
button:hover {
	background: none;
	text-shadow: none;
}
a {
	font-weight: 400;
	color: #0081d8;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #00a1de;
}
h3 {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 600;
	color: #46545d;
}
h5 {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 600;
	color: #46545d;
	text-transform: uppercase;
}
strong {
	font-weight: 600;
}
dl {
	margin: 0 0 20px;
}
dt {
	font-weight: 600;
	line-height: 135%;
}
dd {
	margin: 0 0 20px 20px;
	line-height: 135%;
}
pre,
code {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 125%;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word; 
}
.form-textbox {
	display: block;
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	background-color: #e4e6e7;
	border: 0;
	border-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
textarea.form-textbox {
	height: 160px;
	padding: 10px;
}
:invalid {
  box-shadow: none;
}
:-moz-submit-invalid {
  box-shadow: none;
}
:-moz-ui-invalid {
  box-shadow: none;
}
.form-textbox::-webkit-input-placeholder { /* WebKit browsers */
	color: #aaa;
	font-style: italic;
}
.form-textbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #aaa;
	font-style: italic;
}
.form-textbox::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	font-style: italic;
}
.form-textbox:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #aaa;
	font-style: italic;
}
.btn {
	display: inline-block;
	padding: 0;
	width: 40px;
	height: 40px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	background: none;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.btn:active,
.btn:focus,
.btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn span {
	vertical-align: middle;
}
.btn-default {
	color: #4e5f69;
	background-color: #fff;
}
.component-content .btn-default {
	background-color: #e4e6e7;
}
.btn-default:hover {
	color: #fff;
	background-color: #00a1de;
}
.btn-default:active {
	color: #fff;
	background-color: #0061a3;
}
.btn-default-warning {
	color: #4e5f69;
	background-color: #fff;
}
.component-content .btn-default-warning {
	background-color: #e4e6e7;
}
.btn-default-warning:hover {
	color: #fff;
	background-color: #e74c3c;
}
.btn-default-warning:active {
	color: #fff;
	background-color: #b53c2f;
}
.btn-primary {
	color: #fff;
	background-color: #4e5f69;
}
.btn-primary:hover {
	color: #fff;
	background-color: #00a1de;
}
.btn-primary:active {
	color: #fff;
	background-color: #0061a3;
}
.btn-icon {
	display: inline-block;
	font-family: "Glyphter";
	font-size: 13px;
	padding: 0 2px;
}
.btn-label {
	display: none;
	padding: 0 8px;
}
.btn:hover .btn-label {
	display: inline-block;
}
.btn:hover {
	width: auto;
	padding: 0 10px;
}

/* icons */

.icon-chevron-right::after {
	content: "A";
}
.icon-check::after {
	content: "B";
}
.icon-cross::after {
	content: "C";
}
.icon-chevron-left::after {
	content: "D";
}
.icon-search::after {
	content: "E";
}
.icon-minus::after {
	content: "F";
}
.icon-pencil::after {
	content: "G";
}
.icon-plus::after {
	content: "H";
}
.icon-trash::after {
	content: "I";
}
.icon-flag::after {
	content: "J";
}
.icon-bookmark::after {
	content: "K";
}
.icon-lock-close::after {
	content: "L";
}
.icon-lock-open::after {
	content: "M";
}
.icon-heart::after {
	content: "N";
}
.icon-star::after {
	content: "O";
}
.icon-gear::after {
	content: "P";
}
.icon-chevron-down::after {
	content: "Q";
}
.icon-chevron-up::after {
	content: "R";
}
.icon-download::after {
	content: "S";
}
.icon-upload::after {
	content: "T";
}
.icon-heart-solid::after {
	content: "U";
}
.icon-star-solid::after {
	content: "V";
}
.icon-cart::after {
	content: "W";
}
.icon-chat::after {
	content: "X";
}
.icon-clock::after {
	content: "Y";
}
.icon-compass::after {
	content: "Z";
}
.icon-drop::after {
	content: "a";
}
.icon-gift::after {
	content: "b";
}
.icon-graph-line::after {
	content: "c";
}
.icon-grid::after {
	content: "d";
}
.icon-home::after {
	content: "e";
}
.icon-tag::after {
	content: "f";
}
.icon-zoom-in::after {
	content: "g";
}
.icon-zoom-out::after {
	content: "h";
}
.icon-mail::after {
	content: "i";
}
.icon-location::after {
	content: "j";
}
.icon-map::after {
	content: "k";
}
.icon-maximize::after {
	content: "l";
}
.icon-mic::after {
	content: "m";
}
.icon-minimize::after {
	content: "n";
}
.icon-mouse::after {
	content: "o";
}
.icon-music::after {
	content: "p";
}
.icon-printer::after {
	content: "q";
}
.icon-refresh::after {
	content: "r";
}
.icon-graph-bar::after {
	content: "s";
}
.icon-sun::after {
	content: "t";
}
.icon-umbrella::after {
	content: "u";
}
.icon-movie::after {
	content: "v";
}
.icon-camera::after {
	content: "w";
}
.icon-bell::after {
	content: "x";
}
.icon-paper::after {
	content: "y";
}
.icon-document::after {
	content: "z";
}
.icon-sound-on::after {
	content: "0";
}
.icon-sound-off::after {
	content: "1";
}
.icon-share::after {
	content: "2";
}
.icon-filter::after {
	content: "3";
}
.icon-eye::after {
	content: "4";
}
.animation-IconSaving {
	-webkit-animation: IconSaving 0.4s linear infinite;
	-moz-animation: IconSaving 0.4s linear infinite;
  animation: IconSaving 0.4s linear infinite;
}
@-webkit-keyframes IconSaving {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes IconSaving {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* perfect scroll */

.ps-container>.ps-scrollbar-y-rail {
	width: 5px;
	border-radius: 2px;
	margin: 5px 2px;
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	width: 5px;
	border-radius: 2px;
}
.ps-container:hover>.ps-scrollbar-y-rail {
	opacity: .3;
	-ms-filter: "alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
	opacity: .5;
	-ms-filter: "alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	background-color: #999;
}

/* menu z-index
7040 main menu
7030 user menu
7020 service menu
*/

/* main menu */

#main-menu-trigger {
	z-index: 7070;
	position: fixed;
	left: 10px;
	top: 10px;
	width: 159px;
	padding: 0 25px 0 36px;
	font-size: 13px;
	font-weight: 600;
	line-height: 30px;
	color: #4e5f69;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 1px rgba(70,84,93,0.5);
	cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#logo-verisign {
	display: block;
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	border: 0;
	background: url("../img/logo-verisign-mark.png") top left no-repeat;
	background-size: 32px 16px;
}
#main-menu-trigger .btn-icon {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 10px;
}
#main-menu-trigger:hover {
	color: #fff;
	background-color: #00a1de;
	cursor: pointer;
}
#main-menu-trigger:active {
	background-color: #0061a3;
}
#main-menu-trigger:hover #logo-verisign {
	background-position: top right;
}
#main-menu-trigger.nohover {
	width: 174px;
	padding: 0 10px 0 36px;
}
#main-menu-trigger.nohover:hover { /* if main menu does not exist */
	color: #4e5f69;
	background-color: #fff;
	cursor: default;
}
#main-menu-trigger.nohover:hover #logo-verisign { /* if main menu does not exist */
	background-position: top left;
}
.main-menu-open #user-menu-trigger,
.main-menu-open #service-menu-trigger {
	z-index: 1070;
}
#main-menu {
	z-index: 7040;
	display: block;
	position: fixed;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	top: -100%;
	background-color: #0061a3;
}
#main-menu-content {
	padding: 40px 0 80px;
}
#main-menu-content .component-title {
	color: #fff;
}
#main-menu-content .component-content {
	color: #fff;
	background: none;
}
#main-menu-content .component-content a {
	color: #99d4f5;
}
#main-menu-content .component-content a:hover {
	color: #fff;
}
.content-main-menu {
	padding: 0 10px;
}
.main-menu-list-item {
	float: left;
	padding: 10px;
	border-radius: 3px;
	width: 80px;
	cursor: pointer;
}
#main-menu-content .component-content a.main-menu-list-item:hover {
	text-decoration: none;
	background-color: #00589a;
}
#main-menu-content .component-content a.main-menu-list-item.at {
	background-color: #004385;
}
#main-menu-content .component-content a.main-menu-list-item.at:hover{
	color: #99d4f5;
}
#main-menu-content .component-content a.main-menu-list-item:active {
	background-color: #003477;
}
.main-menu-list-item .item-image {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	background-size: 80px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 80px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.main-menu-list-item .item-image .btn-icon {
	font-size: 36px;
	color: #0061a3;
}
.main-menu-list-item .item-name {
	margin-top: 3px;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-menu-list-item .item-desc {
	display: none;
}

/* user menu */

#user-menu-trigger {
	z-index: 7050;
	position: fixed;
	right: 10px;
	top: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #4e5f69;
	cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-menu-open #main-menu-trigger,
.user-menu-open #service-menu-trigger {
	z-index: 1070;
}
#user-menu-trigger .user-menu-list {
	display: none;
	margin-right: 20px;
}
#user-menu-trigger .user-menu-list-item {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	padding: 0 10px;
	margin-right: 10px;
	border-radius: 2px;
	color: #99D4F5;
	height: 30px;
	line-height: 30px;
	background-color: #0061a3;
}
#user-menu-trigger .user-menu-list-item:hover {
	color: #00a1de;
	background-color: #fff;
}
#user-menu-trigger .user-menu-list-item:active {
	color: #0061a3;
	background-color: #99D4F5;
}
.user-menu-open #user-menu-trigger .user-menu-list {
	display: inline-block;
}
#user-menu-trigger .user-menu-icon {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: url("../img/icon-user.png") center top no-repeat;
	background-size: 30px 30px;
	border: 1px solid rgba(70,84,93,.85);
	border-radius: 50%;
}
#user-menu-trigger .user-menu-icon.icon-default,
#user-menu-content .user-menu-icon.icon-default {
	background-color: #46545d;
}
#user-menu-trigger .user-menu-icon.icon-active,
#user-menu-content .user-menu-icon.icon-active {
	background-color: #6bb02e;
}
#user-menu-trigger .user-menu-icon.icon-warning,
#user-menu-content .user-menu-icon.icon-warning {
	background-color: #e67e22;
}
#user-menu-trigger .user-menu-icon.icon-error,
#user-menu-content .user-menu-icon.icon-error {
	background-color: #e74c3c;
}
#user-menu-trigger .user-menu-icon:hover {
	background-color: #00a1de;
	border-color: rgba(0,161,222,.85);
}
#user-menu-trigger .user-menu-icon:active {
	background-color: #0061a3;
	border-color: rgba(0,97,163,.85);
}
#user-menu {
	z-index: 7030;
	display: block;
	position: fixed;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	top: -100%;
	background-color: #0061a3;
}
#user-menu-content {
	padding: 40px 0 80px;
}
#user-menu-content .component-title {
	color: #fff;
}
#user-menu-content .component-content {
	color: #fff;
	background: none;
}
#user-menu-content .component-content a {
	color: #99d4f5;
}
#user-menu-content .component-content a:hover {
	color: #fff;
}
#user-menu-content .user-menu-icon {
	display: block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	background: url("../img/icon-user.png") center top no-repeat;
	background-size: 100px;
	border-radius: 50%;
}
#user-menu-content .user-profile {
	font-weight: 400;
}
#user-menu-content .user-profile-sub {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #66a0c8;
}
#user-menu-content .user-profile-sub:last-child {
	margin-bottom: 40px;
}

/* footer */

#footer {
	position: absolute;
	bottom: 0;
	padding: 10px 10px 8px;
	font-size: 13px;
	line-height: 125%;
	color: #999;
}
.color-reverse #footer {
	color: rgba(255,255,255,0.5);
}
.footer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu-list-item {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu-list-item a {
	font-weight: 300;
	line-height: 20px;
	color: #999;
	text-decoration: none;
}
.color-reverse .footer-menu-list-item a {
	color: rgba(255,255,255,0.5);
}
.footer-menu-list-item a:hover {
	color: #999;
}
.color-reverse .footer-menu-list-item a:hover {
	color: rgba(255,255,255,0.5);
}
.footer-menu-list-item.item-dash {
	margin: 0 5px;
}

/********** layouts **********/

#layout {
	position: relative;
	min-height: 100%;
}
#layout-content {
	padding-top: 40px;
}

/* layout: default */

#main-menu-trigger {
	left: -230px;
}
#service-menu-trigger {
	z-index: 7050;
	display: block;
	position: fixed;
	left: 10px;
	top: 10px;
	width: 35px;
	height: 30px;
	background-color: #4e5f69;
	border-radius: 2px;
	cursor: pointer;
}
#service-menu-trigger:hover {
	background-color: #00a1de;
}
#service-menu-trigger:active {
	background-color: #0061a3;
}
#service-menu-trigger:hover div.service-menu-line,
#service-menu-trigger:hover div.service-menu-line:before {
	border-color: #fff;
}
.service-menu-line {
	position: absolute;
	left: 10px;
	top: 9px;
	width: 15px;
	height: 8px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.service-menu-line:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0px;
	width: 100%;
	border-top: 2px solid #fff;
}
#service-menu {
	z-index: 7020;
	position: fixed;
	left: -240px;
	top: 0;
	bottom: 0;
	width: 240px;
	height: 100%;
	background-color: #46545d;
	overflow: hidden;
}
#service-menu-content {
	padding: 40px 0 80px;
}
.service-menu-title {
	min-height: 40px;
	padding: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 22px;
	font-weight: 400;
	line-height: 80px;
	color: #e8e8e8;
}
.service-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.service-menu-list-group {
	list-style: none;
	margin: 0;
	padding: 10px 20px 10px 4px;
	font-size: 10px;
	line-height: 20px;
	font-weight: 700;
	color: #ccc;
	text-transform: uppercase;
}
.service-menu-list-group .btn-icon {
	font-size: 8px;
	margin-right: 4px;
}
.service-menu-list-item {
	list-style: none;
	margin: 0;
	padding: 0;
}
.service-menu-list-item a {
	display: block;
	padding: 10px 20px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
a.at {
	color: #fff;
	background-color: #2c383f;
}
.service-menu-list-item a:hover {
	color: #fff;
	background-color: #00a1de;
}
.service-menu-list-item a:active {
	color: #fff;
	background-color: #0061a3;
}
.service-menu-list-item a.at:hover {
	color: #fff;
	background: #2c383f;
	cursor: default;
}
.service-menu-list-buffer {
	height: 20px;
}

/********** overlays **********/

/* overlay: tier */

.tier-trigger {
	cursor: pointer;
}
.tier {
	display: none;
	z-index: 5060;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.tier-open .tier {
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	overflow-y: scroll;
}
.tier-content {
	position: relative;
	padding: 40px 0 80px;
}
.tier-content-bg {
	z-index: 5040;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #e4e6e7;
}
.tier-closer {
	z-index: 5070;
	display: none;
	position: fixed;
	bottom: -1px;
	padding-bottom: 1px;
	left: 0;
	width: 0;
	height: 0;
	border-bottom: 60px solid #46545d;
	border-right: 60px solid transparent;
	cursor: pointer;
}
.tier-closer::after {
	content: "";
	position: absolute;
	border-top: 60px solid rgba(209,209,209,.9);
	border-left: 60px solid transparent;
}
.tier-closer:hover {
	border-bottom-color: #00a1de;
}
.tier-closer:active {
	border-bottom-color: #0061a3;
}

/* overlay: popup */

.popup-trigger {
	cursor: pointer;
}
.popup {
	z-index: 3070;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 5px;
}
.popup-open #main-menu-trigger,
.popup-open #user-menu-trigger,
.popup-open #service-menu-trigger,
.popup-open #service-menu {
	z-index: 1070;
}
.popup-open .popup {
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	overflow-y: scroll;
}
.popup-content {
	padding-bottom: 100px;
	background-color: #e4e6e7;
	border-radius: 3px;
	min-height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.popup-content-bg {
	z-index: 3060;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(70,84,93,.95);
}

/********** orders **********/

/* oreder: stack */

.order-stack {
	clear: both;
}
.order-stack .component-title {
	padding: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 22px;
	font-weight: 400;
	line-height: 80px;
	color: #46545d;
}

/* oreder: sub */

.order-sub {
	clear: both;
	margin-top: 5px;
}
.order-sub .component-title {
	padding: 10px 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	color: #999;
	text-transform: uppercase;
	background-color: #fff;
}

/********** options **********/

/* option: toolbar */

.toolbar {
	font-size: 0px;
	line-height: 0px;
	padding: 10px 10px 0;
	border-bottom: 1px solid #e4e6e7;
}
.toolbar + .feedback-inline {
	border-top: none;
}
.feedback-lightbar + .feedback-inline {
	border-top: none;
}
.toolbar .btn {
	display: block;
}
.tool {
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: middle;
}
.tool-trigger-active {
	display: none;
	position: absolute;
	width: 10px;
	height: 10px;
	margin: 40px 15px 0;
	background-color: #e4e6e7;
}
.tool-triggee {
	display: none;
	position: absolute;
	width: calc(100% - 20px);
	margin-top: 10px;
	left: 10px;
}
.tool-search {
	font-size: 14px;
	font-weight: 300;
	line-height: normal; /* to neutralize input placeholder vertical misalignment */
	padding: 10px 10px 10px 40px;
}
.btn-search-reset {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	background: none;
	cursor: default;
	color: #4e5f69;
}
.btn-search-reset:hover {
	width: 40px;
	padding: 0;
}
.btn-search-reset.on {
	cursor: pointer;
}
.btn-search-reset.on .btn-icon {
	color: #4e5f69;
}
.btn-search-reset.on:hover .btn-icon {
	color: #00a1de;
}
.btn-search-reset.on:active .btn-icon {
	color: #0061a3;
}
.tool-banner .tool-trigger {
	display: none;
}
.tool-banner .tool-triggee {
	display: block !important;
	position: relative;
	width: auto;
	margin-top: 0;
	margin-bottom: 10px;
	left: auto;
}
.tool-banner .tool-search {
	width: 100%;
	padding: 10px 10px 10px 55px;
	font-size: 36px;
	font-weight: 300;
	line-height: 61px;
	height: 101px;
	border: 0;
	border-radius: 2px;
	background: none;
}
.tool-banner .form-textbox::-webkit-input-placeholder { /* WebKit browsers */
	color: #ccc;
}
.tool-banner .form-textbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ccc;
}
.tool-banner .form-textbox::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #aaa;
}
.tool-banner .form-textbox:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #ccc;
}
.tool-banner .btn-search-reset {
	margin-top: 31px;
	margin-left: 4px;
}
.tool-banner .btn-search-reset:hover {
	width: 40px;
	padding: 0;
}
.tool-banner .btn-icon {
	font-size: 25px;
}
.tool-steps {
	display: inline-block;
	margin: 10px 10px 0;
	vertical-align: middle;
}
.tool-steps .step {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 20px;
	color: #4e5f69;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid rgba(0,0,0,0);
}
.tool-steps .at {
	border: 1px solid #4e5f69;
}

/* option: pagination */

.pagination {
	display: table;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagination {
	border-bottom: 1px solid #e4e6e7;
}
.content-table-wrap + .pagination {
	border-top: 1px solid #e4e6e7;
	border-bottom: none;
}
.feedback-inline + .pagination {
	border-top: 1px solid #e4e6e7;
	border-bottom: none;
}
.pagination .action-secondary {
	display: none;
	padding: 0 10px;
}
.pagination .action-primary {
	display: table-cell;
	text-align: right;
	padding: 0 10px;
}
.pagination .btn {
	color: #46545d;
	background: none
}
.pagination .btn:hover {
	color: #fff;
	width: 40px;
	padding: 0;
	background-color: #00a1de;
}
.pagination .at {
	color: #4e5f69;
	background-color: #e4e6e7;
}
.pagination .btn.at:hover {
	color: #4e5f69;
	background-color: #e4e6e7;
	cursor: default;
}
.pagination .btn .btn-label {
	display: inline-block;
}

/* option: feedback block */

.feedback-block {
	display: none;
	opacity: 0;
	margin: 10px 10px 0;
}
.component-spread .feedback-block {
}
.popup .component-spread .feedback-block {
}
.feedback-block .feedback-success {
	 background-color: #6bb02e;
}
.feedback-block .feedback-error {
	 background-color: #e74c3c;
}
.feedback-block .feedback-warning {
	 background-color: #e67e22;
}
.feedback-block .feedback-content  {
	display: table;
	width: 100%;
	border-radius: 2px;
}
.feedback-block .content-message {
	display: table-cell;
	padding: 20px 10px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
}
.feedback-block .content-message a {
	color: #d1e0eb;
}
.feedback-block .content-message a:hover {
	text-decoration: underline;
}
.feedback-block .content-message a:active {
	color: #e7f1f8;
}
.feedback-block .content-message em {
	font-weight: 700;
}
.feedback-block .content-action {
	display: table-cell;
	padding: 10px;
	text-align: right;
}
.feedback-block .btn-default {
	color: #fff;
	background: none;
}
.feedback-block .btn-default:hover {
	color: #00a1de;
	background-color: #fff;
}

/* option: feedback inline */

.feedback-inline {
	padding: 20px;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #999;
	border-top: 1px solid #e4e6e7;
}

/* option: feedback lightbar */

.feedback-lightbar {
	display: none;
	position: relative;
	height: 5px;
}
.content-table .feedback-lightbar {
	display: table-row;
}
.lightbar-loading {
	display: none;
	position: absolute;
	width: 100%;
	height: 5px;
	background: linear-gradient( 90deg, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #99D4F5, #8dc63f, #8dc63f, #99D4F5, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7, #e4e6e7 );
	background-size: 400% 400%;
	-webkit-animation: LoadingLight 1.5s linear 0s infinite;
	-moz-animation: LoadingLight 1.5s linear 0s infinite;
	animation: LoadingLight 1.5s linear 0s infinite;
}
@-webkit-keyframes LoadingLight {
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@-moz-keyframes LoadingLight {
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@keyframes LoadingLight {
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* option: form help */

.help-message-inline {
	margin: 5px 10px 10px;
	font-size: 14px;
	font-weight: 300;
	color: #999;
}

/* option: form error */

.form-error .form-label {
	font-weight: 600;
	color: #e74c3c;
}
.form-error .form-item {
	color: #fff;
	background-color: #e74c3c;
}
.form-error .error-message-inline {
	margin: 5px 10px 10px;
	color: #e74c3c;
}
.form-error .error-message-inline::before {
  content: "R";
  margin-right: 8px;
  font-family: "Glyphter";
  font-size: 13px;
  font-weight: 400;
}

/* option: survey */

.survey p:first-child {
	margin-top: 0;
}
.survey p:last-child {
	margin-bottom: 0;
}
.survey-thankyou {
	display: none;
}
.question-star .question-form {
	display: inline-block;
	margin: 15px 0 5px;
}
.question-star .question-form > input { display: none; }
.question-star .question-form > label {
	padding: 0 5px;
	font-family: "Glyphter";
	font-size: 40px;
	display: inline-block;
	cursor: pointer;
}
.question-star .question-form > label:last-child {
	padding-left: 0;
}
.question-star .question-form > label::after {
	content: "V";
}
.question-star .question-form > label {
	color: rgba(0,0,0,.17);
	float: right;
}
.question-star .question-form > input:checked ~ label, /* show gold star when clicked */
.question-star .question-form:not(:checked) > label:hover, /* hover current star */
.question-star .question-form:not(:checked) > label:hover ~ label { color: #ffc000; } /* hover previous stars in list */
.question-textbox {
	display: none;
	padding-top: 20px;
}
.question-textbox .question-form {
	padding: 10px 0;
}
.component-spread .question-star .question-form > input:checked ~ label, /* show gold star when clicked */
.component-spread .question-star .question-form:not(:checked) > label:hover, /* hover current star */
.component-spread .question-star .question-form:not(:checked) > label:hover ~ label { color: #f4a51b; } /* hover previous stars in list */
.component-spread .question-textbox .question-form .form-textbox {
	background-color: #fff;
}

/********** components **********/

.component-content {
	background-color: #fff;
}
.content-header {
	padding: 10px 0;
	display: table;
	width: 100%;
	line-height: 0px;
	min-height: 20px;
}
.content-header .subtitle {
	display: table-cell;
	padding: 0 20px;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	color: #999;
	text-transform: uppercase;
}
.content-header .field-action {
	display: table-cell;
	padding: 0 10px;
	text-align: right;
}
.content-header .field-action .btn-default {
	width: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	color: #4e5f69;
	background: none;
}
.content-header .field-action .btn-default:hover {
	width: auto;
	color: #fff;
	background-color: #00a1de;
}
.content-header .field-action .btn-default:active {
	background-color: #0061a3;
}
.component-buffer {
	border-top: 5px solid #e4e6e7;
}

/* component: list */

.list-image {
	margin-top: 5px;
	margin-bottom: 8px;
}
.list-image img {
	display: block;
	width: auto;
	max-width: 100%;
	background-color: #e4e6e7;
	border: 0;
	border-radius: 2px;
}
.list-row {
	padding: 15px 20px;
	line-height: 20px;
	vertical-align: top;
	border-top: 1px solid #e4e6e7;
}
.list-row:first-child {
	border-top: 0;
}
.list-row:last-child {
	border-bottom: none;
}
.list-row:hover {
	background-color: #f5f8fa;
}
.list-headline {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}
.list-body {
	display: -webkit-box;
	margin-bottom: 6px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.list-meta .meta-data {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #777;
}
.list-row:hover .list-meta a.meta-data:hover {
	color: #00a1de;
}

/* component: table */

.table-header {
	padding: 18px 0;
}
.table-header .table-data {
	padding: 5px 20px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 14px;
	white-space: nowrap;
}
.table-header .table-data a.sort {
	font-weight: 700;
	color: #000;
}
.table-header .table-data a.sort:hover {
	color: #00a1de;
}
.table-header .table-data a.sort:active {
	color: #0061a3;
}
.table-header .table-data .sort::after {
	content: "";
	margin-left: 5px;
	font-family: "Glyphter";
	font-size: 9px;
}
.table-header .table-data .sort.up::after {
	content: "R";
}
.table-header .table-data .sort.down::after {
	content: "Q";
}
.table-row {
	padding: 15px 0;
	border-top: 1px solid #e4e6e7;
}
.table-row:first-child {
	border-top: 0;
}
.table-row:hover {
	background-color: #f5f8fa;
}
/* .table-row:hover a:not(.btn) {
	color: #00a1de;
} */
.table-data {
	padding: 5px 20px;
	line-height: 20px;
	vertical-align: top;
}
.data-nowrap {
	white-space: nowrap;
}
.data-btn .btn {
	width: 100%;
}
.data-btn .btn-label {
	display: inline-block;
}
.data-checkbox input[type="checkbox"] {
	width: 15px;
	height: 15px;
}
.table-row:hover .data-list .list-meta a.meta-data:hover {
	color: #00a1de;
}

/* component: field */

.field-row {
	padding: 15px 0;
	border-bottom: 1px solid #e4e6e7;
}
.field-label {
	padding: 5px 20px 6px;
	font-size: 14px;
	line-height: 16px;
}
.field-data {
	padding: 6px 20px 5px;
	font-weight: 400;
	line-height: 20px;
	overflow-wrap: break-word;
	word-wrap: break-word;
  word-break: break-all;
	-ms-word-break: break-all;
}
.field-data.no-data::after {
	content: "n/a";
	color: #ccc;
}

/* component: form */

.form-row {
	padding: 10px 0;
	border-bottom: 1px solid #e4e6e7;
}
.form-label {
	display: block;
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 16px;
}
.form-data {
	padding: 0 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
.form-action {
	display: table;
	width: 100%;
}
.form-action .tool {
	margin: 0;
	vertical-align: middle;
}
.form-action-secondary {
	display: table-cell;
	padding: 0 10px;
}
.form-action-secondary .btn {
	margin-top: 10px;
	margin-right: 10px;
}
.form-action-primary {
	display: table-cell;
	text-align: right;
	padding: 0 10px;
}
.form-action-primary .btn {
	margin-top: 10px;
	margin-left: 10px;
}

/* component: spread */

.component-spread {
	margin-top: -40px;
	padding-top: 40px;
	overflow: hidden;
	background: url("../img/blank.png") right bottom no-repeat; /* prevents jQuery slideUp slideDown leaving lines */
}
.popup .component-spread {
	margin-top: 0px;
	padding-top: 0px;
	border-radius: 2px 2px 0 0;
}
.component-spread .component-content + .form-action {
	margin-top: -10px;
	margin-bottom: 10px;
}
.component-spread .component-content {
	padding: 60px 20px;
	background: none;
}
.component-spread .component-title {
	margin-bottom: 23px;
	padding: 0;
	font-size: 14px;
	line-height: normal;
	color: rgba(0,0,0,.65);
	text-transform: uppercase;
}
.component-spread .content-headline {
	margin-bottom: 25px;
	font-size: 40px;
	font-weight: 400;
	line-height: 135%;
}
.component-spread .content-body,
.component-spread .content-body h5,
.component-spread .content-body p {
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 155%;
}
.component-spread .content-body p:last-child {
	margin-bottom: 0px;
}

/* color: reverse */

.color-reverse.reverse-page {
	background-color: #00a1de;
}
.color-reverse .component-spread {
	background-color: #00a1de;
}
.color-reverse .component-spread.reverse-green {
	background-color: #6bb02e;
}
.color-reverse .component-spread .component-content {
	background: none;
}
.color-reverse .component-title {
	color: #fff;
}
.color-reverse .component-spread .component-title {
	color: rgba(255,255,255,.65);
}
.color-reverse .component-spread .content-headline {
	color: #fff;
}
.color-reverse .component-spread .content-body,
.color-reverse .component-spread .content-body h5,
.color-reverse .component-spread .content-body p {
	color: #fff;
}
.color-reverse .component-spread .content-body a {
	color: #99d4f5;
}
.color-reverse .component-spread .content-body .form-action a:not(:hover) {
	color: #fff;
}
.color-reverse .component-spread .content-body a:hover {
	text-decoration: underline;
}
.color-reverse .form-action .btn-default {
	color: #fff;
	background-color: rgba(0,0,0,.0);
}
.color-reverse .form-action .btn-primary {
	color: #fff;
	background-color: rgba(0,0,0,.0);
	border: 1px solid #fff;
	border-radius: 3px;
}
.color-reverse .form-action .btn-default:hover,
.color-reverse .form-action .btn-primary:hover {
	color: #00a1de;
	background-color: #fff;
}
.color-reverse .form-action .btn-default[disabled],
.color-reverse .form-action .btn-default.disabled,
.color-reverse .form-action .btn-default[disabled]:hover,
.color-reverse .form-action .btn-default.disabled:hover,
.color-reverse .form-action .btn-default[disabled]:active,
.color-reverse .form-action .btn-default.disabled:active,
.color-reverse .form-action .btn-primary[disabled],
.color-reverse .form-action .btn-primary.disabled,
.color-reverse .form-action .btn-primary[disabled]:hover,
.color-reverse .form-action .btn-primary.disabled:hover,
.color-reverse .form-action .btn-primary[disabled]:active,
.color-reverse .form-action .btn-primary.disabled:active {
	color: rgba(255,255,255,.35);
	border-color: rgba(255,255,255,.25);
	background: none;
	cursor: default;
}
.color-reverse .form-action .tool-steps .step {
	color: #fff;
}
.color-reverse .form-action .tool-steps .at {
	border-color: #fff;
}
.color-reverse .component-spread .question-star .question-form > label {
	color: rgba(255,255,255,.3);
}
.color-reverse .component-spread .question-star .question-form > input:checked ~ label, /* show gold star when clicked */
.color-reverse .component-spread .question-star .question-form:not(:checked) > label:hover, /* hover current star */
.color-reverse .component-spread .question-star .question-form:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */

.color-reverse .feedback-block .feedback-content {
	background-color: #fff !important;
}
.color-reverse .feedback-block .feedback-success .content-message {
	color: #6bb02e;
}
.color-reverse .feedback-block .feedback-warning .content-message {
	color: #e67e22;
}
.color-reverse .feedback-block .feedback-error .content-message {
	color: #e74c3c;
}
.color-reverse .feedback-block .content-message a {
	color: #0081d8;
}
.color-reverse .feedback-block .content-message a:active {
	color: #0061a3;
}
.color-reverse .feedback-block .feedback-success .btn-primary,
.color-reverse .feedback-block .feedback-error .btn-primary,
.color-reverse .feedback-block .feedback-warning .btn-primary {
	color: #fff;
	background-color: #46545d;
}
.color-reverse .feedback-block .feedback-success .btn-primary:hover,
.color-reverse .feedback-block .feedback-error .btn-primary:hover,
.color-reverse .feedback-block .feedback-warning .btn-primary:hover {
	color: #fff;
	background-color: #00A1DE;
}
.color-reverse .feedback-block .feedback-success .btn-primary:active,
.color-reverse .feedback-block .feedback-error .btn-primary:active,
.color-reverse .feedback-block .feedback-warning .btn-primary:active {
	color: #fff;
	background-color: #0061a3;
}
.color-reverse .feedback-block .feedback-success .btn-default,
.color-reverse .feedback-block .feedback-error .btn-default,
.color-reverse .feedback-block .feedback-warning .btn-default {
	color: #46545d;
	background-color: #e4e6e7;
}
.color-reverse .feedback-block .feedback-success .btn-default:hover,
.color-reverse .feedback-block .feedback-error .btn-default:hover,
.color-reverse .feedback-block .feedback-warning .btn-default:hover {
	color: #00a1de;
}
.color-reverse .feedback-block .feedback-success .btn-default:active,
.color-reverse .feedback-block .feedback-error .btn-default:active,
.color-reverse .feedback-block .feedback-warning .btn-default:active {
	color: #0061a3;
}
.color-reverse .feedback-block .feedback-success .btn-default.feedback-block-closer,
.color-reverse .feedback-block .feedback-error .btn-default.feedback-block-closer,
.color-reverse .feedback-block .feedback-warning .btn-default.feedback-block-closer {
	color: #46545d;
	background-color: #fff;
}
.color-reverse .feedback-block .feedback-success .btn-default.feedback-block-closer:hover,
.color-reverse .feedback-block .feedback-error .btn-default.feedback-block-closer:hover,
.color-reverse .feedback-block .feedback-warning .btn-default.feedback-block-closer:hover {
	color: #00a1de;
}
.color-reverse .feedback-block .feedback-success .btn-default.feedback-block-closer:active,
.color-reverse .feedback-block .feedback-error .btn-default.feedback-block-closer:active,
.color-reverse .feedback-block .feedback-warning .btn-default.feedback-block-closer:active {
	color: #0061a3;
}
.color-reverse .component-spread .feedback-block .question-star .question-form > label {
	color: rgba(0,0,0,.15);
}
.color-reverse .component-spread .feedback-block .question-textbox .question-form .form-textbox {
	background-color: #e4e6e7;
}

/* component: chip */

.content-chip {
	padding: 15px 20px;
}
#main-menu-content .content-chip,
#user-menu-content .content-chip {
	padding-top: 0;
}
.content-chip p {
	margin: 0 0 15px;
	padding: 0;
}
.content-chip p:last-child {
	margin-bottom: 0;
	padding: 0;
}

/* component: steps */

.step-stage-skip,
.step-stage,
.step-stage .tool-steps {
	display: none;
}

/* component: note */

.component-note {
	margin-bottom: 60px;
}
.component-note a {
	color: #777;
	font-weight: 300;
}
.component-note a:hover {
	color: #00a1de;
	text-decoration: underline;
}
.component-note .component-title {
	color: #999;
}
.order-sub .component-note .component-title {
	margin-top: 21px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	background: none;
}
.component-note .component-content {
	color: #999;
	background: none;
}
.content-note {
	padding: 0 20px 15px;
}
.order-sub .content-note {
	padding-top: 15px;
}
.content-note p {
	margin: 0 0 15px;
	padding: 0;
}
.content-note p:last-child {
	margin-bottom: 0;
	padding: 0;
}





/* increases side margins
//////////////////////////////////////////////////////// */
@media screen and (min-width : 768px), print {





/********** basics **********/

dd {
	margin-left: 30px;
}
.btn {
	width: auto;
	padding: 0 20px;
}
.btn:hover {
	padding: 0 20px;
}
.btn-icon {
}
.btn-label {
	display: inline-block;
}

/* main menu */

.main-menu-list-item {
	width: 120px;
	padding: 20px;
}
.main-menu-list-item .item-image {
	width: 120px;
	height: 120px;
	background-size: 120px;
	line-height: 120px;
}
.main-menu-list-item .item-image .btn-icon {
	font-size: 44px;
}
.main-menu-list-item .item-name {
	display: -webkit-box;
	margin-top: 8px;
	font-size: 14px;
	line-height: 19px;
	white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main-menu-list-item .item-desc {
	display: block;
	display: -webkit-box;
	margin-top: 2px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #66a0c8;
	overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* user menu */

#user-menu-content .user-menu-icon {
	width: 200px;
	height: 200px;
	background-size: 200px;
}
#user-menu-content .component-content {
	float: left;
}
#user-menu-content .user-profile {
	font-size: 18px;
}

/********** layouts **********/

/* layout: default */

.service-menu-title {
	min-height: 60px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 25px;
	line-height: 100px;
}
.service-menu-list-group {
	padding: 10px 30px 10px 14px;
}
.service-menu-list-group .btn-icon {
	margin-right: 4px;
}
.service-menu-list-item a {
	padding-left: 30px;
	padding-right: 30px;
}

/********** overlays **********/

/* overlay: tier */

.tier-content {
	padding-bottom: 220px;
}
.tier-closer {
	border-bottom-width: 100px;
	border-right-width: 100px;
}
.tier-closer::after {
	border-top-width: 100px;
	border-left-width: 100px;
}

/* overlay: popup */

.popup {
	padding: 10px;
}

.popup-content {
	padding-bottom: 150px;
}

/********** orders **********/

.order-stack .component-title,
.order-sub .component-title {
	padding-left: 30px;
	padding-right: 30px;
}

/* oreder: stack */

.order-stack .component-title {
	font-size: 25px;
	line-height: 100px;
}

/********** options **********/

/* option: toolbar */

.tool-trigger {
	display: none !important; /* !important overrides user click in js tool toggle */
}
.tool-triggee {
	display: block !important; /* !important overrides user click in js tool toggle */
	position: relative;
	width: auto;
	margin-top: 0;
	left: auto;
}
.toolbar {
	padding-bottom: 0 !important; /* !important overrides user click in js tool toggle */
}
.tool-trigger-active {
	display: none !important;
}
.tool-search {
	padding-left: 45px;
}
.btn-search-reset {
	margin-left: 14px;
	padding: 0 5px;
}
.btn-search-reset:hover {
	width: auto;
	padding: 0 5px;
}
.btn-search-reset .btn-icon {
	padding-right: 0;
}
.tool-banner .tool-search {
	padding-left: 70px;
}
.tool-banner .btn-search-reset {
	margin-left: 9px;
	padding: 0 10px;
}
.tool-banner .btn-search-reset:hover {
	width: auto;
	padding: 0 10px;
}

/* option: pagination */

.pagination .action-secondary {
	display: table-cell;
}
.pagination .btn {
	width: 40px;
	padding: 0;
}
.pagination .btn:hover {
	width: 40px;
	padding: 0;
}

/* option: feedback block */

.feedback-block .content-message {
	padding-left: 20px;
}
.feedback-block .content-action {
	padding-right: 10px;
}
.feedback-block .content-action .btn {
	width: 40px;
	padding: 0;
}
.feedback-block .content-action .btn-icon {
	padding-right: 0;
}

/* option: feedback inline */

.feedback-inline {
	padding-left: 30px;
	padding-right: 30px;
}

/********** components **********/

.content-header .subtitle {
	padding: 0 30px;
}
.content-header .field-action .btn {
	width: auto;
}

/* component: list */

.list-row {
	padding: 20px 30px;
}
.list-row::after {
	content: "";
	display: block;
	clear: both;
}
.list-image {
	margin-top: auto;
	margin-bottom: auto;
}
.list-image {
	float: left;
	width: 240px;
}
.list-image + .list-data {
  margin-left: 260px;
}
.list-image.image-right {
	float: right;
}
.list-image.image-right + .list-data {
  margin-left: auto;
  margin-right: 260px;
}

/* component: table */

.content-table-wrap {
	overflow: auto;
}
.content-table {
	display: table;
	width: 100%;
}
.table-header,
.table-row {
	display: table-row;
	padding: 0;
	border: 0;
}
.table-data {
	display: table-cell;
	padding: 20px 30px;
	border-top: 1px solid #e4e6e7;
}
.table-header .table-data {
	padding: 23px 30px;
	border-top: none;
}
.table-row:last-child .table-data {
	border-bottom: none;
}
.data-prime {
	width: 100%;
}
.data-btn {
	padding: 10px;
}
.data-btn .btn {
	display: inline-block;
	width: auto;
	min-width: 100%;
}
.table-header .data-checkbox {
	width: 15px;
	padding-left: 32px;
}
.table-row .data-checkbox {
	padding-left: 30px;
	width: 15px;
}
.table-header .data-checkbox input[type="checkbox"] {
	width: 11px;
	height: 11px;
	margin: 0;
}
.table-row .data-checkbox input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 0;
}
.table-data.data-list{
	padding-top: 17px;
}
.table-compact .table-header .table-data {
	padding: 10px;
}
.table-compact .table-row .table-data {
	padding: 10px;
	font-size: 14px;
}
.table-compact .table-header .data-checkbox input[type="checkbox"] {
	width: 15px;
	height: 15px;
}
.table-compact .data-btn .btn {
	min-width: auto;
	height: 20px;
	line-height: 20px;
	padding: 0;
	color: #0081d8;
	background: none;
	vertical-align: baseline;
}
.table-compact .data-btn .btn-default:hover {
	color: #00a1de;
}
.table-compact .data-btn .btn-default:active {
	color: #0061a3;
}
.table-compact .data-btn .btn .btn-icon {
	display: none;
}
.table-compact .data-btn .btn .btn-label {
	padding: 0;
}
.table-compact .data-btn .btn-default-warning:hover {
	color: #e74c3c;
}
.table-compact .data-btn .btn-default-warning:active {
	color: #b53c2f;
}
.table-compact .feedback-inline {
	padding: 10px;
	font-size: 14px;
}

/* component: field */

.component-field .component-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.component-field .content-header {
	margin-top: -40px;
}
.content-field {
}
.field-row {
	display: table;
	width: 100%;
	padding: 0;
	border-bottom: 0;
}
.field-label {
	float: left;
	width: 180px;
	padding: 13px 0 0 30px;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
}
.field-data {
	margin-left: 210px;
	padding: 10px 30px;
	font-weight: 400;
	line-height: 20px;
}
.form-action .btn {
	min-width: 180px;
}
.form-action .btn.btn-85 {
	min-width: 85px;
}

/* component: form */

.component-form .component-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.component-form .content-header {
	margin-top: -40px;
}
.content-form {
}
.form-row {
	display: table;
	width: 100%;
	padding: 0;
	border-bottom: 0;
}
.form-label {
	float: left;
	width: 180px;
	padding: 18px 0 16px 30px;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
}
.form-data {
	margin-left: 210px;
	padding: 5px 30px 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
.form-data .form-textbox {
	width: auto;
	min-width: 440px; /* placeholder */
}

/* component: spread */

.component-spread .component-content {
	width: 550px;
	margin: 0 auto;
}
.component-spread .component-title {
	padding: 0;
	font-size: 14px;
	line-height: normal;
	text-align: center;
}
.component-spread .content-headline {
	text-align: center;
}

/* component: chip */

.order-sub .component-title,
.component-chip .content-header {
	margin-bottom: -20px;
}
.content-chip {
	padding: 40px 30px;
}
.content-chip p {
	margin-bottom: 20px;
}

/* component: steps */

.step-stage .tool-steps {
	display: inline-block;
}
.step-stage .content-header .subtitle {
	padding-bottom: 20px;
}
.step-stage .component-chip .content-header .subtitle {
	padding-bottom: 0;
}

/* component: note */

.order-sub .component-note .component-title {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 20px;
}
.content-note {
	padding-left: 30px;
	padding-right: 30px;
}





}
/* tier becomes half
//////////////////////////////////////////////////////// */
@media screen and (min-width : 1024px), print {





/********** overlays **********/

/* overlay: tier */

.tier-content {
	padding-bottom: 80px;
}
.tier-closer {
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	height: auto;
	background-color: rgba(70,84,93,.75);
	border: 0;
	cursor: default;
}
.tier-closer::after {
	display: none;
}
.tier-closer {
	width: 240px;
}
.tier-content,
.tier-content-bg {
	left: 240px;
}

/* component: spread */

.step-stage .content-header {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.step-stage .content-header .subtitle {
	padding-left: 0;
	padding-right: 0;
}





}
/* static service menu for layout default appears
//////////////////////////////////////////////////////// */
@media screen and (min-width : 1225px), print {





/********** basics **********/

/* main menu */

#main-menu-trigger {
	left: 10px;
}
.main-menu-list-item {
	width: 160px;
	padding: 20px;
}
.main-menu-list-item .item-image {
	width: 160px;
	height: 160px;
	background-size: 160px;
	line-height: 160px;
}
.main-menu-list-item .item-image .btn-icon {
	font-size: 58px;
}
.main-menu-list-item .item-name {
	margin-top: 10px;
	font-size: 18px;
	line-height: 22px;
}
.main-menu-list-item .item-desc {
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
}

/********** layouts **********/

/* layout: default */

.layout-default #layout {
	margin-left: 240px;
}
#service-menu-trigger {
	display: none;
}
#service-menu {
	z-index: 1070;
	left: 0px;
}

/* layout: full */

.layout-full #main-menu-trigger {
	box-shadow: none;
	cursor: pointer;
}
.layout-full #service-menu-trigger,
.layout-full .service-menu-title,
.layout-full .service-menu-list-group,
.layout-full .service-menu-list-buffer {
	display: none;
}
.layout-full #service-menu {
	left: 0;
	right: 0;
	bottom: auto;
	width: auto;
	height: auto;
}
.layout-full #service-menu-content {
	padding: 40px 0 0;
}
.layout-full .service-menu-list {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
}
.layout-full .service-menu-list-item {
	float: left;
	margin-top: 10px;
}
.layout-full .service-menu-list-item a {
	border-radius: 2px 2px 0 0;
	padding-left: 20px;
	padding-right: 20px;
}
.layout-full #layout-content {
	padding-top: 90px;
}

/********** overlays **********/

/* overlay: tier */

.layout-default .tier-closer,
.layout-default.popup-open .tier-closer,
.layout-full .tier-closer {
	width: 480px;
	left: 0px;
}
.tier-content,
.tier-content-bg {
	left: 480px;
}

/********** form help **********/

.help-message-inline {
	margin: -40px 10px 0 440px;
	padding: 0 10px;
}
.help-message-inline-content {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}

/********** components **********/

/* component: spread */

#layout-content.layout-content-buffer {
	padding-top: 130px;
}

/* component: list */

.list-body {
	color: #666;
}
.list-row:hover .list-body,
.table-row:hover .list-body {
	color: #555;
}
.list-meta .meta-data {
	color: #999;
}
.list-row:hover .list-meta .meta-data,
.table-row:hover .list-meta .meta-data {
	color: #969696;
}





}
/* print
//////////////////////////////////////////////////////// */
@media print {





/********** additionals **********/

body {
	font-size: 11px;
}

.order-sub .component-title,
.content-header .subtitle,
.table-header .table-data {
	font-size: 8px;
}
.field-label {
	font-size: 10px;
}
.field-label {
	font-size: 10px;
}
.component .component-title {
	padding: 20px 0;
	line-height: 100%;
}

#main-menu-trigger,
#main-menu,
#user-menu-trigger,
#user-menu,
#service-menu,
#service-menu-trigger,
.tier-closer,
.popup-closer,
.tier-open #layout,
.popup-open #layout,
.form-action,
.toolbar {
	display: none !important;
}
#layout,
#layout-content,
.tier-open .tier,
.tier-open .tier-content,
.tier-open .tier-content-bg,
.popup-open .popup,
.popup-open .popup-content,
.popup-open .popup-content-bg,
#footer {
	position: static;
	width: auto !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	color: #000;
}
.component-content {
	border: 1px solid #e4e6e7;
	border-collapse: collapse;
	margin-bottom: 2px;
}
.component-spread .component-content {
	border: none;
}





}





/* global overrides
//////////////////////////////////////////////////////// */





.btn[disabled],
.btn.disabled,
.btn[disabled]:hover,
.btn.disabled:hover,
.btn[disabled]:active,
.btn.disabled:active {
	color: #ccc;
	background-color: #fff;
	cursor: default;
}
.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary[disabled]:active,
.btn-primary.disabled:active {
	color: #999;
	background-color: #4e5f69;
}
.component-content .btn[disabled],
.component-content .btn.disabled,
.component-content .btn[disabled]:hover,
.component-content .btn.disabled:hover,
.component-content .btn[disabled]:active,
.component-content .btn.disabled:active{
	color: #b5b5b5;
	background-color: #e4e6e7;
}
.table-compact .component-content .btn[disabled],
.table-compact .component-content .btn.disabled,
.table-compact .component-content .btn[disabled]:hover,
.table-compact .component-content .btn.disabled:hover,
.table-compact .component-content .btn[disabled]:active,
.table-compact .component-content .btn.disabled:active {
	background: none;
}





/* end
//////////////////////////////////////////////////////// */