@charset "utf-8";

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,body {
	width:100%;
	height:100%;
	overflow:hidden;
    font-family: 'Arial', 'sans-serif';
	color: #333;
}
body {
	background: #dfe5e8;
	overflow:hidden;
	font-size: 1em;
	margin: 0;
}
body.body-background-white {
	background:#fff;
}
body.layout-width-full header div.row.div-forr, body.layout-nav-top.layout-width-full div.row.menu-wrap-row, body.layout-nav-top.layout-width-full div.row.content-wrap-row {
	margin-left:0;
	margin-right:0;
}
.row.content-wrap-row {
	margin-right:0;
}
html.body-scroll {
	overflow:auto;
    -webkit-overflow-scrolling: touch;
}
html.body-scroll body {
    height:auto;
}
.btn-forr, .btn-forr:hover, .btn-forr:active, .btn-forr:focus, .btn-forr:active:focus, .btn-forr.disabled, .btn-forr.disabled:focus, .btn-forr[disabled], .btn-forr[disabled]:focus, .btn-forr:active:hover, .btn-forr.disabled:hover, .btn-forr[disabled]:hover,
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.focus, .btn-success:active:focus, .btn-success.disabled, .btn-success.disabled:focus, .btn-success[disabled], .btn-success[disabled]:focus, .btn-success:active:hover, .btn-success.disabled:hover, .btn-success[disabled]:hover,
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active,
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus, .btn-info.disabled, .btn-info.disabled:focus, .btn-info[disabled], .btn-info[disabled]:focus, .btn-info:active:hover, .btn-info.disabled:hover, .btn-info[disabled]:hover {
	color: #fff;
    background-color:#003d99;
    border-color:#003d99;
    outline-color:#003d99;
    border-radius:2px;
	box-shadow:none;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 61, 153, 0.5);
}
.body-b4 p {
	margin-bottom: 16px; /* use b3 default */
}
.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;
}
a {
    color: #003d99;
}

