html {
	font-size: 100%; /* important for [rem] styling like SF Live Chat */
	height: 100%;
}
body {
	font-family: 'Roboto',Arial,sans-serif;
	font-weight: 400;
	font-size: 0.85rem;

	background: #ffffff;
    color: #2D2D2D;
    direction: ltr;
    overflow-x: hidden;
    height: 100%;
}
body.body-with-fixed-header {
	/* padding needed for fixed top-nav-bar */
	padding-top: 62px;
}
@media only screen and (max-width : 768px) {
	body.body-with-fixed-header {
		/* padding needed for fixed top-nav-bar */
		padding-top: 53px;
	}
}
@media only screen and (max-width : 480px) {
	body.body-with-fixed-header {
		/* padding needed for fixed top-nav-bar */
		padding-top: 52px;
	}
}

.layout .container {
	padding-top: 2em;
	padding-bottom: 2em;
	min-height: 30em;
}
@media all and (max-width: 700px) {
	.layout .container {
		padding: 20px 15px;
		margin: 0;
		min-height: 20em;
	}
}

.main-layout {
	position: relative;
	margin-left: auto;
	margin-right: auto; }
	.main-layout.fixed-header {
		padding-top: 63px;
	}
	@media (min-width: 768px) {
		.main-layout.fixed-header { padding-top: 73px; }
	}
	/** /
	.main-layout.fixed-header .msb-top-navbar { border: 1px solid pink; }
	.main-layout.fixed-header .body-layout { border: 1px solid red; }
	/**/
.body-layout .body {
	min-height: 60vh; }
	.body-layout .body .container {
		padding: 2rem 1rem 5rem; }
		@media (min-width: 768px) {
			.body-layout .body .container { padding: 2rem 2rem 5rem; }
		}
		@media (min-width: 992px) {
			.body-layout .body .container { padding: 3rem 2rem 5rem; }
		}

.footer-layout .container-fluid {
	width: 100%;
	max-width: 1440px !important;
	margin-left: auto;
	margin-right: auto;
}

/* Overlay Loading Spinner */
.body-overlay {
	background: #ffffff;
	color: #f8f9fa;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
	z-index: 1050;
	text-align: center;
	opacity: .50; }
	.body-overlay .spinner {
		display: flex;
		align-items: center;
	    justify-content: center;
		margin: 50vh auto 0;
		height: 64px;
		width: 64px;
		color: #f8f9fa;
	}


/* Login Container */
.login-container {
	font-family: 'Roboto',Arial,sans-serif;
	font-size: 1.15em;
	padding: 2em 1.5em;
	vertical-align: middle;
}
.login-container h1 {
	font-weight: 500;
}
.login-container .bottom-bar {
	margin: 15px 0;
	font-size: 1.15em;
	font-weight: 500;
}
.login-container .input-group-addon {
	background-color: #777;
	border-color: #9F9F9F;
}
.login-container .input-group-addon i {
	color:#fff;
}
@media all and (max-width: 768px) {
	.login-container .panel h1 {
		font-size: 1.75em;
	}
}
@media all and (max-width: 480px) {
	.login-container {
		font-size: 1em;
		padding: 1em 0;
	}
	.login-container .panel-body {
		padding: 1.5em;
	}
}
@media all and (max-width: 320px) {
	.login-container .panel h1 {
		font-size: 1.5em;
	}
}

.dashboard-size {
	height:5px;margin-bottom:1px
}
.dashboard-font {
	font-size:24px
}

input[type="checkbox"] {
	width: 15px;
	height: 15px;
	line-height: normal;
	margin-top: 0;
	cursor: pointer;
}
.checkbox-inline-label-left,
.checkbox-inline-label-right {
	cursor:pointer;
}
.checkbox-inline-label-left {
	margin-right: 3px;
	margin-left: 5px;
}
.checkbox-inline-label-right {
	margin-left: 3px;
	margin-right: 5px;
}
.checkbox-inline-label-left > input[type="checkbox"] {
	margin-left: 0;
}
.checkbox-inline-label-right > input[type="checkbox"] {
	margin-right: 0;
}

input[type=radio] {
	width: 1.4em;
	height: 1.4em;
	cursor: pointer;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Roboto',Arial,sans-serif;
	font-weight: 400;
	text-transform: none;
	margin: 10px 0 20px 0;
}
h1, .h1 {
	color: #005DE9;
	font-size: 2em;
}
.main h1 {
	margin-top: 0;
}
h2, .h2 {
	font-size: 1.75em;
}
h3, .h3 {
	font-size: 1.5em;
}
h4, .h4 {
	font-size: 14px;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #707070;
}

label {
  font-weight: 400;
  font-size: 14px;
}
.page-header-default h1 {
	color: #005DE9;
	font-size: 2.0em;
	text-transform: none;
}

.dropdown-menu {
	font-family: 'Roboto',Arial,sans-serif;
	font-size: 14px;
}

.dropdown-menu .divider {
	margin: 6px 0;
}

.dropdown-menu.with-icons {
	min-width: auto;
}

.dropdown-menu.with-icons > li > a {
	padding: 6px 16px;
	padding-right: 48px;
}

.dropdown-menu.with-icons > li > a .fas,
.dropdown-menu.with-icons > li > a .far {
	width: 20px;
	margin-right: 12px;
}

