@charset "utf-8";

/*----------------- Fonts -----------------*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}
/*----------------- Icomoon -----------------*/

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-hyrv6y');
	src:url('../fonts/icomoon.eot?#iefix-hyrv6y') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-hyrv6y') format('woff'),
		url('../fonts/icomoon.ttf?-hyrv6y') format('truetype'),
		url('../fonts/icomoon.svg?-hyrv6y#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
/*	speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-table2:before {content:"\e600";}
.icon-stats-bars:before {content:"\e601";}
.icon-stats-bars2:before {content:"\e602";}
.icon-home:before {content:"\e603";}
.icon-user-check:before {content:"\e604";}
.icon-checkmark:before {content:"\e605";}
.icon-file-text2:before {content:"\e606";}
.icon-compose:before {content:"\e607";}
.icon-grid:before {content:"\e608";}
.icon-list:before {content:"\e609";}
.icon-dollar:before {content:"\f155";}
.icon-arrow-left:before {content:"\e60a";}
.icon-arrow-right:before {content:"\e60b";}
.icon-arrow-right2:before {content:"\e900";}
.icon-arrow-left2:before {content:"\e901";}
.icon-circle-right:before {content:"\e902";}
.icon-circle-left:before {content:"\e903";}
.btn-arrow-right2:after {font-family:'icomoon',serif;padding-left:5px;content:"\e900";}
.btn-arrow-left2:before {font-family:'icomoon',serif;padding-right:5px;content:"\e901";}

/********************************************HTML5 BOILERPLATE MINIFIED***************************/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

html,body {
	width:100%;
	height:100%;
	overflow:hidden;
    font-family: 'Lato', 'sans-serif';
}
body {
	background: #dfe5e8;
	/*background:#e8e8e8;*/
	overflow:hidden;
}
body.body-white {
	background:#fff;
}
html.body-scroll {
	overflow:auto;
    -webkit-overflow-scrolling: touch;
}
body.body-forr {
	font-family: 'Arial', 'sans-serif';
}
html.body-scroll body {
    height:auto;
}
button {
    font-family: 'Lato', 'sans-serif';
}
body.body-forr button:not(.glyphicon) {
    font-family: 'Arial', 'sans-serif';
}

body.body-forr .btn-success, body.body-forr .btn-success:active:focus, body.body-forr .btn-success:active:hover, body.body-forr .btn-success.disabled:hover, body.body-forr .btn-succees[disabled], body.body-forr .btn-success[disabled]:hover,
body.body-forr .btn-info, body.body-forr .btn-info:active:focus, body.body-forr .btn-info.disabled, body.body-forr .btn-info.disabled:focus, body.body-forr .btn-info[disabled], body.body-forr .btn-info[disabled]:focus,
body.body-forr .btn-info:active:hover, body.body-forr .btn-info.disabled:hover, body.body-forr .btn-info[disabled]:hover {
    background-color:#003d99;
    border-color:#003d99;
    outline-color:#003d99;
    border-radius:2px;
}
button.white-btn-forr {
	display:inline-block;
	font-family: 'Arial', 'sans-serif';
	font-size: 1.125em;
	padding: .583333333em 1em;
	line-height: 1.3;
	border-radius: 2px;
	border: 1px solid #d0d2d3; /* border: 1px solid transparent; */
	color: #003d99;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.1);
	box-shadow: 3px 3px 0 rgba(0,0,0,.05);
	min-width: 8.5em;
	text-align: center;
	letter-spacing: -.03em;
	font-weight: 700;
}
/*
from bootstrap 'btn'
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.42857143;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
*/
button.btn-sm-forr {
	font-size:13px; /*.875em;*/
	font-weight:normal;
	padding-top: .571428571em;
	padding-bottom: .571428571em;
}
@media (min-width: 37.5em) {
	button.white-btn-forr {
		font-size:1.3125em;
		padding: .547619048em 1em;
	}
}
@media (min-width: 37.5em) {
	button.btn-sm-forr {
		font-size:13px; /*1.125em;*/
		font-weight:normal;
		padding-top: .416666667em;
		padding-bottom: .416666667em;
	}
}
button.blue-btn-forr {
    background-color:#003D99;
    color:#FFF;
    font-weight:700;
    font-size:.8125em;
    padding:7px 13px;
    border:none;
    cursor:pointer;
}
button.blue-btn-forr.blue-btn-forr-lg {
    padding: 10px 16px;
    line-height: 1.3333333;
    font-size:1.125em;
}
.gdprBtn {
	border-radius: 2px !important;
}
.gdprBtn.gdprAcceptance, .gdprBtn.gdprRegAcceptance {
	background-color:#003D99 !important;
}
.gdprLeftSide a {
	cursor: pointer;
}
.lgtCookieConsentRequired {
	text-transform: uppercase;
	font-size: 1.25em;
    color: red;
    font-weight: bold;
}
/*
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
 */
body.body-forr a {
    color: #003d99;
}

/*----------------- Header -----------------*/
header {
	background:#fff;
	min-height:65px;
	float:left;
	width:100%;
	position:relative;
	z-index:4;
	display:table;
}
header.header-forr {
	background:#333;
	min-height:auto;
	float:initial;
	display:block;
}
header.header-forr.header-forr-white {
    background:#fff;
}
div.header-forr {
	max-width:1000px;
}
div.header-forr.header-wide {
	max-width:1200px;
}
header section {
	display:table-cell;
	vertical-align:middle;
	font-family: 'Lato', 'sans-serif';
	font-weight:900;
	color:#0c5169;
	margin:0;
	width:10%;
	height:100%;
	font-size:.7em;
	letter-spacing:1px;
	padding: 8px 0;
}
body.body-forr header section {
    font-family: 'Arial', 'sans-serif';
    color:#333333;
    font-weight:700;
}
header div.div-forr {
	color:#333333;
	letter-spacing:1px;
}
header.header-forr div.div-forr {
	color:#fff;
}
header section.logo {padding:15px;}
header div.logo {
	padding:11px 3px 11px 20px;
}
header section.desc {
	width:80%;
	height:100%;
	text-align:center;
	font-size:1.25em;
	padding:10px 0;
}
header section.desc {
	padding: 0 2px 0 2px
}
header div.desc-forr {
	text-align:center;
	font-size:1.25em;
	padding:11px 2px 11px 2px;
	color:#fff;
}
header.header-forr-white div.desc-forr {
    color:#333333;
	font-weight:bold;
}
header section.brand {text-align:center;}
header.header-forr div.brand {
    text-align:right;
    /*padding-top:11px;*/
}
header section.brand p, header div.brand span, header div.brand p {
    text-align: center;
    width: 100%;
    display: block;
    margin:0;
    font-size:0.8em;
    padding-top:5px;
}
body.body-forr header section.brand p {
    text-decoration:underline;
    color:#003d99;
}
header.header-forr div.brand p {
	text-align:left;
    float:left;
    margin-left:0;
	color:#fff;
	font-size:0.5em;
	text-decoration:underline;
    padding: 10px 0 3px 0;
    max-width:140px;
}
header.header-forr.header-forr-white div.brand p {
	color:#333333;
}
header div.brand span {
    color: #fff;
    font-size:0.6em;
    display:inline-block;
    width:auto; // initial
}
header section.brand p img, header div.brand p img {padding:0 10px 4px 6px;}
header.header-forr div.brand img {
	float:left;
	/*margin-right:20px;*/
}
header.header-forr div.brand img.float-right {
	float:right;
	margin-right:20px;
}
/*header section.brand img {width: 77px;height: 12px;} /* for png w=88; h=29 */
header section.brand p.contact {
	margin-top:5px;
	font-size:12px;
	white-space: nowrap;
}

header section.brand p .glyphicon {margin-right:4px;}
header section.info {width:10px;position:relative;}
body.body-forr header section.info {display:none}

/* --| Console |-- */
#console {
	overflow:hidden;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	height:100%;	/* set so don't get blip of blue background on startup */
    width:100%;
	background:#dfe5e8;
    /*background:#e8e8e8;*/
    /*outline: solid 2px #dfe5e8;*/
	/*outline: solid 2px #E8E8E8;*/
	max-width:1400px;
	display:none;	/* start hidden */
}
body.body-white #console {
	background: #fff;
}
#console.nav-top {
    max-width:1000px;
}
#console.console-wide, #console.nav-top.console-wide {
	max-width:1200px;
}
html.body-scroll #console {
	height:auto;
}
.nav-pills li {
    margin-bottom:1px;
    margin-left:2px;
}
div.nav-wide .nav-pills li {
	margin-left:10px;
}
div.nav-wide .nav-wrap.nav-horiz {
	padding-top:10px;
}
.nav-pills>li>a {
    border-radius:0;
}
nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color:#003D99;
}
.nav-wrap-green {
	background-color:#467f1a;
}
.nav-wrap {
    position:relative;
	height:100%;
    padding: 0 0 0 15px;
	overflow-y: auto;
	overflow-x: hidden;
}
.nav-wrap.nav-horiz {
    height:auto;
	padding-bottom:10px;
    overflow-y:hidden;
    overflow-x:auto;
}
.nav-menu {
	font-family: 'Lato', 'sans-serif';
	width:100%;
    padding:0;
    margin:0;
}
.nav-wide {
	max-width:1200px;
	margin:auto;
}
body.body-forr .nav-menu {
    font-family: 'Arial', 'sans-serif';
}
body.body-forr div.nav-wrap-green .mainmnu {
	color:#669933;
	background:#467f1a;
	border: solid 1px #467f1a;
}
div.nav-wrap-green .nav-menu li.active .mainmnu {
	background: #467f1a;
}
body.body-forr div.nav-wrap-green .mainmnu span.icon, body.body-forr div.nav-wrap-green .mainmnu div.icon {
	color: #669933;
}
body.body-forr div.nav-wrap-green .nav-menu li.active .mainmnu div.icon, body.body-forr div.nav-wrap-green .nav-menu li.active .mainmnu {
	color: #fff;
}
body.body-forr div.nav-wrap-green .nav-menu li.active .mainmnu {
	border-bottom: solid 1px #467f1a;
}
.body.body-forr .nav-stacked > li {padding-bottom:1px;}
.nav-stacked > li + li {margin-top: 1px;}
body.body-forr .nav-stacked > li + li {margin-top:0;padding-bottom:1px;}
.nav > li.nodisplay {display: none;}
.nav-sm div.mainmnu {padding:20px 10px 20px 5px;}
.nav-xsm div.mainmnu {padding:10px 10px 10px 5px;}
.nav-xxsm div.mainmnu {padding:5px 10px 5px 5px;}
#main-menu {margin-top:0;}
.nav-menu li.active .mainmnu {
	background:#FFFFFF;
	color:#0096d0;
	border-bottom:solid 1px #e4e4e4;
}
body.body-forr .nav-menu li.active .mainmnu {
	border-bottom:solid 1px #fff;
}
.nav-menu li.active .mainmnu span.icon, .nav-menu li.active .mainmnu div.icon {color:#7fcbe8;}
body.body-forr .nav-menu li.active .mainmnu span.icon, body.body-forr .nav-menu li.active .mainmnu div.icon {color:#669933;}
.nav-menu li:last-child .mainmnu {border-bottom:none;}
body.body-forr .nav-menu li:last-child .mainmnu {border:1px solid #fff;}
li.mainnav.disabled div.mainmnu {
	cursor:default;
	color:#e4e4e4;
}
li.mainnav a {
	color:#003D99; /*color:#0096d0;*/
	cursor:pointer;
}
body.body-forr li.mainnav a {
    border: 1px solid #fff;
}
li.mainnav.active a {
	background-color:#003D99; /*background-color:#0096d0;*/
	color:#ffffff;
}
body.body-forr li.mainnav.active a {
    color:#669933;
    background-color:#fff;
}
.nav-top {padding-right: 15px;}
.nav-left {padding-right: 15px;}
.nav-padding {padding-right: 15px;}

.mainmnu {
	margin:0;
	padding:30px 10px 30px 5px;
	background:#f9f9f9;
	color:#676767;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:solid 1px #e4e4e4;
	/*display:table;*/
	width:100%;
	-webkit-transition:background .25s, color .35s, padding .5s;
	transition:background .25s, color .35s, padding .5s;
}
body.body-forr .mainmnu {
    color:#003d99;
    background:#dfe5e8;
    border: 1px solid #fff;
    font-weight:700;
}
.mainmnu span, .mainmnu div {
	font-size:.9em;
	/*display:table-cell;*/
	vertical-align:middle;
	/* word-break:break-all; */
	-webkit-transition:font-size .5s;
	transition:font-size .5s;
}
.mainmnu span.icon, .mainmnu div.icon {
	font-size:1.35em;
    min-width:25px;
	width:25px;
	text-align:center;
	/*padding-right:8px;*/
	transition:color .35s;
}
body.body-forr .mainmnu span.icon, body.body-forr .mainmnu div.icon {
    color:#003d99;
}
body.body-forr .nav-menu li.active .mainmnu {
    color:#669933;
}
.nav-title {
    margin-left: 5px;
}
/*body.body-forr .mainmnu span.nav-title {*/
    /*color:#003d99;*/
/*}*/
.mainmnu:hover {
	background:#FFFFFF;	
	cursor:pointer;
}

.sub-menu {padding:0;margin:0;height:0;}
.active .sub-menu {height:inherit;}

.sub-menu li {
	padding:5px 35px;
	font-weight:700;
	/*display:table;*/
	width:100%;
	transition:color .25s;
	position:relative;
	background: #fff;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: -moz-linear-gradient(left,  #12b5e8 0%, #0097d1 70%); !* FF3.6+ *!*/
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#12b5e8), color-stop(70%,#0097d1)); !* Chrome,Safari4+ *!*/
	/*background: -webkit-linear-gradient(left,  #12b5e8 0%,#0097d1 70%); !* Chrome10+,Safari5.1+ *!*/
	/*background: -o-linear-gradient(left,  #12b5e8 0%,#0097d1 70%); !* Opera 11.10+ *!*/
	/*background: -ms-linear-gradient(left,  #12b5e8 0%,#0097d1 70%); !* IE10+ *!*/
	/*background: linear-gradient(to right,  #12b5e8 0%,#0097d1 70%); !* W3C *!*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12b5e8', endColorstr='#0097d1',GradientType=1 ); !* IE6-8 *!*/
}
body.body-forr .sub-menu li {
    color:#003d99;
    background:#fff;
}
.no-touch .sub-menu li:hover, .sub-menu li.active {
	cursor:pointer;
	color:#FFF;
    background:#12b5e8;
}
body.body-forr .no-touch .sub-menu li:hover, body.body-forr .sub-menu li.active {
    cursor:pointer;
    color:#FFF;
    background:#467f1a;
}
.no-touch .sub-menu li div:hover, .sub-menu li div:hover {
	cursor:pointer;
}
.sub-menu li.active .roll, .no-touch .sub-menu li.active:hover .roll {
	opacity:0;
	display:none\9;
}

.no-touch .sub-menu li:hover .roll {
	opacity:.25;
	display:none\9;	
}

.sub-menu li div {
	/*display:table-cell;*/
	vertical-align:middle;
	padding: 5px 0;
	font-size:.85em;
}

.sub-menu li div.mnu {
	margin-right:10px;
	position:relative;
	z-index:2;
}

.sub-menu li div.roll {
	width:100%;
	height:100%;
	background:#FFF;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	border-bottom:solid 1px #e4e4e4;
	opacity:1;
	display:table-cell\9;
}

.sub-menu li div.status {
  color: #E1E1E1;
  position:relative;
  z-index:2;
  text-align:center;
}
.sub-menu li div.status span {
	border: 2px solid #E4E4E4;
  	border-radius: 7px;
	padding: 2px 8px;
}

.console-wrap {
	position:relative;
	height:100%;
	min-height:100px;
	padding: 0 0 0 15px;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}
html.body-scroll div.console-wrap {
	height:auto;
}
.console-menu {
	font-family: 'Lato', 'sans-serif';
	min-width:100%;
	height:100%
}
body.body-forr .console-menu {
    font-family: "Arial", 'sans-serif';
}
html.body-scroll div.console-menu {
	height:auto;
}

#content h2, #content h3:not(.popover-title), #content h4 {color:#0097D1;font-weight:700;}
body.body-forr #content h2.h2-forr, body.body-forr #content h3.h3-forr {
    color:#467F1A;
    font-weight:400;
}
#content h2 {font-size:1.5em;}
#content h2.h2-forr {margin-top:0;}
body.body-forr #content h2.h2-forr {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	padding:10px 10px 10px 20px;
}
#content h3:not(.popover-title) {font-size:1em;}
#content h3:not(.popover-title), #content h4 {margin:0 20px;padding:20px 0;}
section h3:not(.popover-title), section h4 {margin: 0;}
body.body-forr #content h3.h3-forr {
	font-size: 15px;
	font-weight: 400;
	/*margin-bottom: 15px;*/
    text-transform: uppercase;
}