span.span-bold {
	font-weight:bold;
}
span.span-italic {
	color:#666666;
}
span.span-strikethrough {
	text-decoration:line-through;
}
span.span-subscript {
	vertical-align:sub;
	font-size:0.9em;
}
span.span-superscript {
	vertical-align:super;
	font-size:0.9em;
}
span.span-underline {
	text-decoration:underline;
}
.blur-text {
	filter: blur(6px);
	-webkit-filter: blur(6px);
}
/*----------------- 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-background-white {
    background:#fff;
}
header.header-forr.header-background-black {
	background:#000;
}
body.layout-nav-top div.header-forr.layout-width-default, div.header-forr.layout-width-narrow {
	max-width:1000px;
}
body.layout-nav-left div.header-forr.layout-width-default, div.header-forr.layout-width-wide {
	max-width:1400px;
}
div.header-forr.layout-width-full {
	max-width:100%;
}
header div.div-forr {
	/*color:#333;*/
	letter-spacing:1px;
}
/*header.header-forr div.div-forr {*/
/*	color:#fff;*/
/*}*/
header div.logo {
	padding:11px 3px 11px 0;
}
@media screen and (max-width: 1030px) {
	.header-forr.layout-width-default, .header-forr.layout-width-narrow {
		margin-left:15px;
	}
	body.layout-width-default .nav-wrap.nav-horiz, body.layout-width-narrow .nav-wrap.nav-horiz {
		padding-left:0;
	}
}
@media screen and (max-width: 937px) {
	.header-forr.layout-width-default, .header-forr.layout-width-narrow {
		margin-left: 5px;
	}
}
header div.desc-forr {
	text-align:center;
	font-size:1.25em;
	padding:11px 2px 11px 2px;
	/*color:#fff;*/
}
header.header-background-white div.desc-forr {
    /*color:#333;*/
	font-weight:bold;
}
header div.brand span, header div.brand p {
    text-align: center;
    width: 100%;
    display: block;
    margin:0;
    font-size:0.8em;
    padding-top:5px;
}
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-background-white div.brand p {*/
/*	color:#333;*/
/*}*/
header div.brand span {
    /*color: #fff;*/
    font-size:0.6em;
    display:inline-block;
    width:auto; // initial
}
header div.brand p img {padding:0 10px 4px 6px;}
header div.brand img {
	padding-top:5px;
}
header.header-forr div.brand img.float-right {
	float:right;
	margin-right:20px;
}
#divBrand p {
	text-align:left;
	margin-left:2px;
}
div.header-banner {
	height: 60vh;
	text-align: left;
	display: table;
	width: 100%;
	/*color: #fff;*/
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
	background: url(../img/forrester-tei-hero.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
div.header-banner.layout-width-default div.header-banner-wrap, div.header-banner.layout-width-narrow div.header-banner-wrap {
	max-width:1000px;
}
div.header-banner.layout-width-wide div.header-banner-wrap {
	max-width:1400px;
}
div.header-banner-img {
	padding-top:47px;
	padding-bottom:42px;
}
div.header-banner-text {
	font-stretch:100%;
	font-size:15px;
	padding-top:30px;
}
div.header-banner-text h1 {
	font-size:3em;
	font-weight:700;
}
div.header-banner-text h2 {
	font-size:1.75em;
	font-weight:400;
}
div.header-banner-text h3 {
	font-size:1.5em;
	font-weight:400;
}
div.header-banner-text a {
	/*color: #fff;*/
	font-style:italic;
}
@media screen and (max-width: 767px) {
	div.header-banner-img {
		padding-top:15px;
		padding-bottom:30px;
	}
	div.header-banner-text {
		padding-top:0;
	}
	div.header-banner-text h1 {
		font-size:2.5em;
	}
	div.header-banner-text h2 {
		font-size:1.5em;
	}
	div.header-banner-text h3 {
		font-size:1.25em;
	}
}

/* --| 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;
	max-width:1400px;
	display:none;	/* start hidden */
}
body.body-background-white #console {
	background: #fff;
}
#console.nav-top {
	max-width: 100%;
	padding-top:0;
}
html.body-scroll #console {
	height:auto;
}
.nav-pills > li + li {
	margin-left:0;
}
.nav-pills li, .nav-pills div {
	margin-bottom:1px;
	margin-left:0;
	margin-right:4px;
}
.nav-pills li:last-child {
	margin-right:0;
}
div.nav-wide .nav-wrap.nav-horiz {
	padding-top:10px;
}
.nav-pills>li>a {
    border-radius:0;
}
.nav-wrap-forr {
	background-color:#003d2d;
}
.nav-wrap {
    position:relative;
	height:100%;
    padding: 0 0 0 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.nav-wrap.nav-horiz {
    height:auto;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0;
    overflow-y:hidden;
    overflow-x:auto;
}
.nav-menu {
	padding:0;
	margin:auto;
}
.nav-menu.nav-menu-b4 {
	margin:inherit;
}
body.layout-width-default div.row.menu-wrap-row, body.layout-width-narrow div.row.menu-wrap-row {
	max-width:1000px;
	margin:auto;
}
body.layout-width-wide div.row.menu-wrap-row {
	max-width:1400px;
	margin:auto;
}
body.layout-width-full div.row.menu-wrap-row {
	max-width:100%;
}
body.layout-nav-left ul.nav-menu li:not(:last-child) {
	padding-bottom:2px;
}
div.nav-wrap-green .mainmnu {
	color:#669933;
	background:#467f1a;
	border: solid 1px #467f1a;
}
div.nav-wrap-green, div.nav-wrap-green .nav-menu .mainnav.active .mainmnu {
	background: #467f1a;
}
div.nav-wrap-green .nav-menu .mainnav.active .mainmnu {
	color: #fff;
}
div.nav-wrap-green .nav-menu .mainnav.active .mainmnu {
	border-bottom: solid 1px #467f1a;
}
/*div.nav-wrap-black {*/
/*	background: #333;*/
/*}*/
.nav-stacked > li {padding-bottom:1px;}
.nav-stacked > li + li {margin-top: 1px;}
.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 .mainnav.active .mainmnu {
	background:#fff;
	color:#0096d0;
	border-bottom:solid 1px #fff;
}
.mainnav.disabled div.mainmnu {
	background:#e4e4e4;
	cursor:not-allowed;
}
.mainnav a {
	color: #003D99;
	cursor:pointer;
	background-color:inherit;
}
.mainnav a.nav-plain {
	padding: 0 10px 0 10px;
}
.mainnav.disabled a.nav-plain {
	color: #708090;
	cursor: not-allowed;
}
@media screen and (max-width: 767px) {
	.mainnav a.nav-plain {
		padding:0 3px 0 3px;
		font-size:0.9em;
	}
}
/* this overrides bootstrap 3 styling */
.nav>li>a:focus, .nav>li>a:hover {
	background-color:inherit;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color:#669933;
	background-color:inherit;
}
.mainnav a:hover {
	color:#669933;
	background-color:inherit;
}
.mainnav.disabled a:hover {
	color:#708090;
	background-color:inherit;
}
.mainnav.active a {
	color:#669933;
	background-color:#fff;
}
.mainnav.active a.nav-link {
	color:#669933;
	background-color:inherit;
}
body.body-background-white .mainnav:first-of-type a {
	padding-left:0;
}
/*div.nav-wrap-green .mainnav a.nav-link {*/
/*	color:#333;*/
/*}*/
div.nav-wrap-green .mainnav.active a {
	color:#fff;
	background-color:#fff;
}
div.nav-wrap-green .mainnav.active a.nav-link {
	color:#fff;
	background-color:inherit;
	font-weight:bold;
}
div.nav-wrap-green .mainnav a:hover {
	color:#fff;
	background-color:inherit;
}
div.nav-wrap-black .mainnav a.nav-link {
	color:#fff;
}
div.nav-wrap-black .mainnav.active a.nav-link {
	color:#ffe502;
	background-color:inherit;
}
div.nav-wrap-black .mainnav a:hover {
	color:#ffe502;
	background-color:inherit;
}
#console.nav-top {padding-right: 15px;}
#console.nav-left {padding-right: 15px;}
.nav-padding {padding-right: 15px;}

.mainmnu {
	margin:0;
	padding:30px 10px 30px 5px;
	background:#dfe5e8;
	color:#003d99;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px;
	border: 1px solid #fff;
	width:100%;
	-webkit-transition:background .25s, color .35s, padding .5s;
	transition:background .25s, color .35s, padding .5s;
}
body.body-background-white .mainmnu {
	background: #ffffff;
}
div.nav-wrap-black .mainmnu {
	color:#fff;
	background:inherit;
	border: 0;
}
.mainmnu span, .mainmnu div {
	font-size:.9em;
	/*vertical-align:middle;*/
	/* word-break:break-all; */
	-webkit-transition:font-size .5s;
	transition:font-size .5s;
}
.nav-menu .mainnav.active .mainmnu {
    color:#669933;
}
div.nav-wrap-black .nav-menu .mainnav.active .mainmnu {
	color:#ffe502;
	background-color:inherit;
	border:0;
}
.nav-title {
    margin-left: 0;
}
.results-box-container {
	position:absolute;
	top: 5px;
	z-index:100;
}
.results-box-div {
	font-size:0.7em;
	/*color:#333;*/
	border-radius:5px;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
	background-color:#f5f5f5;
}
.results-box {
	text-align:center;
	padding-right: 5px;
	padding-left: 5px;
}
/*ul.nav-menu-b4 .nav-title {*/
	/*margin-left:0;*/
/*}*/
.mainmnu:hover {
	background:#FFFFFF;	
	cursor:pointer;
}
.mainmnu.disabled:hover {
	background:#e4e4e4;
	cursor:pointer;
}

.console-wrap {
	position:relative;
	height:100%;
	min-height:100px;
	padding: 0 0 0 15px;
	overflow-y:hidden;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}
body.scroll-y-wide .console-wrap {
	overflow-y:auto;
}
#console.nav-top .console-wrap {
	padding-left:0;
}
body.scroll-y-wide #console.nav-top .console-wrap.console-scroll {
	padding-left:15px;
}
html.body-scroll div.console-wrap {
	height:auto;
}
.console-menu {
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
body.scroll-y-wide .console-menu {
	overflow-y:hidden;
	height:auto;
}
html.body-scroll div.console-menu {
	height:auto;
}
body.layout-nav-top.layout-width-default .console-menu, body.layout-nav-top.layout-width-narrow .console-menu {
	max-width:1000px;
	margin:auto;
}
body.layout-nav-top.layout-width-wide .console-menu {
	max-width:1400px;
	margin:auto;
}
body.layout-nav-top.layout-width-full .console-menu {
	max-width:100%;
	margin:auto;
}
#content h2, #content h3:not(.popover-title), #content h4 {
	color:#0097D1;font-weight:700;
}
#content h2.h2-forr, #content h3.h3-forr {
    color:#467F1A;
    font-weight:400;
}
#content h2 {font-size:1.5em;}
#content h2.h2-forr {margin-top:0;}
#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;}
#content h3.h3-forr {
	font-size: 15px;
	font-weight: 400;
    text-transform: uppercase;
}

