#page {
	margin: 0 auto;
	padding: 0 3px;
	width: 980px;
	background-image: url(../img/utilities/page-bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

#content {
	margin-bottom: 10px;
	background-image: url(../img/utilities/header-bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

@media screen and (max-width: 1004px) {
	#page {
		margin: auto;
		padding: 0;
		width: auto;
		border: 0;
		background: none;
	}
}

@media screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}
	#content {
		background: none;
	}
}

.tab-plain .tab-content {
	margin-bottom: 10px;
}

.tab-plain>.tab-pane {
	display: block;
	padding: 5px 1px 1px;
}

#header {
	background-color: #333;
}

@media screen and (max-width: 767px) {
	#header {
		background-color: transparent;
	}
}

.header-mobile {
	margin: 3px -5px 12px;
}

.header-mobile a.logo {
	display: block;
	margin-top: 8px;
}

.header-mobile a.logo img {
	width: auto;
	height: 30px;
}

.header-mobile img.logo {
	display: block;
	margin-top: 7px;
	width: auto;
	height: 30px;
}

.header-mobile .brand {
	padding: 0;
}

.header-mobile .brand img {
	display: block;
	margin-top: 6px;
	width: auto;
	height: 30px;
}

.header-mobile .navbar {
	margin: 0;
}

.header-mobile .navbar-inner {
	padding: 0 18px;
	min-height: 43px;
	border-radius: 0 0 5px 5px;
}

.header-mobile .btn-navbar {
	float: left;
	margin: 11px 1em 0 0;
	padding: 0;
	width: auto;
	border: 0;
	border-radius: 0px;
	background: none;
}

.header-mobile .btn-navbar:hover, .header-mobile .btn-navbar:focus,
	.header-mobile .btn-navbar:active {
	background: none;
}

.header-mobile .btn-navbar .icon-bar {
	padding: 0;
	width: 26px;
	height: 4px;
	box-shadow: 0;
}

.header-mobile .btn-navbar .icon-bar+.icon-bar {
	margin-top: 5px;
}

.header-mobile .nav-collapse {
	margin: 0 6px;
}

.header-mobile .nav-collapse .nav {
	margin: 0;
}

.header-mobile .nav-collapse .nav a {
	margin: 0 !important;
	border-radius: 0 !important;
	color: #333 !important;
}

.header-mobile .nav-collapse .nav a:hover {
	color: #e68700 !important;
}

.header-mobile .nav-collapse .box-shadow {
	margin-bottom: 8px;
	background-color: #eee;
}

#footer {
	background-color: #426;
	overflow: hidden;
}

#footer .container {
	margin: 15px auto;
}

#footer .footer {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #857793;
}

#footer .footer p {
	margin: 0;
}

#footer, #footer a {
	color: #fff;
}

#footer a:hover {
	color: #fc0;
}

@media screen and (max-width: 767px) {
	#footer {
		margin: 0 -10px;
		padding-bottom: 6px;
	}
	#footer .container {
		margin: 0 10px;
	}
	#footer .footer {
		border-top: 0;
	}
}

.footer-social {
	float: right;
}

.footer-social a {
	display: inline-block;
	margin-left: 0.5em;
}

@media screen and (max-width: 767px) {
	.footer-social {
		float: none;
		margin-bottom: 1em !important;
	}
}

.footer-nav>div {
	margin-left: 0px;
	*zoom: 1;
}

.footer-nav>div:before, .footer-nav>div:after {
	display: table;
	content: "";
	line-height: 0;
}

.footer-nav>div:after {
	clear: both;
}

.footer-nav .col-footer {
	float: left;
	margin-left: 0px;
	width: 240px;
}

.footer-nav h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 15px;
}

.footer-nav h4 a, .footer-nav h4 a:hover {
	text-decoration: none;
}

.footer-nav ul, .footer-nav li {
	margin: 0;
	padding: 0;
}

.footer-nav ul {
	margin-top: 25px;
	margin-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #857793;
}

.footer-nav li {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #857793;
}

.footer-nav h4+ul {
	margin-top: 0;
}

.footer-nav .col4-footer ul {
	margin-right: 0;
}

.footer-nav .col-footer>ul a {
	display: block;
	padding: 0.4em 0;
	font-size: 12px;
	text-decoration: none;
}

@media screen and (min-width: 768px) and (max-width: 1004px) {
	.footer-nav .col-footer {
		width: 25%;
	}
}