/*.sheet {display:block;}*/
/*.sheet.active {display: block;}*/

#content section {
	background:#FFF;
	border-bottom:solid 1px #e4e4e4;
	width:100%;
	color:#696969;
}
body.body-forr #content section {
    color:#333333;
}
#content section:after {clear:left;}
#content section table, #content section tbody {width:100%;}
#content section .ref {width:10%;float:left;}
#content section .ref tr {padding:0;}
#content section .ref td {text-align:center;}
#content section .values {
	position: relative;
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
}

#content section .values table {
	position:relative;
	left:0;
}
#content section table {
	font-size:0.8em;
	max-width: none;
}
#content section table tr {height:50px;}
#content section table.table-short tr {height:30px}
#content section table td, #content section table th {
	min-height: 50px;
	padding: 5px 15px;
	min-width:100px;
}
#content section table.table-condensed tr, #content section table.table-condensed th {padding:5px;}
#content section table td.btnspacing, #content section div.btnspacing {padding-top:10px;padding-bottom:10px;}
#content section table td.progresscell {padding-left:5px;padding-right:5px;}
#content section table td.progresscell div.progress {min-width:100%;margin-top:30px;}
#content section table th {text-align:center;}
#content section table.noborder td, #content section table.noborder th {border:0}

.tooltip.top > .tooltip-arrow {border-top:5px solid #efefff;}
.tooltip.bottom > .tooltip-arrow {border-bottom:5px solid #efefff;}
.tooltip.left > .tooltip-arrow {border-left:5px solid #efefff;}
.tooltip.right > .tooltip-arrow {border-right:5px solid #efefff;}
.tooltip > .tooltip-inner {
	color:#000000;
	background-color:#efefff;
	border-radius:5px;
	padding:10px;
	text-align:left;
	font-weight:normal;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}
.glyphicon-info-sign {
    font-size:16px;
    color:#0097D1;
}
header .glyphicon-info-sign {padding:0 10px 0 0;}
header div.brand span.glyphicon-info-sign {padding: 0;}
header .glyphicon-info-sign + .tooltip > .tooltip-inner {width:250px;max-width:250px;} /* only works if container=false, not body */
#content td .glyphicon-info-sign, #content div .glyphicon-info-sign {padding-left:5px;top:0;vertical-align:middle;}

#content section .head tr {
	color: #0097D1;
    font-size: 0.9em;
    font-weight: 700;
	border-bottom: 1px solid #eaeaea;
}

#content section table tr td {
	vertical-align:middle;
	position:relative;
}

#content section table tr td div
{
	/*position:relative;*/
	display:inline-block;
}
#content section table tr td div.slider {width:100% !important;}

#content section table.output td
{
	width:100px;
	min-width:100px;
	max-width:100px;
	text-align:center;	
}
#content section table td {text-align:center;}
#content section table td.text-left, #content section table input[type=text].text-left, #content section table select.text-left, #content section input[type=text].text-left, #content section select.text-left, header div.text-left {text-align:left !important;}
#content section table td.text-right, #content section table input[type=text].text-right, #content section table select.text-right, #content section input[type=text].text-right, #content section select.text-right, header div.text-right {text-align:right !important;}
#content section.calc {padding-bottom:10px;}
#content section.calc div {
	display:table;
	height:50px;
	width:100%;
}
#content section.calc p {
	display:table-cell;
	font-weight:900;
	color:#515151;
	padding-left:30px;
	padding-right:30px;
	vertical-align:middle;
	/*-webkit-transition:padding .5s;
	transition:padding .5s;*/
	font-size:.8em;
}
#content section.calc span {
	vertical-align:middle;
	display:table-cell;
	width:70px;
}