#content section {
	background:#FFF;
	border-bottom:solid 1px #e4e4e4;
	width:100%;
	/*color:#333;*/
	display:block;
}
#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;
}
.table {
	color:#333;
}
#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}

/* bootstrap 3 */
.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;}
/* b3 and b4 */
.tooltip > .tooltip-inner {
	color:#333;
	background-color:#f5f5f5;
	border-radius:5px;
	/*padding:10px;*/
	text-align:left;
	/*font-weight:normal;*/
	box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}
/* bootstrap 4 */
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {border-top-color: #f5f5f5;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {border-bottom-color: #f5f5f5;}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {border-left-color: #f5f5f5;}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {border-right-color: #f5f5f5;}
/* bootstrap 5 */
.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {border-top-color: #f5f5f5;}
.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #f5f5f5;}
.bs-tooltip-auto[x-placement^=start] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {border-left-color: #f5f5f5;}
.bs-tooltip-auto[x-placement^=end] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {border-right-color: #f5f5f5;}

.fa-info-circle {color:#003d99;} /* #0097D1 */
#content td .fa-info-circle, #content div .fa-info-circle {padding-left:5px;top:0;vertical-align:middle;}
.nav-social {
	padding-left:0;
	padding-right:0;
}
ul.social-icons {
    list-style:none;
    padding-left:0;
	padding-right:15px;
	text-align:right;
	margin-bottom:0;
}
@media screen and (max-width: 767px) {
	ul.social-icons {
		padding-right: 0;
	}
}
ul.social-icons li {
    display:inline;
}
ul.social-icons li:not(:last-child) a {
    padding-right:0.5em;
}
ul.social-icons li a:hover {
    text-decoration: none;
}
ul.social-icons li a i {
    font-size:18px;
    color:#003D99;
}
ul.social-icons li a i.fa-check {
	color:#669933;
}
div.header-banner-img ul.social-icons li a i {
	color:#fff;
}
ul.social-icons li a i:hover, div.header-banner-img ul.social-icons li a i:hover {
    color:#3399CC;
}
ul.social-icons li a i:hover.fa-check {
	color:#669933;
}

@media screen and (max-width: 767px) {
	/*ul.social-icons {*/
		/*margin: 0;*/
	/*}*/
	ul.social-icons li a i {
		font-size: 16px;
	}
	ul.social-icons li:not(:last-child) a {
		padding-right: 4px;
	}
}

#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
{
	display:inline-block;
}

#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;
	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:0;
}
#content form input[type=text], #content form input[type=email], #content form input[type=tel], #content form select {
	text-align:left;
}
#content input[type=text].required:not(.valid), #content input[type=email].required:not(.valid), #content input[type=tel].required:not(.valid), #content select.required:not(.valid) {
	border: 2px solid red;
}
#content td input[type=text], #content td select {
	padding: 8px;
	margin-right: 5px;
	width: 80px;
	font-weight: normal;
}

#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:#333;*/
/*	color:#333;	*/
/*}*/
div.reg-input-group {
	padding:0 2px 34px 0;
}
div.reg-input-group.reg-input-group-hr, div.reg-input-group-multi.reg-input-group-hr {
	padding-bottom: 0;
	margin-bottom: 0;
}
div.reg-input-group-multi {
	padding-bottom: 34px;
}
.reg-input-label {
	font-weight:bold;
	/*color:#333;*/
}
div.div-input-box .reg-input-label, div.div-input-box div.reg-input-label span {
	font-weight:normal;
}
.reg-input-label-only {
	font-weight:bold;
	padding-bottom:10px;
}
.reg-input-group-label {
	margin-bottom: 8px;
}
.reg-input-div {
	text-align:center;
}
div.div-input-box div.reg-input-group.reg-input-group-hr:last-child div > hr {
	display:none;
}

#content input[type=text].reg-input, #content select.reg-input {
	border-width: 0 0 2px 0;
	border-color: rgba(187, 187, 187, 1);
	border-style: solid;
	/*background-color: #fff;*/
	text-align: center;
	padding: 0 0 2px 0;
	/*margin-right: 20px;*/
	color: #333;
	font-weight: normal;
	font-size:0.8em;
}
#content input[type=text].reg-input, #content select.reg-input.reg-input-select {
	width: 100%;
}
#content input[type=text].reg-input.reg-border, #content select.reg-input {
	border-width:2px;
	padding-bottom:0;
}
#content input[type=text].reg-input-sm {
	font-size:0.9em;
}

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