@media screen and (max-width: 767px) {
	.footer-nav>div {
		margin-left: 0;
	}
	.footer-nav h4 {
		margin-top: 20px;
	}
	.footer-nav ul {
		margin-top: 0;
		margin-right: 0;
		border-top: 0;
	}
	.footer-nav .col-footer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		float: none;
		margin-left: 0;
		width: 100%;
	}
}

.ui-datepicker {
	padding: 0.3em 0.7em;
	border: 1px solid #e3e3e3;
	background-color: white;
}

.ui-datepicker-calendar {
	border: 1px solid #512d6d;
}

.ui-datepicker-calendar thead th {
	background-color: #eff0f1;
}

.ui-datepicker-calendar tbody td a {
	text-align: center;
}

.ui-datepicker-today .ui-state-default {
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}

.ui-datepicker-current-day .ui-state-default {
	border: 0;
	border-radius: 3px;
	color: white;
	background-color: #512d6d;
}

.ui-datepicker-title {
	float: left;
	margin: 0 0 0 0.6em !important;
	text-align: left !important;
	text-indent: 1px;
	width: 150px;
}

.ui-datepicker-header {
	text-align: right;
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative !important;
	top: auto !important;
	right: auto !important;
	margin-left: 0.5em;
	height: 1.7em !important;
	width: 1.7em !important;
	background-color: #eff0f1;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}

.ui-datepicker-unselectable {
	color: #e3e3e3;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	color: #6e6e6e;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
	{
	left: auto;
	top: auto;
	margin: 1px 0 0 0;
	width: 100%;
	line-height: 1.7em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover
	{
	text-decoration: none;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
	{
	padding: 0;
	height: auto;
	line-height: 1.8em;
	background: none;
	border-radius: 0;
}

.lt-ie8 .ui-datepicker-title {
	position: absolute;
	left: 0;
}

.lt-ie8 .ui-datepicker .ui-datepicker-prev span, .lt-ie8 .ui-datepicker .ui-datepicker-next span
	{
	margin-top: 0;
	left: 0;
}

select.placeholder, textarea.placeholder, input[type="text"].placeholder,
	input[type="password"].placeholder, input[type="datetime"].placeholder,
	input[type="datetime-local"].placeholder, input[type="date"].placeholder,
	input[type="month"].placeholder, input[type="time"].placeholder, input[type="week"].placeholder,
	input[type="number"].placeholder, input[type="email"].placeholder,
	input[type="url"].placeholder, input[type="search"].placeholder, input[type="tel"].placeholder,
	input[type="color"].placeholder, .uneditable-input.placeholder {
	color: #999999;
	font-style: italic;
}

select.placeholder:focus {
	color: #333333 !important;
	font-style: normal !important;
}

.lt-ie8 select.placeholder {
	color: #333333 !important;
	font-style: normal !important;
}

.datetime-placeholder::-webkit-datetime-edit {
	font-style: italic;
}

::-webkit-datetime-edit-day-field[aria-valuetext=blank], ::-webkit-datetime-edit-month-field[aria-valuetext=blank],
	::-webkit-datetime-edit-year-field[aria-valuetext=blank] {
	color: #999999;
}

#tooltip {
	height: 0;
	overflow: hidden;
}

.tooltip-tag {
	display: inline;
	margin-left: 0.5em;
	font-size: 0.9em;
}

a.tooltip-tag {
	text-decoration: underline;
}

.tooltip-inner {
	line-height: 1.1em;
}

.modal h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 17px;
	line-height: 26px;
}

.modal-small {
	width: 420px;
	margin-left: -210px;
}

#modal-confirm .btn {
	min-width: 86px;
}

@media screen and (max-width: 767px) {
	.modal-small {
		margin-left: 0;
		bottom: auto;
		width: auto;
	}
	#modal-reminder .modal-body {
		padding-bottom: 65px;
	}
	#modal-confirm .modal-body {
		padding-bottom: 150px;
	}
	#modal-confirm .modal-footer .btn {
		min-width: 0;
	}
	#modal-confirm .modal-footer .btn+.btn {
		margin-left: 0;
		margin-top: 10px;
	}
}

.well.info-box {
	font-size: 1.08em;
	background-color: #bff0ff;
	border: 1px solid #00b1ff;
}

.banner, .banner a, .banner a.btn-block {
	display: block;
}

.banner a.btn {
	display: inline-block;
}