#content input[type=text], #content input[type=email], #content input[type=tel], #content select {
	border: 1px solid #777777;
	color: #777777;
	text-align:center;

	font-weight:normal;
	height:30px;
	padding:5px 10px;
	line-height:1.5;
	border-radius:3px;
}
body.body-forr #content input[type=text], body.body-forr #content input[type=email], body.body-forr #content input[type=tel], body.body-forr #content select {
    border-radius:0;
}
#content td input[type=text], #content td select {
	padding: 8px;
	margin-right: 5px;
	width: 80px;
	font-weight: normal;
}
/*#content input[type=text], #content select {*/
	/*font-weight: normal;*/
/*}*/

/*#content input[type=text] {font-size:1.1em;}*/
#content td input[type=checkbox], #content td input[type=radio] {margin:0 3px;}
#content label {margin-bottom:0;}
#content .toggles label {margin-bottom:0;}
#content input[type=text]:focus, #content select:focus {
/*	border-color:#696969;
	color:#696969;	*/
	border-color:#333;
	color:#333;	
}

#content section:last-child {border-bottom:none;}

#content .c-head {padding:10px 20px 10px 20px;margin-bottom:0;}
#content section.c-head h2, body.body-forr #content section.c-head h2.h2-forr {
    margin-bottom:0;
	padding: 0;
}