#content .c-head {padding:10px 20px 10px 20px;margin-bottom:0;}
#content section.c-head h2, #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 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.tbl p {
	padding:0 20px;
	clear:both;
}
#content footer {
    font-size:0.75em;
}
#content footer p, #content footer a {
    padding-left:20px;
}
#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;}

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

.chart {
    width: 75%;
    margin: 0 auto;
	padding: 0;
}
.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 .fas {padding-right:5px;}

.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 .totalNPV {
	font-size: 50px;
	font-weight: bold;
	/*color: #333;*/
}
#content .totalNPV1 {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	/*color: #333;*/
}
/*#content .totalNPVDescription {*/
/*	!*color: #333;*!*/
/*}*/
#content div.totalNPVArea {
	background-color: #a6d369;
	padding: 20px 20px 20px 0;
}
#content div.totalNPVChart {
	margin-top: 20px;
	margin-bottom:20px;
}

.form-group-b5 {
	margin-bottom: 1rem;
}
.form-text-b5 {
	display: block;
	margin-top: 0.25rem;
}
.form-row-b5 {
	margin-right: -5px;
	margin-left: -5px;
}
.form-row-b5 > .col,
.form-row-b5 > [class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}
#content .form-group, #content .form-group-b5 {margin-left:20px;}
#content input.form-control[type=text] {height:auto;} /* to overcome IE issue */
.registerError, .registerErrorAll {color:red;}
#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 */
}
html:not([lang="en"]) .methodologyImg {
	display:none !important;
}
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-style: solid;
	border-top-width: 0.8em;
}
#content div.row-border:last-child {
	border-bottom-color: #dfe5e8;
	border-bottom-style: solid;
	border-bottom-width: 0.8em;
}
#content div.container-border div.row-input {
	border-top-color: #dfe5e8;
	border-top-style: solid;
	border-top-width: 0.8em;
}
#content div.container-border div.row-input:last-child {
	border-bottom-color: #dfe5e8;
	border-bottom-style: solid;
	border-bottom-width: 0.8em;
}
@media screen and (max-width: 767px) {
	#content div.row-xs-border {
		border-top-color: #dfe5e8;
		border-top-style: solid;
		border-top-width: 0.8em;
	}
	#content div.row-xs-border:last-child {
		border-bottom-color: #dfe5e8;
		border-bottom-style: solid;
		border-bottom-width: 0.8em;
	}
	#content div.container-xs-border div.row-input {
		border-top-color: #dfe5e8;
		border-top-style: solid;
		border-top-width: 0.8em;
	}
	#content div.container-xs-border div.row-input:last-child {
		border-bottom-color: #dfe5e8;
		border-bottom-style: solid;
		border-bottom-width: 0.8em;
	}
}
#content div.row-header, label.row-header-label {
	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;
}
#content div.row.row-input div.row-input-text {
    padding-left:20px;
}
div.div-input-radio {
	border: 2px solid #D3D3D3;
	margin-bottom:30px;
}
div.div-input-box {
	border: 2px solid #D3D3D3;
	padding:10px;
	margin-bottom:10px;
}
div.div-input-radio div.reg-input-label span {
	margin-left: 10px;
}
div.div-input-radio div.reg-input-group span {
	margin-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:#003d99;
	color:#fff;
	width:100%;
}
th.equation-col-total, td.equation-col-total, th.equation-col-pv, td.equation-col-pv {
	display:none;
}
div.progress {
    border-radius:0;
}
.progress-bar {
    background-color:#003d99;
}
#content .progressbar-lg-responsive {padding-top:0;}