th {
	font-weight: normal; /* force reset before setting */
	font-weight: 500;
}
a {
	color: #005DE9;
}
a, a:focus, a:hover, a:active {
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:focus {
	color: #003e9d;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
	outline: 1px dotted #003e9d;
	outline-offset: 0;
}
a.img-sourceSwap:focus {
	outline: 0;
}
a.ul-gray-link,
a.ul-gray-link:hover,
a.ul-gray-link:focus {
	text-decoration: underline;
	color: #343a40;
}

div.simplemsg {
	margin: 2em 1em 4em 1em;
}

/* Colors */
.color-inherit, .color-inherit:hover { color: inherit; }
.color-inherit-important, .color-inherit-important:hover { color: inherit !important; }
.color-error { color: #b94a48; }
.color-error-important { color: #b94a48 !important; }
.color-red { color: #FF0000; }
.color-red-important { color: #FF0000 !important; }
.color-green { color: #197519; }
.color-dark-gold { color: #B8860B; }
.color-dark-gold-important { color: #B8860B !important; }
.color-blue { color: #005DE9 }

.color-success-important {
	color: #2A8739 !important;
}
a.color-success-important:hover, a.color-success-important:focus {
	color: #2b542c !important;
}
.color-info-important {
	color: #31708f !important;
}
a.color-info-important:hover, a.color-info-important:focus {
	color: #245269 !important;
}
.color-warning-important {
	color: #8a6d3b !important;
}
a.color-warning-important:hover, a.color-warning-important:focus {
	color: #66512c !important;
}
.color-danger-important {
	color: #a94442 !important;
}
a.color-danger-important:hover, a.color-danger-important:focus {
	color: #843534 !important;
}

.text-muted {
	color: #707070;
}
a.text-muted:hover, a.text-muted:focus {
	color: #606060;
}
a.text-primary:focus {
  color: #286090;
}
a.text-success:focus {
  color: #2b542c;
}
a.text-info:focus {
  color: #245269;
}
a.text-warning:focus {
  color: #66512c;
}
a.text-danger:focus {
  color: #843534;
}

/* BEGIN primary colors copied from Bootstrap 4 css.
 * If the primary changes, nnstead of editing these directly,
 * copy them from the Bootstrap 4 css.
 */
.btn-primary {
  color: #fff;
  background: #005DE9 linear-gradient(180deg, #2675ec, #005DE9) repeat-x;
  border-color: #005DE9;
}
.btn-primary:hover {
  color: #fff;
  background: #004ec3 linear-gradient(180deg, #2669cc, #004ec3) repeat-x;
  border-color: #0049b6;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background: #004ec3 linear-gradient(180deg, #2669cc, #004ec3) repeat-x;
  border-color: #0049b6;
  box-shadow: 0 0 0 0.2rem rgba(38, 117, 236, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #005DE9;
  border-color: #005DE9;
  background-image: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0049b6;
  background-image: none;
  border-color: #0044a9;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 117, 236, 0.5);
}

.btn-outline-primary {
  color: #005DE9;
  border-color: #005DE9;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #005DE9;
  border-color: #005DE9;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 233, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #005DE9;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #005DE9;
  border-color: #005DE9;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 233, 0.5);
}
/* END primary colors copied from Bootstrap 4 css. */

*/
/* Errors/Warning/Success... */
div.errors {
	margin-bottom: 10px;
}
div.errors .errorTitle {
	padding: 15px;
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffdddd;
	text-align: center;
}
div.errors .errorHeader {
	padding-left: 5px;
}
div.errors .errorMsgs {
	color: #ff8e10;
	overflow: auto;
}
div.errors .errorMsgs li {
	color: #cc0000;
}
div.errors .errorMsgs ul {
	margin-bottom: 1px;
}
div.errors .errorMsgs span {
	color: #3e4d5c;
}


.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label,
.has-warning label {
  color: #c09853;
}
.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #a47e3c;
  border-width: 1px !important;
  outline: 1px solid rgba(164,126,60,.5);
  outline-style: auto; /* For Chrome */
  outline-offset: -2px; /* For Firefox */
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.has-error .help-inline,
.has-error .help-block,
.has-error .control-label,
.has-error label {
  color: #b94a48;
}
.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #953b39;
  border-width: 1px !important;
  outline: 1px solid rgba(149,59,57,.5);
  outline-style: auto; /* For Chrome */
  outline-offset: -2px; /* For Firefox */
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.has-success .help-inline,
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}
.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #356635;
  border-width: 1px !important;
  outline: 1px solid rgba(53,102,53,.5);
  outline-style: auto; /* For Chrome */
  outline-offset: -2px; /* For Firefox */
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.fav-item {
	background: url('/users/images/fav.png') no-repeat;
	width: 17px;
	height: 17px;
	float: right;
	margin: 6px 0;
}

.fav-item:hover {
	background: url('/users/images/fav-lt-gold.png') no-repeat;
}

.fav-item-primary {
	background: url('/users/images/fav-gold.png') no-repeat;
	width: 17px;
	height: 17px;
	float: right;
	margin: 6px 0;
}

/* Forms, Buttons... */
input.form-control, textarea.form-control, .input-group-addon {
	border-color: #dbdbdb;
}
input.form-control, textarea.form-control {
	color: #555;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
	border-width: 1px !important;
	outline: 1px solid rgba(102,175,233,.5);
	outline-style: auto; /* For Chrome */
	outline-offset: -2px; /* For Firefox */
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.form-group.refund-switch {
	margin-top: 2px;
	margin-bottom: 1px;
}
input.form-control.refund-setup {
	margin-top: 4px !important;
}
input.vertical-checkbox[type="checkbox"] {
	float: left;
	clear: both;
	margin-bottom: 10px;
}
input.vertical-checkbox[type="checkbox"]+label {
	float: left;
	padding-left: 5px;
	width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.vertical-checkbox+.help-block {
	float: left;
	clear: both;
}

.form-group .radio-group {
	padding-top: 7px;
	/*reset back to bootstrap default */
	padding-left: 35px;
}

.form-group .radio-group input[type=radio] {
	float: left;
	margin-left: -20px;
}

/* Adding a margin to btn is bad practice.
   It is here only because pages were expecting it with the older Metronic theme. */
.btn {
	font-weight: 500;
	margin: 0 0 0 15px;
}
.btn-xs {
	margin: 0 0 0 3px;
}
.btn-group .btn-group-spaced .btn,
.btn-group-spaced > .btn,
.btn-group .btn-group-spaced .btn,
.btn-group-spaced > .btn-group {
	margin-left: 10px;
}

.btn-group-spaced .btn-xs {
	margin-left: 3px;
}
.btn-group .btn-group-spaced > .btn:first-child,
.btn-group-spaced > .btn-xs:first-child,
.btn-group-vertical > .btn {
	margin-left: 0;
}

.btn-default {
	background-color: transparent;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
  outline-color: #ADADAD;
}

/*
.btn-primary {
	background-color: #FD8A33;
	border-color: #FD8A33;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #E06F1A;
  border-color: #E06F1A;
  outline-color: #FD8A33;
}
*/

.btn-primary-inverted {
	color: #005DE9 !important;
	background-color: #FFF;
	border-color: #005DE9;
}
.btn-primary-inverted:hover,
.btn-primary-inverted:focus,
.btn-primary-inverted.focus,
.btn-primary-inverted:active,
.btn-primary-inverted.active {
	color: #286090 !important;
	background-color: #e6e6e6;
	border-color: #204d74;
}

.btn-secondary {
	color: #FFFFFF;
	background-color: #2A8739;
	border-color: #277831;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
	color: #FFFFFF;
	background-color: #247530;
	border-color: #216627;
}

.btn-secondary-inverted {
	color: #2A8739 !important;
	background-color: #FFF;
	border-color: #277831;
}
.btn-secondary-inverted:hover,
.btn-secondary-inverted:focus,
.btn-secondary-inverted.focus,
.btn-secondary-inverted:active,
.btn-secondary-inverted.active {
	color: #247530 !important;
	background-color: #e6e6e6;
	border-color: #216627;
}

.btn-excel {
	color: #FFFFFF;
	background-color: #2A8739;
	border-color: #277831;
}
.btn-excel:hover,
.btn-excel:focus,
.btn-excel.focus,
.btn-excel:active,
.btn-excel.active {
	color: #FFFFFF;
	background-color: #247530;
	border-color: #216627;
}

.btn-danger {
	background-color: #D4423C;
	border-color: #C93022;
}

.btn-danger-inverted {
	color: #D4423C !important;
	background-color: #FFF;
	border-color: #C93022;
}
.btn-danger-inverted:hover,
.btn-danger-inverted:focus,
.btn-danger-inverted.focus,
.btn-danger-inverted:active,
.btn-danger-inverted.active {
	color: #c9302c !important;
	background-color: #e6e6e6;
	border-color: #ac2925;
}

.btn-blue {
	background-color: #005DE9;
	border-color: #005DE9;
}
.btn-blue:hover,
.btn-blue:focus {
	background-color: #428BCA;
	border-color: #428BCA;
}

.btn-white {
	background-color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active {
	background-color: #A8AEB3;
}

.btn-makeamealpayment:hover,
.btn-makeamealpayment:focus,
.btn-makeamealpayment.focus,
.btn-makeamealpayment:active,
.btn-makeamealpayment.active {
	background-color: #66CC66;
}

.btn-setupautopay:hover,
.btn-setupautopay:focus,
.btn-setupautopay.focus,
.btn-setupautopay:active,
.btn-setupautopay.active {
	background-color: #6699CC;
}

.btn.blue {
	color: white;
	text-shadow: none;
	background-color: #005DE9;
}
.btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active,
	.btn.blue[disabled], .btn.blue.disabled {
	background-color: #0c8eba !important;
	color: #fff !important;
	outline: none !important;
}
.btn-group .btn.blue.dropdown-toggle {
	background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover, .btn-group .btn.blue:focus, .btn-group .btn.blue:active,
	.btn-group .btn.blue.active, .btn-group .btn.blue.disabled, .btn-group .btn.blue[disabled]
	{
	background-color: #0362fd !important;
	color: #fff !important;
	outline: none !important;
}
.btn-red-brdr {
	border: 1px solid;
	border-color: #B94A48;
}
/* custom text input */
.text-input {
	display: block;
	width: 100%;
	padding: 3px 6px;
	color: #555;
	background-color: #fff;
	background-image: none;
	line-height: normal;
	border: 1px solid #ccc;
  -webkit-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
          border-radius: 4px !important;
}
.text-input.has-error {
  color: #b94a48 !important;
  border-color: #b94a48 !important;
}
.text-input.has-error:focus {
  outline-color: #b94a48 !important;
}

/********************************************************************
 * BEGIN Panels
 ********************************************************************/
.panel {
	-webkit-box-shadow: 3px 3px 10px 0 rgba(232,233,235,1);
	   -moz-box-shadow: 3px 3px 10px 0 rgba(232,233,235,1);
	        box-shadow: 3px 3px 10px 0 rgba(232,233,235,1);
}
.msb-admin-wrapper .panel {
	box-shadow: none; /*No box shads needed on Admin side (not on parent side either but that would change too much) */
}
.panel h1 {
	font-size: 1.5rem;
	text-transform: none;
}
.panel-body {
	padding: 15px 30px 30px;
}
.panel-body.small-padding {
	padding: 10px 15px;
}
/* MSB Panel with No Surrounding Borders */
.panel-msb-nsb {
	margin-top: 1em;
	margin-bottom: 1em;
	border-color: #ddd;
	border-radius: 0;
	border-width: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.panel-msb-nsb > .panel-heading {
	color: #333;
	border-bottom: 1px solid #ddd;
}
.panel-msb-nsb > .panel-body {
	padding: 0;
	border-bottom: 1px solid #ddd;
}
.panel-msb-nsb > .panel-body > .table:first-child {
	margin-bottom: 0;
}
.panel-msb-nsb .panel-heading,
.panel-msb-nsb .panel-footer {
	background-color:transparent;
}
.panel-msb-nsb .panel-title {
	padding: 0;
}

.panel-msb-nsb.with-errors,
.panel-msb-nsb.with-errors .panel-heading,
.panel-msb-nsb.with-errors .panel-body {
	color: #b94a48;
	border-color: #b94a48;
}
.panel-msb-nsb.with-errors .close {
	color: #b94a48;
}
.panel-msb-nsb.with-errors .panel-footer,
.panel-msb-nsb.with-errors .list-group-item {
	color: #b94a48;
	font-weight: 500;
	background-color: #f2dede;
}
.panel-msb-nsb.with-errors .list-group-item:first-child {
	border-color: #b94a48;
}

@media all and (max-width: 700px) {
	.panel {
		border-width: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}
}
@media all and (max-width: 480px) {
	.panel {
		padding-left: 0;
		padding-right: 0;
	}
	.panel-body {
		padding-left: 0;
		padding-right: 0;
	}
}
/********************************************************************
 * nav-tabs
 ********************************************************************/
.nav > li.active > a {
	font-weight: 500;
}
.nav-tabs > li.has-changes > a::after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f0b0";
    font-size: .8em;
    font-weight: 600;
    position: relative;
    float: none;
    padding-left: 2px;
	color: #FF9D6F;
	vertical-align: top;
}

.nav-tabs a, .nav-tabs a:focus, .nav-tabs a:hover, .nav-tabs a:active {
	outline: 0;
	text-decoration: none;
}
.tab-content {
	padding: 10px 15px;
}

/********************************************************************
 * Panels with nav-tabs
 ********************************************************************/
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
.panel.with-nav-tabs .panel-body {
	padding: 0;
}
.panel.with-nav-tabs .panel-body.padded {
	padding: 15px 15px 0 15px;
}
.panel.with-nav-tabs .panel-footer,
.panel-footer.clear {
	padding: 0 15px 15px 15px;
	background-color: transparent;
	border-top-width: 0;
}
/********************************************************************
 * panel-default with nav-tabs
 ********************************************************************/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li > a.has-error,
.with-nav-tabs.panel-default .nav-tabs > li > a.has-error:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a.has-error:focus {
    color: #b94a48;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a.has-error,
.with-nav-tabs.panel-default .nav-tabs > .open > a.has-error:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a.has-error:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a.has-error:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a.has-error:focus {
	background-color: #f2dede;
	border-color: #ebccd1;
	border-bottom-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a.has-error,
.with-nav-tabs.panel-default .nav-tabs > li.active > a.has-error:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a.has-error:focus {
	color: #b94a48;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}

/********************************************************************
 * panel-default with nav-tabs that render like radios
 ********************************************************************/
.with-nav-tabs.radio-tabs.panel-default .panel-heading {
	background-color: transparent;
	border-width: 0;
}
.with-nav-tabs.radio-tabs.panel-default .nav-tabs > li > a {
	font-size: 14px;
	border-width: 0;
}
.with-nav-tabs.radio-tabs.panel-default .nav-tabs > li > a::before {
	content: "\f111"; /*far fa-circle:f111 */
	font-family: 'Font Awesome 6 Pro';
	font-size: 15px;
	font-weight: 400;
	margin-right: 5px;
}
.with-nav-tabs.radio-tabs.panel-default .nav-tabs > li.active > a {
	font-weight: 500;
}
.with-nav-tabs.radio-tabs.panel-default .nav-tabs > li.active > a::before {
	content: "\f058"; /*far fa-dot-circle:f192 - fas fa-check-circle:f058 */
	font-weight: 600; /* fa-circle filled */
}


/********************************************************************
 * panel-primary with nav-tabs
 ********************************************************************/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #005DE9;
	background-color: #fff;
	border-color: #005DE9;
	border-bottom-color: transparent;
}

/********************************************************************
 * END Panels
 ********************************************************************/

/* Portlets */
.portlet {
	clear: both;
	margin-top: 0;
	margin-bottom: 25px;
	padding: 0;
}

.portlet>.portlet-title {
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	text-transform: capitalize;
}

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

.portlet>.portlet-title:after {
	clear: both;
}

.portlet>.portlet-title>.caption {
	float: left;
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}

.portlet>.portlet-title>.caption>i {
	float: left;
	margin-top: 4px;
	display: inline-block !important;
	font-size: 13px;
	margin-right: 5px;
	color: #666;
}

.portlet.blue>.portlet-title>.caption, .portlet.green>.portlet-title>.caption,
	.portlet.yellow>.portlet-title>.caption, .portlet.red>.portlet-title>.caption,
	.portlet.purple>.portlet-title>.caption, .portlet.grey>.portlet-title>.caption
	{
	color: #fff;
}

.portlet.box.blue>.portlet-title>.caption>i, .portlet.box.green>.portlet-title>.caption>i,
	.portlet.box.grey>.portlet-title>.caption>i, .portlet.box.yellow>.portlet-title>.caption>i,
	.portlet.box.red>.portlet-title>.caption>i, .portlet.box.purple>.portlet-title>.caption>i,
	.portlet.box.light-grey>.portlet-title>.caption>i {
	color: #fff;
}

.sortable .portlet>.portlet-title {
	cursor: move;
}

.portlet>.portlet-title>.tools, .portlet>.portlet-title>.actions {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top: 6px;
	float: right;
}

.portlet>.portlet-title>.tools>a {
	display: inline-block;
	height: 16px;
	margin-left: 5px;
}

.portlet>.portlet-title>.actions>.dropdown-menu i {
	color: #000 !important;
}

.portlet>.portlet-title>.tools>a.remove {
	margin-bottom: 2px;
	background-image:url(/users/templates/shared/images/portlet-remove-icon.png);
	background-repeat: no-repeat;
	width: 11px;
}

.portlet>.portlet-title>.tools>a.config {
	margin-bottom: 2px;
	background-image:url(/users/templates/shared/images/portlet-config-icon.png);
	background-repeat: no-repeat;
	width: 12px;
}

.portlet>.portlet-title>.tools>a.reload {
	margin-bottom: 2px;
	background-image:url(/users/templates/shared/images/portlet-reload-icon.png);
	width: 13px;
}

.portlet>.portlet-title>.tools>a.expand {
	margin-bottom: 2px;
	background-image:url(/users/templates/shared/images/portlet-expand-icon.png);
	width: 14px;
}

.portlet>.portlet-title>.tools>a.collapse {
	margin-bottom: 2px;
	background-image:url(/users/templates/shared/images/portlet-collapse-icon.png);
	width: 14px;
}

.portlet>.portlet-title>.tools>a:hover {
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity: .6;
	filter: alpha(opacity=60);
}

.portlet>.portlet-title>.actions>.btn-group {
	margin-top: -13px;
}

.portlet>.portlet-title>.actions>.btn {
	padding: 4px 10px;
	margin-top: -14px;
}
/*
.portlet>.portlet-title>.actions>.btn.btn-primary {
	background: #fd8a33;
}
*/
.portlet>.portlet-title>.actions>.btn.btn-excel {
	background: #2E9E60;
}

.portlet>.portlet-title>.actions>.btn-group>.btn {
	padding: 4px 10px;
	margin-top: -1px;
}

.portlet>.portlet-title>.actions>.btn.btn-sm {
	padding: 3px 8px;
	margin-top: -13px;
}

.portlet>.portlet-title>.actions>.btn-group>.btn-sm {
	padding: 3px 8px;
	margin-top: -1px;
}

.portlet>.portlet-title>.pagination.pagination-sm {
	display: inline-block !important;
	margin: 0;
	margin-top: -4px;
}

@media all and (max-width: 767px) {
	.portlet>.portlet-title>.actions.btn-set>.btn-group, .portlet>.portlet-title>.actions.btn-set>.btn
		{
		margin-top: 0;
		margin-bottom: 5px;
	}
}

.portlet>.portlet-body {
	clear: both;
	padding: 0;
}

.portlet>.portlet-empty {
	min-height: 125px;
}

.portlet>.portlet-body.light-blue, .portlet.light-blue {
	background-color: #bfd5fa !important;
}

.portlet>.portlet-body.blue, .portlet.blue {
	background-color: #005DE9 !important;
}

.portlet>.portlet-body.red, .portlet.red {
	background-color: #e02222 !important;
}

.portlet>.portlet-body.yellow, .portlet.yellow {
	background-color: #ffb848 !important;
}

.portlet>.portlet-body.green, .portlet.green {
	background-color: #2A8739 !important;
}

.portlet>.portlet-body.purple, .portlet.purple {
	background-color: #852b99 !important;
}

.portlet>.portlet-body.light-grey, .portlet.light-grey {
	background-color: #fafafa !important;
}

.portlet>.portlet-body.grey, .portlet.grey {
	background-color: #555555 !important;
}

/***
Box portlet
***/
.portlet.box {
	padding: 0 !important
}

.portlet.box>.portlet-title {
	padding: 8px 10px 2px 10px;
	border-bottom: 1px solid #eee;
	color: #fff !important;
}

.portlet.box>.portlet-title>.tools {
	margin-top: 3px;
}

.portlet.box>.portlet-title>.tools>a.remove, .portlet.solid>.portlet-title>.tools>a.remove
	{
	background-image: url(/users/templates/shared/images/portlet-remove-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.config, .portlet.solid>.portlet-title>.tools>a.config
	{
	background-image: url(/users/templates/shared/images/portlet-config-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.reload, .portlet.solid>.portlet-title>.tools>a.reload
	{
	background-image: url(/users/templates/shared/images/portlet-reload-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.expand, .portlet.solid>.portlet-title>.tools>a.expand
	{
	background-image: url(/users/templates/shared/images/portlet-expand-icon-white.png);
}
.portlet.box>.portlet-title>.tools>a.collapse, .portlet.solid>.portlet-title>.tools>a.collapse
	{
	background-image: url(/users/templates/shared/images/portlet-collapse-icon-white.png);
}
.portlet.box>.portlet-body {
	background-color: #fff;
	padding: 10px;
}
.portlet.box>.portlet-title {
	margin-bottom: 0;
}
.portlet.box.no-title {
	border-top-width: 1px !important;
}
.portlet.box.blue>.portlet-title {
	background-color: #005DE9;
}
.portlet.box.blue {
	border: 1px solid #b4cef8;
	border-top-width: 0;
}
.portlet.box.red>.portlet-title {
	background-color: #e02222;
}
.portlet.box.red {
	border: 1px solid #ef8476;
	border-top-width: 0;
}
.portlet.box.yellow>.portlet-title {
	background-color: #ffb848;
}
.portlet.box.yellow {
	border: 1px solid #fccb7e;
	border-top-width: 0;
}
.portlet.box.green>.portlet-title {
	background-color: #2A8739;
}
.portlet.box.green {
	border: 1px solid #77e588;
	border-top-width: 0;
}
.portlet.box.purple>.portlet-title {
	background-color: #852b99;
}
.portlet.box.purple {
	border: 1px solid #af5cc1;
	border-top-width: 0;
}
.portlet.box.grey>.portlet-title {
	background-color: #555555;
}
.portlet.box.grey {
	border: 1px solid #9d9c9c;
	border-top-width: 0;
}
.portlet.box.light-grey>.portlet-title {
	background-color: #aaa;
}
.portlet.box.light-grey {
	border: 1px solid #bbb;
	border-top-width: 0;
}
.portlet .row {
	margin-left: 0;
	margin-right: 0;
	padding: 10px 5px;
}
@media all and (max-width: 767px) {
	.portlet .addBtn {
		float: none !important;
	}
	.portlet.box>.portlet-body {
		padding: 10px 0;
	}
	.portlet .row {
		padding: 10px 15px;
	}
}
.portlet .alternate:nth-child(even) {
	background-color: #EEEEEE;
}
.portlet .alternate:nth-child(odd) {
	background-color: #FFFFFF;
}
.portlet a {
	color: #2A8739;
	text-transform: capitalize;
	font-weight: 500;
}
.portlet a.normal {
	color: #555555;
	text-transform: none;
	font-weight: 500;
}
.portlet a.link {
	color: #428bca;
	text-transform: none;
	font-weight: 500;
}
.portlet .addBtn a {
	color: #FFFFFF;
}
.portlet .colLabel {
	font-weight: 500;
}
.portlet .fav-item,
.portlet .fav-item-primary {
	position: absolute;
}
.portlet-title .btn {
	color: #fff;
	background-color: #4b8df8;
}
.portlet a.btn {
	color: #fff;
}
.portlet a.btn-secondary {
	color: #fff;
	background-color: #2A8739;
}
.portlet .btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: #247530;
	color: #FFFFFF;
}
@media (max-width: 375px) {
	.portlet .row.alternate .colLabel {
		padding-left: 0;
	}
}
.portlet .row.reports {
	padding: 0 !important;
	border-width: 1px 0 0 0;
}
.portlet .row.reports.header {
	padding: 0 !important;
	border-width: 0;
	margin-top: 20px;
	box-shadow: none;
}
.portlet .row.reports .colLabel {
	padding: 5px;
	margin: 5px 0;
}
.portlet .row.reports .colValue {
	padding: 5px;
	margin: 5px 0;
}
.portlet .vieworderitems .row {
	margin-left: -15px;
	margin-right: -15px;
	padding: 0;
}
.portlet .row.reports .colErrorLabel {
	padding: 5px;
	margin: 5px 0;
	font-weight: bold;
	text-transform: capitalize;
	color: red;
}
.portlet .row.reports .colErrorValue {
	padding: 5px;
	margin: 5px 0;
	color: red;
}
@media print {
	.portlet>.portlet-body.blue, .portlet.blue {
		background-color: #ffffff !important;
	}
	.portlet.box.blue {
		border: 1px solid #b4cef8;
	}
}
.portlet a.portlet-a-override {
	color: #005DE9;
	text-transform: none;
}



/* OnOff Switch */
.onoffswitch {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch .onoffswitch-checkbox {
	display: none;
}

.onoffswitch .onoffswitch-label {
	display: block;
	border-radius: 0;
	border: 1px solid #eeeeee;
	overflow: hidden;
	cursor: pointer;
	margin: 0;
}

.onoffswitch .onoffswitch-label .onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch .onoffswitch-label .onoffswitch-inner:before,
.onoffswitch .onoffswitch-label .onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 34px;
	padding: 0;
	line-height: 34px;
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch .onoffswitch-label .onoffswitch-inner:before {
	content: "YES";
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #005DE9;
}

.onoffswitch .onoffswitch-label .onoffswitch-inner:after {
	content: "NO";
	padding-right: 10px;
	background-color: #fd8a33;
	color: #fff;
	text-align: right;
}

.onoffswitch .onoffswitch-label .onoffswitch-switch {
	width: 14px;
	margin: 10.5px;
	background: #ededed;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .6);
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
}

.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0;
	background-color: #ffffff;
}

@media all and (max-width: 767px) {
	.msbHV p.colHeaderHidden+div.refund-switch {
		clear: right;
		display: table;
	}
}
.promotions>div {
	border-right: 2px #DDD solid;
	padding-right: 2em;
	padding-left: 1em;
}

@media all and (max-width:767px) {
	.promotions.row{
		padding: 2em;
	}
	.promotions>div {
		border-bottom: 2px #DDD solid;
		border-right: 0;
		padding-bottom: 2em;
		padding-top: 1em;
		margin: 0;
	}
	.promotions>div:first-child {
		border-top: 2px #DDD solid;
	}
}
.promotions>div:last-child {
	border-right: 0;
}
.promotions .icon {
	font-size: 3em;
	color: #2A8739;
}
.promotions .promoTitle {
	color: #2A8739;
	font-size: 1.5em;
	padding-right: 0;
	padding-left: 0;
}

@media all and (min-width :768px) and ( max-width :992px) {
	.promotions .promoTitle {
		padding-right: 0;
	    padding-left: 30px;
	}
}

@media all and (min-width :768px) {
	.promotions {
		border-top: 2px #DDD solid;
		border-bottom: 2px #DDD solid;
		padding-bottom: 2em;
		padding-top: 1em;
	}
}

.promotions .link {
	margin-top: 1em;
}

.promotions .link a {
	font-size: 1.20em;
	font-weight: normal;
	display: block;
	margin-top: .3em;
	padding-left: 1em;
}
.promotions-vertical {
	padding-bottom: 2em;
	margin-bottom: 4em;
}

.promotions-vertical>div {
	border-bottom: 2px #eeeeee solid;
	padding-bottom: 2em;
	padding-top: 1em;
	margin: 0;
}

.promotions-vertical .promoTitle {
	color: #2A8739;
	font-size: 1.5em;
}

.promotions-vertical .link a {
	font-size: 1.20em;
	font-weight: normal;
}

.promotions-vertical .icon {
	font-size: 4em;
	color: #2A8739;
}

@media all and (max-width:400px) {
	.promotions-vertical {
		padding-left: 0;
		padding-right: 0;
	}
	.promotions-vertical .icon {
		padding: 0 1em 0 0;
	}
	.promotions-vertical .info {
		padding-right: 0;
		padding-left: 7px;
	}
}

.center-block>table {
	margin-left: auto;
	margin-right: auto;
}

.help-block.help-block-small {
	font-size: 14px;
	margin-bottom: 0;
}

.sortable-box-placeholder {
	background-color: #f5f5f5;
	border: 1px dashed #DDDDDD;
	display: block;
	/* float: left;*/
	margin-top: 0 !important;
	margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
	visibility: hidden;
}

.application-logo {
	padding-top: 0;
	padding-bottom: 20px;
}

.application-logo .message-text {
	padding: 0 30px;
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: bold;
	vertical-align: bottom;
}

.application-logo .logo img{
	display:inline;
}
@media (max-width: 768px) {
	.application-logo .logo img{
		max-width: 50%;
		height: auto;
	}
}

/* Used for orders and transactions */
.msbHV h2 {
	font-size: 18px;
	font-style: italic;
}

.msbHV .title {
	font-size: 16px;
	font-weight: bold;
	color: #005DE9;
	display: inline-block;
}

.msbHV .update {
	float: right;
}

.msbHV .row-hr {
	border-top: 1px solid #858585;
}

.msbHV .row-hr p {
	margin: 0;
}

.msbHV .alternate {
	border: solid #c0c0c0 1px;
	border-width: 1px 1px 0 1px;
}

.msbHV .alternate:nth-child(even) {
	background-color: #EEEEEE;
}

.msbHV .alternate:nth-child(odd) {
	background-color: #FFFFFF;
}

.msbHV .alternate.orderHistory {
	border: solid #c0c0c0 1px;
	margin-bottom: 20px;
}

.msbHV .listfooter {
	border-top: solid #c0c0c0 1px;
	padding: 15px 0;
}

.msbHV .top-row {
	padding: 5px;
	margin: 0 0 5px;
}

.msbHV p {
	padding: 5px;
	margin: 0 0 5px;
}

.msbHV .order-btn {
	margin-top: 5px;
}

.msbHV .admin-order-btn {
	margin-top: 5px;
	padding: 4px 12px;
}

@media all and (min-width :992px) and ( max-width :1199px) {
	.msbHV .admin-order-btn {
		padding: 4px 8px;
	}
}

@media all and (max-width:991px) {
	.msbHV .admin-order-btn {
		padding: 4px 12px;
		width: 100%;
		margin-bottom: 10px;
	}
}

.msbHV p.colHeaderHidden+span {
	padding: 5px;
	margin: 5px 0;
	display: block;
}

.msbHV .colSchedule {
	font-style: italic;
}

.msbHV .colLabel {
	font-weight: 500;
}

.msbHV .colHeader {
	font-weight: 500;
	/* 	text-decoration: underline; */
}

.msbHV .colHeaderHidden {
	font-weight: 500;
	display: none;
}

.msbHV p.admin-colHeaderHidden+span {
	padding: 5px;
	margin: 5px 0;
	display: block;
}

.msbHV .admin-colHeaderHidden {
	font-weight: 500;
	display: none;
}
.msbHV .left-when-small {
	text-align: inherit;
}

@media all and (max-width: 500px) {
	.msbHV p.admin-colHeaderHidden+span {
		float: right;
		width: 50%;
	}
}

@media all and (max-width:991px) {
	.msbHV p.admin-colHeaderHidden {
		clear: both;
		display: block;
		float: left;
		width: 50%;
		padding: 7px 0 5px 5px;
		margin: 0;
		text-align: left;
	}
	.msbHV .left-when-small { text-align: left !important; }
}

.msbHV .colNormal {
	white-space: normal;
}

.msbHV .listheader {
	background-color: #2A8739;
	color: #FFFFFF;
}

.msbHV .admin-listheader {
	background-color: #2A8739;
	color: #FFFFFF;
}

@media all and (max-width:991px) {
	.msbHV .admin-listheader {
		display: none;
	}
}

.msbHV .admin-reportheader {
	background-color: #FFFFFF;
	color: #000000;
}

@media all and (max-width:991px) {
	.msbHV .admin-reportheader {
		display: none;
	}
}

.msbHV .reportfooter {
	border-bottom: solid #c0c0c0 1px;
	padding: 0;
}

/* same as above but doesn't disapear*/
.msbHV .smalllistheader {
	background-color: #2A8739;
	color: #FFFFFF;
}

.msbHV .listNormal {
	padding: 15px;
}

.msbHV .nav-tabs {
	border-color: #005DE9;
	font-size: 16px;
	padding-bottom: 1px;
}

.msbHV .nav-tabs>li>a {
	background: #edeff1;
	color: #505050;
	padding: 5px 15px;
	border: none !important;
	margin: 0 10px 0 0;
}

.msbHV .nav-tabs>li>a:hover, .msbHV .nav-tabs>li>a:focus {
	background: #A2AFBA;
	color: #FFFFFF;
}

.msbHV .nav-tabs-no-hover>li>a:hover, .msbHV .nav-tabs .nav-tabs-no-hover>li>a:focus
	{
	background: #edeff1;
	color: #647484;
}

.msbHV .nav-tabs>li.active>a, .msbHV .nav-tabs>li.active>a:hover, .msbHV .nav-tabs>li.active>a:focus
	{
	background: #005DE9;
	color: #fff;
}

.msbHV .small {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	padding: 0 15px;
}

.msbHV .info {
	font-style: italic;
	font-size: 12px;
}

.msbHV .description {
	font-size: 11px;
	font-weight: 500;
}

@media all and (max-width: 500px) {
	.msbHV p.colHeaderHidden+span {
		float: right;
		width: 50%;
	}
}

.msbHV p.colHeaderHidden+span.refund-span {
	margin: 0;
	padding: 0;
}

@media all and (max-width: 767px) {
	.msbHV p.colHeaderHidden+span.refund-span {
		float: right;
		width: 50%;
		margin: 2px 0 4px 0;
		padding-left: 0;
	}
}

@media all and (max-width:767px) {
	.msbHV .listheader {
		display: none;
	}
	.msbHV .alternate p.colHeaderHidden {
		clear: both;
		display: block;
		float: left;
		width: 50%;
		padding: 7px 0 5px 5px;
		margin: 0;
		text-align: left;
	}
	.msbHV .row+.alternate {
		border-top: 1px solid black;
	}
	.msbHV .row+.listfooter {
		border-top: 1px solid black;
	}
}

.schedule-onoffswitch {
	clear: both;
	float: right;
	margin-left: 15px;
}

.id-notice {
	background-color: #F9F9F9;
	border: 1px solid #E9E9E9;
}

.id-notice p {
	padding: 10px;
}

@media print {
	a[href]:after {
		content: none !important;
	}
}

.links-parents {
	padding: 5px;
}

.links-parents p {
	padding: 0 0 0 10px;
}

.news-parents {
	padding: 5px;
}

.news-parents p {
	padding: 0 0 0 10px;
}

.alternate:nth-child(even) {
	background-color: #EEEEEE;
}

.alternate:nth-child(odd) {
	background-color: #FFFFFF;
}

.alternate.light:nth-child(even) {
	background-color: #F9F9F9;
}

.alternate.light:nth-child(odd) {
	background-color: #FFFFFF;
}

.alternate.inverted:nth-child(even) {
	background-color: #FFFFFF;
}

.alternate.inverted:nth-child(odd) {
	background-color: #EEEEEE;
}

.alternate.light.inverted:nth-child(even) {
	background-color: #FFFFFF;
}

.alternate.light.inverted:nth-child(odd) {
	background-color: #F9F9F9;
}

.subscription input[type="checkbox"] {
	width: 14px;
	height: 14px;
}

.subscription .form-group label {
	font-size: 1.5em;
	color: #005DE9;
}

.alert-info {
	background-color: #ECF3FC;
}

.page-break {
	page-break-after: always;
}


@media all and (max-width:500px) {
	.btn-close-account {
		margin-top: 20px;
		margin-right: 80px;
	}
}

.tooltip-icon {
	font-size: 1.25em;
	padding-left: 10px;
}

/***
Input icons
***/

/* input with right aligned and colored icons */

/* input with left aligned icons */
.input-icon {
  position: relative;
}


.input-icon input {
   padding-left: 33px !important;
}

.input-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-icon.right input {
   padding-left: 12px !important;
   padding-right: 33px !important;
}

.input-icon.right i {
   right: 8px;
   float: right;
}

.has-success .input-icon > i {
	color: #468847;
}
.has-success .input-group-btn {
	color: #468847 !important;
	border-color: #468847 !important;
}
.has-success .input-group-btn .btn-default {
	color: #468847 !important;
	border-color: #468847 !important;
}
.has-success .input-group-btn .btn-default:hover,
.has-success .input-group-btn .btn-default:focus,
.has-success .input-group-btn .btn-default.focus,
.has-success .input-group-btn .btn-default:active,
.has-success .input-group-btn .btn-default.active {
	background-color: #dff0d8 !important;
}

.has-warning .input-icon > i {
	color: #c09853;
}
.has-warning .input-group-btn {
	color: #c09853 !important;
	border-color: #c09853 !important;
}
.has-warning .input-group-btn .btn-default {
	color: #c09853 !important;
	border-color: #c09853 !important;
}
.has-warning .input-group-btn .btn-default:hover,
.has-warning .input-group-btn .btn-default:focus,
.has-warning .input-group-btn .btn-default.focus,
.has-warning .input-group-btn .btn-default:active,
.has-warning .input-group-btn .btn-default.active {
	background-color: #fcf8e3 !important;
}

.has-error .input-icon > i {
	color: #b94a48;
}
.has-error .input-group-btn {
	color: #b94a48 !important;
	border-color: #b94a48 !important;
}
.has-error .input-group-btn .btn-default {
	color: #b94a48 !important;
	border-color: #b94a48 !important;
}
.has-error .input-group-btn .btn-default:hover,
.has-error .input-group-btn .btn-default:focus,
.has-error .input-group-btn .btn-default.focus,
.has-error .input-group-btn .btn-default:active,
.has-error .input-group-btn .btn-default.active {
	background-color: #f2dede !important;
}

/* landing page */
.landing-icon {
	padding-top: 15px;
	border: 1px solid #E1E1E1;
}

.landing-icon-img {
	padding-top: 15px;
	height: 230px;
}

.landing-icon-details-btn {
	margin-bottom: 20px;
}

.landing-icon-details-btn a{
	max-width: 100%;
}

.landing-icon-graphic {
	vertical-align: middle !important;
}

.landing-icon-graphic-helper {
	display: inline-block !important;
	height: 100% !important;
	vertical-align: middle !important;
}

@media only screen and ( min-width : 768px) and ( max-width : 992px) {
	.landing-icon-details-btn a {
		margin-bottom: 20px;
		width: 198px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.pagination {
	margin: 5px 0;
	float: none !important;
}

/* bootstrap default color is slightly off, so we change it here. */
.pagination > li > a,
.pagination > li > span {
  color: #005DE9;
  cursor: pointer;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #005DE9;
  border-color: #005DE9;
}

.filter-search-btn {
	padding-top: 20px;
}

@media (max-width:991px) {
	.filter-search-btn {
		padding-top: 0;
	}
}

.filter-search-btn-md {
	padding-top: 0;
}

@media (min-width :768px) and ( max-width :1199px) {
	.filter-search-btn-md {
		padding-top: 25px;
	}
}

.pagination-dropdown {
	display: none;
}

@media (max-width:991px) {
	.pagination-dropdown {
		display: block;
	}
	.pagination-hide-small {
		display: none;
	}
}

.billVertBar {
	display: inline;
}

@media all and (max-width: 570px) {
	.billVertBar {
		visibility: hidden;
	}
}

@media all and (max-width: 380px) {
	.billVertBar {
		display: none;
	}
}

.orderFilterToggle {
	display: none;
}
@media all and (max-width:991px) {
	.orderFilterToggle {
		display: block;
	}
}

.expired-icon {
	padding-right: 2px;
	color: #b94a48;
}

.success-icon {
	padding-right: 2px;
	color: #5cb85c;
}

.warning-icon {
	padding-right: 2px;
	color: #fd7e14;
}

.phone-leftPar {
	font-size: 1.7em;
	float: left;
	margin-left: 1px;
}

.phone-text {
	font-size: 1.7em;
	float: left;
}

.note-box {
	border: #A9A9A9;
	border-width: 1px;
	border-style: solid;
	background: #E5E5E5;
	padding: 10px;
}

.phone-field {
	border: 1px solid #ccc !important;
}

.has-error .phone-field {
	border: 1px solid #b94a48 !important;
}

.has-error .phone-error {
	display: block;
	position: absolute;
	margin: 9px 2px 4px 215px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-align: center;
	color: #b94a48;
}

.recovery-error {
	display: flex;
}

.has-error .recovery-error-icon {
	display: block;
	margin: 8px 3px 4px 1px;
	width: 16px;
	height: 16px;
	font-size: 14px;
	text-align: center;
	color: #b94a48;
}

.has-error .input-icon > div > i.fas.fa-exclamation-circle {
	color: #b94a48;
}

.msbhelp-link {
	font-size: 1.25em;
	cursor: pointer;
	text-decoration: none !important;
	color: inherit !important;
}
.fa-help-link,
a.fa-help-link,
.fa-help-link > a {
	cursor: pointer;
	text-decoration: none;
	color: #777;
	margin-left: 3px;
	outline: 0;
}

.msbpopover {
	font-size: 14px;
	color: #000000;
}

.msbpopover a {
	font-size: 14px;
	font-weight: bold;
	color: #005DE9;
}

.processNote {
	display: inline;
}

@media (max-width:700px) {
	.statementNotice {
		display: inherit;
		padding-left: 0;
		font-size: 14px;
		font-weight: bold;
		color: red;
	}
}

.menu-icon {
	color: inherit !important;
	padding-right: 5px;
}

.menu-icon:hover {
	color: #2A8739 !important;
}

.sub-head {
	color: #005DE9;
	font-size: 16px;
	border-bottom: solid #005DE9 1px;
}

.col-head {
	color: #005DE9;
	font-size: 13px;
	font-weight: 500;
}

.footnote {
	font-size: 13px;
}

.video {
	position: relative;
	border: 1px solid #a5a5a5
}

.video a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: transparent url('/users/images/YouTube-icon-dark.png') no-repeat
		center;
	background-size: 20% auto;
}

.video a:hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: transparent url('/users/images/YouTube-icon-full_color.png')
		no-repeat center;
	background-size: 20% auto;
}

.fa,.far,.fas {
	z-index: 10;
}
.fa.form-control-feedback,
.far.form-control-feedback,
.fas.form-control-feedback {
	line-height: normal;
}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}

.modal-title {
	font-size: 1.5em;
	text-transform: none;
}

.msbHV hr {
  border-top: solid #c0c0c0 1px;
}

.report-icon {
	font-size: 23px;
  	padding-top: 8px;
}

@media (max-width:991px) {
	.report-icon {
		font-size: 17px;
	  	padding-top: 5px;
	  	padding-left: 5px;
	}
}

.two-row+span {
	padding-top: 0 !important;
	margin-top: 0 !important;
	width: 100% !important;
	display: inline-block !important;
}

.filter-area {
	font-family: 'Roboto',Arial,sans-serif;
	font-size: 14px;
	background-color: #ffffff;
}
.filter-area fieldset,
.input-area fieldset {
	padding: 5px 10px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
  -webkit-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
          border-radius: 4px !important;
	 /*background-color: #f9f9f9;*/
}
.filter-area fieldset legend,
.input-area fieldset legend {
	font-weight: 500;
	font-size: 1.15em;
	color: #777;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 5px;
	width: auto; /* Important because bootstrap theme sets this to 100% which screws up the fieldset top border */
	border: none;
}
/* stacked fieldset / legend */
.filter-area fieldset fieldset legend,
.input-area fieldset fieldset legend {
	font-size: 1em;
	font-weight: 400;
	color: #333;
}
.filter-area input[type="checkbox"] {
	margin-right: 4px;
}
.filter-area fieldset.shaded {
	background-color: #f9f9f9;
}

.input-area fieldset legend {
	margin: 5px 20px;
}
.input-area fieldset legend a,
.input-area label a {
	color: #969696;
}
.input-area fieldset legend a:hover,
.input-area label a:hover {
	color: #777;
}

/* Landing Page Tiles */
.add-tile-icon {
	margin: 5px !important;
}
.add-tile-submit {
	margin: 147px 0 !important;
    text-align: center;
}
@media (max-width:992px) {
	.add-tile-submit {
		margin: 156px 0 !important;
	    text-align: center;
	}
}
.tile-setting-margin {
	margin: .35em 1em;
}
.tile-position input[type=radio] {
    display:none;
    margin:10px;
}
.tile-position input[type=radio] + label {
    display: inline-block;
    margin: -2px;
    padding: 20px 28px;
    background-color: #CCCCCC;
    border-color: #AAAAAA;
    color: #000000;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tile-position input[type=radio]:checked + label {
	background-image: none;
    background-color: #005DE9;
    color: #FFFFFF;
}

.bootstrap-datetimepicker-widget .datepicker > .datepicker-days > table > tbody > tr > td.day.today:not(.active) {
	color: #3e4d5c;
	background-image: none;
	background-color: #FFFFFF;
}

.bootstrap-datetimepicker-widget .datepicker > .datepicker-days > table > tbody > tr > td.day.today:hover:not(.active) {
	color: #3e4d5c;
	background-color: #eaeaea;
}

.bootstrap-datetimepicker-widget .datepicker > .datepicker-days > table > tbody > tr > td.day.disabled.today,
.bootstrap-datetimepicker-widget .datepicker > .datepicker-days > table > tbody > tr > td.day.disabled.today:hover {
	color: #999999;
	background-color: #FFFFFF;
}
/* Disable Decades Selector which has issues when setting min/max date */
.bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch {
     cursor: default;
     pointer-events: none;
}

label.low-balance-settings {
	height: 34px;
	line-height: 34px;
}

input.low-balance-settings {
	width: 6em;
}

.cropper-tools button {
	width: 3em;
	margin-top: 0.25em !important;
	margin-left: 0.25em !important;
}

.cropper-img-preview {
	width: 100px;
	height: 100px;
	overflow: hidden !important;
	border-style: solid;
	border-width: 1px;
}

.cropper-area {
	width: 100%;
	min-height: 200px;
	max-height: 500px;
	text-align: center;
}

.bootgrid-list-area {
	overflow-y: auto !important;
	min-height:250px; /* min-height needed for column select dropdown */
}
.bootgrid-table th > .column-header-anchor > .text, .bootgrid-table td {
	white-space: pre-line !important;
}
.bootgrid-table .bootgrid-col-min-75  { width:  75px; min-width:  75px !important; }
.bootgrid-table .bootgrid-col-min-80  { width:  80px; min-width:  80px !important; }
.bootgrid-table .bootgrid-col-min-100 { width: 100px; min-width: 100px !important; }
.bootgrid-table .bootgrid-col-min-110 { width: 110px; min-width: 110px !important; }
.bootgrid-table .bootgrid-col-min-115 { width: 115px; min-width: 115px !important; }
.bootgrid-table .bootgrid-col-min-125 { width: 125px; min-width: 125px !important; }
.bootgrid-table .bootgrid-col-min-150 { width: 150px; min-width: 150px !important; }
.bootgrid-table .bootgrid-col-min-175 { width: 175px; min-width: 175px !important; }
.bootgrid-table .bootgrid-col-min-200 { width: 200px; min-width: 200px !important; }
.bootgrid-table .bootgrid-col-min-250 { width: 250px; min-width: 250px !important; }

.bootgrid-table .bootgrid-col-max-75  { width:  75px; max-width:  75px !important;}
.bootgrid-table .bootgrid-col-max-80  { width:  80px; max-width:  80px !important;}
.bootgrid-table .bootgrid-col-max-100 { width: 100px; max-width: 100px !important;}
.bootgrid-table .bootgrid-col-max-115 { width: 115px; max-width: 115px !important;}
.bootgrid-table .bootgrid-col-max-120 { width: 120px; max-width: 120px !important;}

hr.gray, hr.grey {
	margin-top: 1em;
	margin-bottom: 1em;
	border: none;
	height: 1px;
	color: #888888;
	background: #888888;
}

hr.light-gray, hr.light-grey {
	margin-top: 1em;
	margin-bottom: 1em;
	border: none;
	height: 1px;
	color: #e3e3e3;
	background: #e3e3e3;
}

hr.mid-light-gray, hr.mid-light-grey {
	margin-top: 1em;
	margin-bottom: 1em;
	border: none;
	height: 1px;
	color: #d5d5d5;
	background: #d5d5d5;
}

.onofftoggle {
	position: relative;
	width: 100px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}

.onofftoggle-checkbox {
	display: none;
}

.onofftoggle-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 30px;
	padding: 0;
	line-height: 30px;
	border: 2px solid #ccc;
	border-radius: 30px;
	transition: background-color 0.3s ease-in;
}

.onofftoggle-label:before {
	content: "";
	display: block;
	width: 30px;
	margin: 0;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 70px;
	border: 2px solid #ccc;
	border-radius: 30px;
	transition: all 0.3s ease-in 0s;
}

.onofftoggle-checkbox:checked + .onofftoggle-label {
	background-color: #005DE9;
}

.onofftoggle-checkbox:checked + .onofftoggle-label, .onofftoggle-checkbox:checked + .onofftoggle-label:before {
	border-color: #005DE9;
}

.onofftoggle-checkbox:checked + .onofftoggle-label:before {
	right: 0;
}

.input-label {
	font-size: 13px;
	margin-bottom:0;
	cursor: pointer;
}
.table th,
.table th a,
.column-label {
	color: #777;
	font-weight: 500;
}
.table td {
	vertical-align: middle !important;
}
.has-error th,
.has-error td,
th.has-error,
td.has-error {
  color: #b94a48 !important;
}

/* replace bootstrap default hover. Do NOT use !important here! */
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #DBDBDB;
}

/* used by placeholder plugin to emulate placeholders in IE versions before 10 */
.placeholder {
  color: #999 !important;
}

/* Bootstrap Popover Changes */
.popover {
	max-width:480px;
	max-height:480px;
}
.popover-content {
	max-width:430px;
	max-height:430px !important;
	word-wrap:break-word;
	text-overflow: ellipsis !important;
	overflow-y: hidden !important;
}
.popover-content-limited {
	margin-top: 5px;
	font-size: 80%;
	color: #777;
	max-height: 400px !important;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/* Bootstrap Confirmations */
.confirmation-buttons .btn {
	padding-left: 15px;
	padding-right: 15px;
}


/* Tiny Links */
.tiny-links,
.tiny-link,
a.tiny-link {
	font-size: 0.75em;
	font-weight: normal !important;
	cursor: pointer;
	margin: 0.5em 0.5em 0 0.5em;
}

/* Customize Bootstrap Tooltips */
.tooltip-inner {
	color: #fff;
	background-color: #5B5B5B;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #5B5B5B;
}

/* Loading Icon */
.msb-spinner-icon {
	margin:10px auto;
	width: 25px;
	height: 25px;
	color: #777;
}

.star-center {
	padding-top:1em;
}
@media all and (min-width: 346px) {
	.star-center {
		padding-top:0;
		padding-bottom:2.5em;
	}
}

.alternating-item {
	border-left: 1px #d5d5d5 solid;
	border-right: 1px #d5d5d5 solid;
	border-bottom: 1px #d5d5d5 solid;
}
.alternating-item:first-child {
	border-top: 1px #d5d5d5 solid;
}
.alternating-item:nth-child(even) {
	background-color: #f5f5f5;
}
.alternating-item:nth-child(odd) {
	background-color: #fff;
}
.alternating-item:nth-child(even):hover {
	background-color: #e5e5e5;
}
.alternating-item:nth-child(odd):hover {
	background-color: #ececec;
}

/* Hides from UI but allow screen readers to pick it up  */
.off-screen {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* FancyBox Customization */
.fancybox-slide--video .fancybox-content {
	width  : 80%;
	height : 70%;
	max-width  : 1024px;
	max-height : 768px;
}
.fancybox-slide--iframe .fancybox-content {
	width  : 90%;
	height : 80%;
	max-width  : 1024px;
	max-height : 768px;
	margin: 0;
}

/* Session Timeout Modal */
.session-timeout-modal .modal-dialog {
	min-width: 350px;
}
.session-timeout-modal .countdown-holder {
	font-size: 1.5em;
	font-weight: 500;
}
.session-timeout-modal .progress-bar-danger .countdown-holder {
	font-size: 1.75em;
	font-weight: 500;
}
.session-timeout-modal .progress.bg-danger {
  background-color: #e4b9b9 !important;
}


/* NEW! Logo used in tour and Marketing Popups */
.new-logo {
	padding: 1px 3px;
	color: #005DE9;
	font-family: 'Roboto',Arial,sans-serif;
	font-size: 17px;
	font-weight: 500;
	border: 1px solid #005DE9;
	-webkit-border-radius: 6px !important;
	   -moz-border-radius: 6px !important;
	        border-radius: 6px !important;
}

.col-padding {
	padding-left: 15px !important; padding-right: 15px !important;
}

span.p-span {
	display: block;
}

span.p-span:not(:last-child) {
	margin-bottom: 10px;
}

/* Quick Views */
.msb-quick-view {
	font-weight: 500;
	cursor: pointer;
	text-decoration: underline;
	display: inline-block;
	opacity: 0.8;
}
.msb-quick-view:hover, .msb-quick-view:focus {
	opacity: 1;
}
.msb-quick-view:focus {
	outline: thin dotted;
	outline: 1px dotted #005DE9;
	outline-offset: 0;
}
a.preview-view-link {
	color: #777;
}

/* WebUi Popovers */
.webui-popover-title {
	font-family: 'Roboto',Arial,sans-serif;
	font-size: 1.5em;
	font-weight: 500;
}
.webui-popover-title .sub-text {
	color: #A9A9A9;
	font-size: 1em;
	font-weight: normal;
	margin-left: 7px;
}
/* Correct WebUI-Popover image location */
.webui-popover i.icon-refresh {
	background-image: url('/users/images/loading.gif') !important;
}

/* NOTE: [.webui-popover-] is auto-prefixed to the [style] setting (we default it to preview or preview-iframe).
 *       See [webuiPopover] in script and [http://github.com/sandywalker/webui-popover] for details.
 */
.webui-popover-preview,
.webui-popover-preview-iframe {
	width: 65%;
	max-width: 800px;
	min-width: 400px;
	/* height: does not function very well when using iframes (scrollbars are out of sync).
	  If changed, make sure the scrollbar for the popover functions correctly! */
	max-height: 600px;
}
.webui-popover-preview-iframe .webui-popover-content {
	/* forces scrollbars to function properly when using iframe popovers */
	overflow: visible;
}

.webui-popover-inner .close {
	font-size: 1.5rem;
}

.webui-popover-product-view .webui-popover-content,
.webui-popover-product-view .webui-popover-content iframe {
	width: 100% !important;
	height: 100% !important;
	min-width: 40vw !important;
	min-height: 40vh !important; }
	@media (max-width: 768px) {
		.webui-popover-product-view {
			width: 75vw !important;
			margin-left:-10vw !important;
		}
	}
	@media (max-width: 320px) {
		.webui-popover-product-view {
			width: 75vw !important;
			margin-left: 0 !important;
			left: auto !important;
			right: 15px !important;
		}
	}
	@media (max-height: 450px) {
		.webui-popover-product-view {
			width: 50vw !important;
			margin-left:-25vw !important;
		}
		.webui-popover-product-view .webui-popover-content,
		.webui-popover-product-view .webui-popover-content iframe {
			min-height: 50vh !important;
		}
	}

/* ScrollUp plugin target */
#scrollUp {
    background-color: #777;
    border-radius: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    bottom: 80px;
    right: 15px;
    opacity: 0.7;
    z-index: 999 !important; /* Set to 999 to put behind modals, chat components, etc... */
}


.bottom-shadow {
	-webkit-box-shadow: 0 2px 5px 0 rgba(223,223,223,0.7);
	   -moz-box-shadow: 0 2px 5px 0 rgba(223,223,223,0.7);
	        box-shadow: 0 2px 5px 0 rgba(223,223,223,0.7);
}


/* Center on smaller than medium devices, otherwise pull right or left */
.center-left-md, .center-right-md {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
@media only screen and (min-width : 992px) {
	.center-left-md {
		float: left;
		text-align: left;
	}
	.center-right-md {
		float: right;
		text-align: right;
	}
}

/* Terms of Service (TOS) Notice */
.legal-doc-content-wrapper {
	background-color: #fff;
	color: rgba(0,0,0,0.87);
	font-family: Roboto,arial,sans-serif;
	font-weight: 400;
	font-size: 14px;
	justify-content: center;
	padding: 72px 48px;
	box-sizing: content-box;
}
@media (max-width: 647px) {
	.legal-doc-content-wrapper {
		padding: 24px;
	}
}
@media (min-width: 648px) {
	.legal-doc-content-wrapper {
		margin: 0 auto;
		width: 552px;
	}
}
@media (min-width: 1256px) {
	.legal-doc-content-wrapper {
		padding-right: 352px;
	}
}
@media (min-width: 1500px) {
	.legal-doc-content-wrapper {
		width: 760px;
	}
}

.legal-doc-modal .modal-dialog {
	max-width: calc(100% - 20px);
}
.modal .legal-doc-content-wrapper {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	overflow: auto;
	max-height: 200px;
	box-sizing: border-box;
}
@media (max-width: 647px) {
	.modal .legal-doc-content-wrapper {
		padding: 15px;
	}
}
@media (min-width: 648px) {
	.modal .legal-doc-content-wrapper {
		padding: 24px;
	}
}
@media (min-width: 992px) {
	.modal .legal-doc-content-wrapper {
		padding: 24px 48px 48px;
	}
}

.legal-doc-content {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	font-family: 'Roboto',Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.54;
}
.legal-doc-content h1 {
	color: #3c4043;
	display: inline-block;
	font-family: Roboto, arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.8px;
	line-height: 20px;
	margin: 1.236em 0 0.618em 0;
	text-transform: uppercase;
}
.legal-doc-content h1 + h2,
.legal-doc-content h2 + h3,
.legal-doc-content h3 + h2 {
	padding-top: 24px;
}
.legal-doc-content h2 {
	color: #3c4043;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	margin: 0;
	padding: 48px 0 0 0;
}
.legal-doc-content h3 {
	color: #3c4043;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	margin: 0;
	padding: 32px 0 0 0;
}
.legal-doc-content h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 1.236em 0 0.618em;
}
.legal-doc-content p {
	letter-spacing: .2px;
	line-height: 24px;
	padding-top: 20px;
}
.legal-doc-content p,
.legal-doc-content pre,
.legal-doc-content table {
	margin: 10px 0;
}
.legal-doc-content h1 + p,
.legal-doc-content h2 + p,
.legal-doc-content h3 + p,
.legal-doc-content h4 + p,
.legal-doc-content h5 + p,
.legal-doc-content h6 + p {
	margin-top: 0;
}
.legal-doc-content strong {
	color: #212121;
	font-weight: 500;
}
.legal-doc-content a {
	text-decoration: none;
}
.legal-doc-content a,
.legal-doc-content a:hover,
.legal-doc-content a:visited {
	color: #3367d6;
}
.legal-doc-content a:hover {
	text-decoration: underline;
}
.legal-doc-content ul,
.legal-doc-content ol {
	margin: 0 0 0 16px;
	padding: 0;
}
.legal-doc-content ul li {
	padding-top: 10px;
}
.legal-doc-content li {
	letter-spacing: .2px;
	line-height: 24px;
	padding-left: 16px;
	padding-top: 20px;
}
.legal-doc-content li > p:first-child {
	margin-top: 0;
	padding-top: 0;
}
.legal-doc-content ul ul {
	padding-left: 16px;
	list-style-type: disc;
}
.legal-doc-content table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em
}
.legal-doc-content tr {
	background-color: #fafafa
}
.legal-doc-content tr:nth-of-type(even) {
	background-color: #fff
}
.legal-doc-content th {
	background-color: #f5f5f5;
	text-align: left;
	border: 1px solid #eee;
	padding: 4px 12px;
	vertical-align: top
}
.legal-doc-content td {
	border: 1px solid #eee;
	padding: 4px 12px;
	vertical-align: top
}
.legal-doc-content td p {
	margin: 0px;
	padding: 0px;
}
.legal-doc-content td p:not(:first-child) {
	margin-top: 10px;
}
.legal-doc-content ins {
	background: #9f9;
	text-decoration: none;
}
.legal-doc-content del {
	background: #faa;
}
.legal-doc-content hr {
	border: 0;
	border-bottom: 1px solid rgba(151,151,151,0.5);
	margin: 24px 0 24px 0
}
/* End Terms of Service (TOS) Notice */

/* Center Modal Vertically */
.modal.modal-vertical-center {
	text-align: center;
}
.modal.modal-vertical-center:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.modal.modal-vertical-center > .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
@media only screen and (max-width : 768px) {
	.modal.modal-vertical-center:before {
		display: none;
	}
}

/* show/hidepassword */
.password-show {
	opacity: .5;
}
.password-show:hover{
	opacity: 1;
	text-decoration:underline;
	cursor: pointer;
}

/* SweetAlert2 */
.swal2-styled.swal2-confirm {
	color: #fff;
	background-color: #005DE9;
	border: 1px solid #005DE9;
}

.swal2-styled.swal2-cancel {
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* start PlainIconButton */
@keyframes button-icon-ink-focus-decay {
  0% {
    background-color: rgba(32,33,36,0.122);
    border: none;
    box-shadow: inset 0 0 0 1px #bdc1c6;
    opacity: 1;
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

@keyframes button-icon-ink-focus-decay-dark {
  0% {
		background-color: rgba(255, 255, 255, 0.302);
		border: none;
		box-shadow: inset 0 0 0 1px #fff;
		opacity: 1;
		transform: scale(1)
  }
  to {
    transform: scale(0);
  }
}

.PlainIconButton {
	border-radius: 2px;
	font-size: .875rem;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	color: #444; /**/
	-webkit-user-drag: none;
	line-height: 18px;
	padding: 0;
	outline: none;
	position: relative;
	z-index: 0;
	align-items: center;
	background: transparent;
	border: none;
	box-shadow: none;
	display: inline-flex;
	height: auto;
	justify-content: center;
	margin: 0;
	cursor: pointer;
}

.PlainIconButton-child {
	align-items: center;
	border: none;
	justify-content: center;
	outline: none;
	position: relative;
	z-index: 0;
	cursor: pointer;
	display: flex;
}

.PlainIconButton-i {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: black;
	opacity: 0.54;
	transition: opacity .15s cubic-bezier(0.4,0.0,0.2,1);
}

.PlainIconButton.dark .PlainIconButton-i {
	color: white;
	opacity: 0.7;
}

.PlainIconButton-mouseOver .PlainIconButton-i {
	opacity: 0.87;
}

.PlainIconButton-mouseOver.dark .PlainIconButton-i {
	opacity: 1;
}

.PlainIconButton-child::before {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
	z-index: -1;
	bottom: -10px;
	left: -10px;
	right: -10px;
	top: -10px;
	background: none;
	border-radius: 50%;
	box-sizing: border-box;
	transform: scale(0);
	transition-property: transform,opacity;
}

.PlainIconButton-mouseOver > .PlainIconButton-child::before {
	background-color: rgba(32,33,36,0.059);
	border: none;
	box-shadow: none;
	opacity: 1;
	transform: scale(1);
}

.PlainIconButton-mouseOver.dark > .PlainIconButton-child::before {
	background-color: rgba(255, 255, 255, 0.2);
	border: none;
	box-shadow: none;
	opacity: 1;
	transform: scale(1);
}

.PlainIconButton-mouseDown > .PlainIconButton-child::before {
	background-color: rgba(32,33,36,0.122);
	border: none;
	box-shadow: none;
	opacity: 1;
	transform: scale(1);
}

.PlainIconButton-mouseDown.dark > .PlainIconButton-child::before {
	background-color: rgba(255, 255, 255, 0.302);
	border: none;
	box-shadow: none;
	opacity: 1;
	transform: scale(1);
}

.PlainIconButton-hasFocus:not(.PlainIconButton-anim) > .PlainIconButton-child::before {
	background-color: rgba(32, 33, 36, 0.122);
	border: none;
	box-shadow: inset 0 0 0 1px #bdc1c6;
	opacity: 1;
	transform: scale(1)
}

.PlainIconButton-hasFocus.dark:not(.PlainIconButton-anim) > .PlainIconButton-child::before {
	background-color: rgba(255, 255, 255, 0.302);
	border: none;
	box-shadow: inset 0 0 0 1px #fff;
	opacity: 1;
	transform: scale(1)
}

.PlainIconButton-anim:not(.PlainIconButton-mouseDown) > .PlainIconButton-child::before {
	animation-duration: 0.3s;
	animation-name: button-icon-ink-focus-decay;
}

.PlainIconButton-anim.dark:not(.PlainIconButton-mouseDown) > .PlainIconButton-child::before {
	animation-duration: 0.3s;
	animation-name: button-icon-ink-focus-decay-dark;
}

.PlainIconButton-child::after {
	content: '';
	height: 200%;
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
}
/* end PlainIconButton */

/* textButton start */
.comp_textButton {
	display: inline-block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	border: none;
	user-select: none;
	vertical-align: top;
}

.comp_textButton-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.12);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.comp_textButton-hoverBg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #5f6368;
	opacity: 0;
}

.comp_textButton:hover .comp_textButton-hoverBg {
	opacity: 0.04;
}

.comp_textButton.comp_textButton-focus .comp_textButton-hoverBg {
	opacity: 0.12;
}

.comp_textButton.comp_textButton-active .comp_textButton-bg {
	opacity: 0.8;
}

.comp_textButton-text {
	color: #5f6368;
	font-weight: 500;
	font-size: 14px;
	line-height: 36px;
	white-space: nowrap;
	padding: 0 8px;
}
/* textButton end */

.webform-field-instructions {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
}

.has-error .webform-field-instructions {
	color: #b94a48;
}

.new-preview-fancybox .fancybox-iframe {
	border-radius: 8px;
}