.complete {
	color:#eaeaea;
	font-weight:700;
}

/* Benefits Data Tables */

#content section.tbl {
	margin-bottom:5px;
	clear:left;
	float:left;
}
#content section.tbl:first-child {margin-bottom:0;}
#content table.margin-btm {margin-bottom:0;}

#content section.tbl div.chart-responsive {
	position:relative;	/* so things like overlays work */
	display:block;
	width:100%;
	height:auto;
    padding: 5px 0 5px 0;
	overflow-y:hidden;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
}
#content section.tbl div.chart-responsive.chart-left {
	padding-left:30px;
}
#content section.tbl div.chart-responsive.chart-left p {
	padding-left:10px;
}
.hc-tooltip-pie {
	width:250px;
	word-break:keep-all;
	white-space:normal;
}

/*#content section:last-child.tbl {*/
	/*margin-bottom:0;*/
/*}*/

#content section.tbl p {
	padding:0 20px;
	clear:both;
}
#content footer p, #content footer a {
    padding-left:10px;
	font-size:0.75em;
}
#content a.microToolCookieConsentFullBtn {
	cursor: pointer;
}
div.footer {
	background-color:#dfe5e8;
	max-width:1600px;
}
div.footer span {
	padding-left:20px;
}
#content span.registerline {
    display:inline-block;
    padding-left:30px;
    width:200px;
    clear:both;
}
#content div.field {
	box-sizing:border-box;
	float:left;
	position:relative;
	padding-bottom:20px;
	padding-left:30px;
	width:50%;
}
#content div.field label.field, #content div.field input.field, #content div.field select.field {display:block;}