/* loader spinner */
.loader-div {
	margin-top:5%;
}
.spinner-border {
	width:5rem;
	height:5rem;
}
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #003d99;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	margin:auto;
}
.license-expired {
	display:none;	/* start hidden */
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
}
/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Toggle Switch https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_switch */
.toggle-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
html[lang="ja"] .toggle-switch, html[lang="ko"] .toggle-switch {
	width: 70px;
}
.toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	/* Forrester add */
	text-align:left;
	color: #fff;
	font-size:0.7em;
	padding-top:9px;
	padding-left:2px;
	font-weight: normal;
}
.toggle-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .toggle-slider {
	background-color: #003d99;
}
/*input:focus + .toggle-slider {*/
	/*box-shadow: 0 0 1px #003d99;*/
/*}*/
input:checked + .toggle-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
/* Forrester add */
input:not(:checked) + .toggle-slider.toggle-content-onoff:after, input:not(:checked) + .toggle-slider.toggle-content-yesno:after,
input:not(:checked) + .toggle-slider.toggle-content-data:after {
	padding-left:30px;
}
input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "Off";
}
input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "On";
}
html.lang-zh-cn input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "关"; /* Off */
}
html.lang-zh-cn input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "上"; /* On */
}
html[lang="du"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "Uit"; /* Off */
}
html[lang="du"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "Aan"; /* On */
}
html[lang="fr"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "De"; /* Off */
}
html[lang="fr"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "Sur"; /* On */
}
html[lang="it"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "via"; /* Off */
}
html[lang="it"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "Su"; /* On */
}
html[lang="ja"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "オフ"; /* Off */
}
html[lang="ja"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "オン"; /* On */
}
html[lang="ko"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "떨어져서"; /* Off */
}
html[lang="ko"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "의 위에"; /* On */
}
html[lang="pt"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "Fora"; /* Off */
}
html[lang="pt"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "Em"; /* On */
}
html[lang="ru"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "от"; /* Off */
}
html[lang="ru"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "На"; /* On */
}
html[lang="es"] input:not(:checked) + .toggle-slider.toggle-content-onoff:after {
	content: "Apagado"; /* Off */
}
html[lang="es"] input:checked + .toggle-slider.toggle-content-onoff:after {
	content: "En"; /* On */
}