.banner {
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

.banner+.banner, .banner+div {
	margin-top: 10px;
}

.banner-inner {
	margin: 1em;
	text-align: center;
}

.banner-bg-blue {
	background-color: #02aaec;
}

.banner-bg-grey {
	background-color: #eee;
}

.page-header {
	margin-left: 10px;
	margin-right: 10px;
	*height: 66px;
}

.page-header h1 {
	margin: 0;
}

.tab-section {
	margin: 10px;
}

.block-gray {
	width: 70px;
	color: white;
	background-color: #bcbcbc;
	text-align: center;
	vertical-align: middle;
}

.table .btn {
	display: block;
}

.no-margin {
	margin: 0;
}

.no-wrap {
	white-space: nowrap;
}

.grid-gutter-left {
	margin-left: 5px;
}

.grid-gutter-right {
	margin-right: 5px;
}

.grid-gutter {
	margin-left: 5px;
	margin-right: 5px;
}

.block {
	*zoom: 1;
	margin-bottom: 10px;
	clear: both;
}

.block:before, .block:after {
	display: table;
	content: "";
	line-height: 0;
}

.block:after {
	clear: both;
}

.block-unit {
	float: left;
}

.block-unitExt {
	float: right;
}

.block-lastUnit {
	float: none;
	width: auto;
	overflow: hidden;
}

.block-bordered {
	padding: 10px;
	border: 1px solid #e3e3e3;
	background-color: #eff0f1;
}

.block .page-subHeader {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.block-bordered {
		padding: 0;
		border: 0;
		background: none;
	}
}

.clear {
	clear: both;
}

.lt-ie8 legend {
	width: 99%;
}

.lt-ie8 select, .lt-ie8 input[type=checkbox] {
	margin-top: 1px;
}

@media screen and (max-width: 767px) {
	.no-pull-phone {
		float: none;
		clear: both;
	}
	.help-block-phone {
		display: block;
	}
	.grid-gutter, .grid-gutter-left, .grid-gutter-right {
		margin-left: 0;
		margin-right: 0;
	}
	.block>div+div {
		margin-top: 10px;
	}
	.block>.block-unit+.block-unit, .block>.block-unit+.block-lastUnit {
		margin-top: 0;
	}
}

.btn.btn-primary {
	min-width: 86px;
}

input[type=checkbox]:focus+span {
	text-decoration: underline;
}

#adminModal, #adminNotModal, #userModal, #userNotModal, #renewalModal {
	width: 500px;
	margin-left: -250px;
	top: 40%;
}

.button-modal {
	-moz-appearance: none;
	background-color: #46166b;
	border: 1px solid #46166b;
	border-radius: 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	max-width: 86px;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 5px;
	line-height: 2;
	transition: background-color 0.28s ease;
}

.button-modal:active, .button-modal:hover, .button-modal:focus {
	background-color: #320e52;
	border-color: #320e52;
	color: #ffffff;
	text-decoration: none;
}
/* > EPRO-398 */
tr.red a, tr.red td, tr.red td div {
	color: #f80025
}
/* > EPRO-398 */
.notification_button {
	-webkit-appearance: none;
	background-color: #46166b;
	border-radius: 0;
	border: 1px solid #46166b;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	padding: 20px 40px;
}

.renew_link {
	color: #0A44BA;
}

#error-block_productSelection.error_block {
	margin: 0px;
	vertical-align: middle;
}

#error-block_productSelection.error_block ul {
	margin: 0px;
	list-style: none;
}

#error-block_productSelection.error_block li {
	border: 1px solid #f80025;
	background-color: #fffacb;
	margin: 10px 0;
	padding: 0.5em 1em;
	color: #f80025;
	line-height: 20px;
	list-style: none;
}

.custom-title {
	position: relative;
}

a.custom-title[tooltip-title]:hover:after {
	content: attr(tooltip-title);
	position: absolute;
	left: 20px;
	top: -5px;
	min-width: 280px;
	background: #fff;
	color: rgb(51, 51, 51);
	border: 0.5px solid rgb(51, 51, 51);
	padding: 10px;
	z-index: 99;
	box-shadow: 5px 5px 5px rgb(51, 51, 51);
}

.consent-section {
	padding: 5px 0;
}

.agreement-text-footer {
	margin: 5px 0;
}

a.custom-title[tooltip-title]:hover:after {
	text-decoration: underline;
}

a.custom-title[tooltip-title]:hover:after {
	text-decoration: none !important;
}