#content section table.output td.benefits, .benefits {
	min-width: 200px;
	max-width: 200px;
	padding: 0 10px;
	text-align:left;
}

#content table td.metric {min-width: 200px;}
#content table td.metric, #content table td.benefits {text-align:right;}
#content table td.calculation {min-width:125px;text-align:center;font-size:0.8em;}
.tally {font-weight:bold;}

#content section table.output td.title, #content section table.output th.title {
	width:40px;
	min-width:40px;
	max-width:40px;
	padding: 5px;
	text-align:center;
}
@media screen and (max-width: 767px) {
    #content section table.output td.title, #content section table.output th.title {
        display:none;
    }
}

.annual {min-width:100px;text-align:right;}

.shim {height:100%;vertical-align:middle;display:inline-block;}

/* ie fix */
/*input[type="checkbox"], input[type="radio"]*/
/*{*/
	/*padding:0!important;*/
	/*border:none!important;*/
/*}*/

/* Forrester adds */
#content section table.output td.question, #content section table td.question, .question {
    min-width: 200px;
    max-width: 400px;
    padding: 0 20px 0 20px;
    text-align:left;
    font-weight:bold;
}

#content section table.output td.question.qsm, #content section table.output td.question.qsm, .question.qsm {
    min-width: 200px;
    max-width: 200px;
}

#content section table.output td.question.qxsm, #content section table.output td.question.qxsm, .question.qxsm {
    min-width: 100px;
    max-width: 100px;
}
#content section table.output td.indent, #content section table td.indent, .indent {padding-left: 20px;}

.nodisplay {display:none;}

/*footer p {*/
    /*font-size:0.75em;*/
/*}*/