input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "No";
}
input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Yes";
}
html.lang-zh-cn input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "不是"; /* No */
}
html.lang-zh-cn input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "是"; /* Yes */
}
html[lang="du"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "Nee"; /* No */
}
html[lang="du"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Ja"; /* Yes */
}
html[lang="fr"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "Non"; /* No */
}
html[lang="fr"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Oui"; /* Yes */
}
html[lang="de"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "Nein"; /* No */
}
html[lang="de"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Ja"; /* Yes */
}
html[lang="it"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "No"; /* No */
}
html[lang="it"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Sì"; /* Yes */
}
html[lang="ja"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "いいえ"; /* No */
}
html[lang="ja"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "はい"; /* Yes */
}
html[lang="ja"] input:checked + .toggle-slider:before, html[lang="ko"] input:checked + .toggle-slider:before {
	left: 14px;
}
html[lang="ko"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "아니요"; /* No */
}
html[lang="ko"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "예"; /* Yes */
}
html[lang="pt"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "Não"; /* No */
}
html[lang="pt"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Sim"; /* Yes */
}
html[lang="ru"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "нет"; /* No */
}
html[lang="ru"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "да"; /* Yes */
}
html[lang="es"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "No"; /* No */
}
html[lang="es"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Si"; /* Yes */
}
html[lang="sv"] input:not(:checked) + .toggle-slider.toggle-content-yesno:after {
	content: "Nej"; /* No */
}
html[lang="sv"] input:checked + .toggle-slider.toggle-content-yesno:after {
	content: "Ja"; /* Yes */
}
input:not(:checked) + .toggle-slider.toggle-content-data:after {
	content: attr(data-content-after);
}
input:checked + .toggle-slider.toggle-content-data:after {
	content: attr(data-content-before);
}
.toggle-switch-width-lg {
	width:90px;
}
input:checked + .toggle-slider.toggle-content-enableddisabled:before, input:checked + .toggle-slider.toggle-content-data-enableddisabled:before {
	-webkit-transform: translateX(56px);
	-ms-transform: translateX(56px);
	transform: translateX(56px);
}
input:not(:checked) + .toggle-slider.toggle-content-enableddisabled:after {
	content: "Disabled";
	padding-left: 30px;
}
input:checked + .toggle-slider.toggle-content-enableddisabled:after {
	content: "Enabled";
}