.chart {
    width: 75%;
    margin: 0 auto;
	padding: 0;
    /*padding: 5px 0 5px 10px;*/
}
.chart.chartAutoCenter, .chart.chartResponsive {
    width: 100%;
}

#content section table td.bcalc, #content div.calc, #content p.calc {
    color: #0000ff; /* blue */
    text-align:center;
}

#content section table td.bdesc {
    min-width: 100px;
    max-width: 100px;
    text-align:left;
    font-size:0.85em;
}
#content div.desc, #content label.desc {
	text-align:left;
	font-size:0.85em;
	font-weight:normal;
}

#content section table td.bdefault, div.default {color: #a9a9a9;text-align:center;}

#content input[type=text].width-xxsm, textarea.width-xxsm, #content select.width-xxsm, #content div.width-xxsm, #content label.width-xxsm {width:40px;}
#content input[type=text].width-xsm, textarea.width-xsm, #content select.width-xsm, #content div.width-xsm, #content label.width-xsm {width:70px;}
#content input[type=text].width-sm, textarea.width-sm, #content select.width-sm, #content div.width-sm, #content label.width-sm {width:100px;}
#content section table th.width-sm, #content section table td.width-sm {min-width:100px;max-width:100px;width:100px;}

#content input[type=text].width-md, textarea.width-md, #content select.width-md, #content div.width-md, #content label.width-md {width:130px;}
#content section table th.width-md, #content section table td.width-md {min-width:130px;max-width:130px;width:130px;}

#content input[type=text].width-lg, textarea.width-lg, #content select.width-lg, #content div.width-lg, #content label.width-lg {width:160px;}
#content section table th.width-lg, #content section table td.width-lg {min-width:160px;max-width:160px;width:160px;}

#content input[type=text].width-xl, textarea.width-xl, #content select.width-xl, #content div.width-xl, #content label.width-xl {width:190px;}
#content section table th.width-xl, #content section table td.width-xl {min-width:190px;max-width:190px;width:190px;}

#content input[type=text].width-xxl, textarea.width-xxl, #content select.width-xxl, #content div.width-xxl, #content label.width-xxl {width:220px;}
#content section table th.width-xxl, #content section table td.width-xxl {min-width:220px;max-width:220px;width:220px;}

#content input[type=text].width-xxxl, textarea.width-xxxl, #content select.width-xxxl, #content div.width-xxxl, #content label.width-xxxl {width:250px;}
#content section table th.width-xxxl, #content section table td.width-xxxl {min-width:250px;max-width:250px;width:250px;}

#content input[type=text].width-xxxxl, textarea.width-xxxxl, #content select.width-xxxxl, #content div.width-xxxxl, #content label.width-xxxxl {width:280px;}
#content section table th.width-xxxxl, #content section table td.width-xxxxl {min-width:280px;max-width:280px;width:280px;}

#content input[type=text].width-vl, textarea.width-vl, #content select.width-vl, #content div.width-vl, #content label.width-vl {width:400px;}
#content section table th.width-vl, #content section table td.width-vl {min-width:400px;max-width:400px;width:400px;}

.invalid {color:white;background:red;font-weight:bold;}

#globalROI {font-weight:normal;float:right;}

.popover {max-width:300px;}
.popover-content .glyphicon {padding-right:5px;}

/*.teimethodology {width:568px;height:299px;}*/
/*.forresterlogo {width:141px;height:23px;}*/

.border {border-style:solid;}
.stripe {background:#eff4f6;} /* #f9f9f9 */
select::-webkit-scrollbar{width:1px;background-color:transparent}
.list-none {list-style-type:none;}
.pb-position {
    margin-left:auto;
    margin-right:auto;
    width:25%;
}
/* bootstrap has class of "checkbox" and "radio"...this may override some CSS elements */
#content .checkbox, #content .radio {margin-left:80px;}
#content .checkbox, #content .radio {margin-bottom:15px;}
#content .checkbox input[type=checkbox], #content .radio input[type=radio] {
    float:left;
    margin:5px 10px 0 0;
}
#content .checkbox label, #content .radio label {
    overflow:auto;
    display:block;
    font-weight:normal;
}
#content input[type=checkbox].checkbox-lg, #content input[type=radio].radio-lg {
    height:18px;
    width:18px;
    margin-top:1px;
}
#content label.checkbox-lg, #content label.radio-lg {padding-top:0;}
#content input[type=checkbox].checkbox-xxl, #content input[type=radio].radio-xxl {height:30px;width:30px;}
#content .slider-track {border:1px solid #777777;background:#FFFFFF;}
#content .slider-selection {background:#FFFFFF;}
#content .slider-handle.showHandle {
	border:1px solid #777777;
    border-radius:5px;
	color:#777777;
	background:#FFFFFF;
	font-weight:normal;
	text-align:center;
	width:auto;
	height:auto;
	padding:5px;
	margin-top:-10px;	// negative of padding top + padding bottom
	white-space:nowrap;
}
#content .slider-handle.showHandle:focus, #content .slider-handle.showHandle:hover {border-color: #333;color: #333;}
#content .form-group {margin-left:20px;}
#content input.form-control[type=text] {height:auto;} /* to overcome IE issue */
/*#content label.label-small {font-size:0.9em;}*/
#content label.text-left {text-align:left !important;}
#content label.text-center {text-align:center !important;}
#content li {margin-left:40px;padding-right:20px;}
#content section table.table-short tr {height:30px;}

#content .inputNextMessage {padding-bottom:0;}

#content div.container-striped div.row:nth-of-type(even), #content div.container-striped div.flexbox-row:nth-of-type(even) {
    background-color:#eff4f6; /* #f9f9f9 */
}
div.row-align-items-top, div.row-align-items-top-all {
    display: -webkit-flex;
    -webkit-align-items:flex-start;
    display:flex;
    align-items:flex-start;
}
div.row-align-items-center, div.row-align-items-center-all {
    display: -webkit-flex;
    -webkit-align-items:center;
    display:flex;
    align-items:center;
}
div.row-align-items-bottom, div.row-align-items-bottom-all {
    display: -webkit-flex;
    -webkit-align-items:flex-end;
    display:flex;
    align-items:flex-end;
}
@media screen and (max-width: 767px) {
    div.row-align-items-top, div.row-align-items-center, div.row-align-items-bottom {
        display:block;
    }
}
@media screen and (max-width: 991px) {
    div.row-align-items-top.row-break-sm, div.row-align-items-center.row-break-sm, div.row-align-items-bottom.row-break-sm {
        display:block;
    }
}
#content div.row-border {
	border-top-color: #dfe5e8;
	/*border-top-color: #e8e8e8;*/
	border-top-style: solid;
	border-top-width: 0.8px;
}
#content div.row-border:last-child {
	border-bottom-color: #dfe5e8;
	/*border-bottom-color: #e8e8e8;*/
	border-bottom-style: solid;
	border-bottom-width: 0.8px;
}
#content div.container-border div.row-input {
	border-top-color: #dfe5e8;
	/*border-top-color: #e8e8e8;*/
	border-top-style: solid;
	border-top-width: 0.8px;
}
#content div.container-border div.row-input:last-child {
	border-bottom-color: #dfe5e8;
	/*border-bottom-color: #e8e8e8;*/
	border-bottom-style: solid;
	border-bottom-width: 0.8px;
}
@media screen and (max-width: 767px) {
	#content div.row-xs-border {
		border-top-color: #dfe5e8;
		/*border-top-color: #e8e8e8;*/
		border-top-style: solid;
		border-top-width: 0.8px;
	}
	#content div.row-xs-border:last-child {
		border-bottom-color: #dfe5e8;
		/*border-bottom-color: #e8e8e8;*/
		border-bottom-style: solid;
		border-bottom-width: 0.8px;
	}
	#content div.container-xs-border div.row-input {
		border-top-color: #dfe5e8;
		/*border-top-color: #e8e8e8;*/
		border-top-style: solid;
		border-top-width: 0.8px;
	}
	#content div.container-xs-border div.row-input:last-child {
		border-bottom-color: #dfe5e8;
		/*border-bottom-color: #e8e8e8;*/
		border-bottom-style: solid;
		border-bottom-width: 0.8px;
	}
}
#content div.row-header {
	font-size:0.8em;
	font-weight:bold;
}
#content div.row-input {
	padding-top:10px;
	padding-bottom:10px;
}
#content div.row-input-short {
	padding-top:5px;
	padding-bottom:5px;
}

#content div.row-input-text {
    padding-left:20px;
}
/*body.body-forr #content div.row-input-text {*/
    /*padding-left:20px;*/
/*}*/
#content div.row.row-input div.row-input-text {
    padding-left:20px;
}
/*body.body-forr #content div.row.row-input div.row-input-text {*/
    /*padding-left:20px;*/
/*}*/
#content div.row-input-radio div:not(.row-input-text), #content div.row-input div:not(.row-input-text) {
	display:inline;
	text-align:center;
}
#content div.row-input-radio div.text-left, #content div.row-input div.text-left {
	display:inline;
	text-align:left;
}
#content div.row-input-radio label {
	font-size:0.8em;
	padding-left:3px;
	vertical-align: bottom;
}
#content div.row-input-radio-b4 label {
	font-size:0.8em;
	padding-left:3px;
}
@media screen and (max-width: 767px) {
	#content div.row-input-radio div:not(.row-input-text) {text-align:left;}
	#content div.row-input.row-input-radio input[type=radio] {margin-left:25%;}
}
@media screen and (max-width: 767px) {
	#content div.row-input.row-input-radio-b4 input[type=radio] {margin-left:25%;}
}
#content div.row-vertical-align-bottom {
	padding-bottom:3px;
}
#content div.row-header div {
	padding-left: 0;
	padding-right: 0;
}
@media screen and (max-width: 991px) {
	#content div.row-header-responsive div {font-size:0.75em;}
}
@media screen and (max-width: 767px) {
	#content div.row-header div {font-size:0.8em;}
}
#content p.equationRowsTrigger {
	cursor:pointer;
	background-color:#0097D1;
	color:#fff;
	width:100%;
}
body.body-forr #content p.equationRowsTrigger {
    background-color:#003d99;
}
body.body-forr div.progress {
    border-radius:0;
}
body.body-forr .progress-bar {
    background-color:#669933;
}
#content .progressbar-lg-responsive {padding-top:25px;}