/* Rounded sliders */
.toggle-slider.round {
	border-radius: 34px;
}
.toggle-slider.round:before {
	border-radius: 50%;
}
/* this overrides bootstrap */
@media screen and (max-width: 767px) {
	body.layout-width-full header div.header-forr {
		padding-left:0;
		padding-right:0;
	}
	body.layout-width-full header div.row.div-forr, body.layout-nav-top.layout-width-full div.row.menu-wrap-row, body.layout-nav-top.layout-width-full div.row.content-wrap-row {
		margin-right:-15px;
	}
	body.scroll-y-wide #console.nav-top .console-wrap.console-scroll {
		padding-left:0;
	}
	.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;
    }
    img.header-img, img.header-forrester-logo {
		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 */
	body.layout-nav-left ul.nav-menu li {
		float: left;
	}
	.nav-stacked > li + li {
		margin-top: 0;
	}
	.nav-menu {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.nav-wrap, .nav-wrap.nav-horiz {
		padding-top: 0;
		padding-bottom: 0;
		padding-left:0;
	}
	div.nav-wide .nav-wrap.nav-horiz {
		padding-top: 2px;
	}
	div.row.menu-wrap-row, div.row.content-wrap-row {
		margin-left:0;
	}
	.mainmnu, .nav-sm div.mainmnu, .nav-xsm div.mainmnu, .nav-xxsm div.mainmnu {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	body.body-background-white .mainnav:first-of-type a {
		padding-left:10px;
	}
	.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;
    }
	#content footer p, #content footer a {
		padding-left:20px;
		font-size:0.9em;
	}
	div.menu-wrap-row.row-align-items-center {
		display: -webkit-flex;
		-webkit-align-items: center;
		display: flex;
		align-items: center;
	}
	.nav-social {
		padding-left:0;
		padding-right:0;
	}
}
@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: 'Arial', 'sans-serif' !important;
	color: #333 !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:#333 !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;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton, .mktoForm .mktoButtonWrap.mktoGlow .mktoButton, .mktoButton {
    background-color:#003d99 !important;
    border-radius:2px !important;
    border: 2px solid #003d99 !important;
	background-image:none;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active:focus, .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active:hover,
.mktoForm .mktoButtonWrap.mktoGlow .mktoButton, .mktoButton:active:focus,
.mktoForm .mktoButtonWrap.mktoGlow .mktoButton:active:focus, .mktoForm .mktoButtonWrap.mktoGlow .mktoButton:active:hover,
.mktoButton:active:focus, .mktoButton:active:hover {
	background-color:#003d99 !important;
	background-image:none;
}
@media screen and (max-width: 767px) {
    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        font-size: 14px !important;
    }
}