/* this overrides bootstrap */
@media screen and (max-width: 767px) {
	.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
		white-space: normal;    /* in bootstrap this is nowrap */
	}
	header p.commissionedBy {
		font-size: 0.5em
	}
	header section.desc {
		font-size: 0.8em;
	}
    header div.desc-forr {
        font-size: 0.9em;
        padding: 3px 2px 3px 20px;
    }
    #headerImg, #headerForresterLogo, #headerForresterLogo1 {
		max-width: 100%;
		min-width: 100px;
		height: auto;
	}
    header div.logo {
        padding:3px;
    }
    header.header-forr div.brand p {
        padding: 3px 0 3px 0;
    }
	#console {
		padding: 2px 2px 2px 2px;
	}
	/* this will make the left nav go horizontal */
	.nav-stacked > li {
		float: left;
	}
	.nav-pills > li + li {
		margin-left: 0;
	}
	.nav-pills li {
		margin-right: 2px;
	}
	.nav-stacked > li + li {
		margin-top: 0;
	}
	.nav-menu {
		padding-bottom: 2px;
	}
	.nav-wrap, .nav-wrap.nav-horiz {
		padding-bottom: 0;
	}
	.mainmnu, .nav-sm div.mainmnu, .nav-xsm div.mainmnu, .nav-xxsm div.mainmnu {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.btn-group-lg > btn, .btn-lg {
		font-size: 14px;
	}
	#content .form-group.form-group-responsive {
		margin-bottom: 10px;
		margin-left: 15px;
	}
	#content .progressbar-lg-responsive {padding-top:22px;}
	#content div.row-input-text {text-align:left;}
	#content .checkbox, #content .radio {
		margin-bottom:0;
	}
    #content section table[data-tableTag="E"] th.calculation, #content section table[data-tableTag="E"] td.calculation, #content section table[data-tableTag="E"] td[data-col="calculation"] {
        display:none;
    }
    #content section table.table-xs-condensed tr {
        height:auto;
    }
    #content section table.table-xs-condensed td, #content section table.table-xs-condensed th {
        font-size:0.8em;
        min-height:auto;
        padding: 5px;
        min-width:auto;
    }
}
@media screen and (min-width: 768px) {
	#content .checkbox-col, #content .radio-col {
		margin-top:0;
		padding-bottom:0;
		margin-bottom:10px;	}
}
/* Marketo styling */
.mktoForm {
    font-family: 'Lato', 'sans-serif' !important;
    color: #696969 !important;
}
body.body-forr .mktoForm {
    font-family: 'Arial', 'sans-serif' !important;
    color: #333333 !important;
}
.mktoButtonWrap {
    margin-left:0 !important;
}
.mktoButtonRow {
    width:100% !important;
    text-align:center !important;
}
.mktoForm span {
    text-align:center !important;
}
.mktoForm .mktoRequiredField label.mktoLabel {
    padding-top:0.5em !important;
    color:#696969 !important;
}
body.body-forr .mktoForm .mktoRequiredField label.mktoLabel {
    color:#333333 !important;
}
.mktoForm input[type=text].mktoTextField {
    text-align:left !important;
}
.mktoForm input[type=text].mktoField, .mktoForm input[type=email].mktoField, .mktoForm input[type=tel].mktoField, .mktoForm select.mktoField {
    width:200px !important;
}
.mktoForm input[type=text].mktoField, .mktoForm input[type=email].mktoField, .mktoForm input[type=tel].mktoField {
    text-align:left !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    /* simulate btn btn-lg */
    /* from btn */
    color: #fff;
    display:inline-block !important;
    /*padding:6px 12px;*/
    margin-bottom:0 !important;
    /*font-size:14px;*/
    text-align:center !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
    touch-action:manipulation !important;
    cursor:pointer !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    border:1px solid transparent !important;
    /*border-radius:4px;*/
    /* from btn-lg */
    /*padding: 10px 16px;*/
    font-size: 18px !important;
    line-height:1.3333333 !important;
    border-radius:6px !important;
}
body.body-forr .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, body.body-forr .mktoForm .mktoButtonWrap.mktoGlow .mktoButton, body.body-forr .mktoButton {
    background-color:#003d99 !important;
    border-radius:2px !important;
    border: 2px solid #003d99 !important;
	background-image:none;
}
body.body-forr .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active:focus, body.body-forr .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active:hover,
body.body-forr .mktoForm .mktoButtonWrap.mktoGlow .mktoButton, body.body-forr .mktoButton:active:focus,
body.body-forr .mktoForm .mktoButtonWrap.mktoGlow .mktoButton:active:focus, body.body-forr .mktoForm .mktoButtonWrap.mktoGlow .mktoButton:active:hover,
body.body-forr .mktoButton:active:focus, body.body-forr .mktoButton:active:hover {
	background-color:#003d99 !important;
	background-image:none;
}
@media screen and (max-width: 767px) {
    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        font-size: 14px !important;
    }
}