@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

@font-face {
	font-family: 'cpTahoma';
	src: url('/fonts/tahomaRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@media print {
	div.print-area * {
		page-break-inside: avoid;
		page-break-before: avoid;
	}

	.print-area {
		margin: auto;
		padding: 10px;
		display: block;
	}

	.header {
		display: none;
	}

	#printCleanUp {
		display: none;
	}
}


.wider-modal {
	max-width:750px;
}
.disabled-content {
	pointer-events: none;
	opacity: 0.3;
}

.clickable {
	cursor: pointer;
}

.tr-hover:hover{
    background-color: lightgray;
}


	.clickable.card-header.collapsed:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.clickable.card-single-header.collapsed:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-top: 75%;
	}

	.clickable.card-multiline-header.collapsed:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-top: 200%;
	}

	.clickable.card-header:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.clickable.card-single-header:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		margin-top: 75%;
	}

	.clickable.card-multiline-header:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		margin-top: 200%;
	}

.strike-through {
	text-decoration: line-through
}

#resetAll {
	width: 100px;
}

.sub-menu li a {
	text-decoration: none;
}

.sub-menu li > a:not(:only-child):after {
	content: "➤";
	float: right;
}

#warning-row tr {
	border-top: none !important;
}

.api-warning {
	color: #d13529;
	cursor: no-drop;
}

.amount-warning {
	color: #d13529;
}

.confirm-text {
	color: #167e40;
}

.fee-notice {
	border-style: hidden;
}

.cp-warning {
	color: #d13529 !important;
}

/* logo flip animation*/
/* ----------------------------------------------
 * Generated by Animista on 2018-10-4 11:23:40
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-out-top-bck
 * ----------------------------------------
 */
@-webkit-keyframes swing-out-top-bck {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 1;
	}

	100% {
		-webkit-transform: rotateX(-100deg);
		transform: rotateX(-100deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 0;
	}
}

@keyframes swing-out-top-bck {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 1;
	}

	100% {
		-webkit-transform: rotateX(-100deg);
		transform: rotateX(-100deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 0;
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-4 9:29:12
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
	0% {
		-webkit-transform: rotateX(-100deg);
		transform: rotateX(-100deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 0;
	}

	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 1;
	}
}

@keyframes swing-in-top-fwd {
	0% {
		-webkit-transform: rotateX(-100deg);
		transform: rotateX(-100deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 0;
	}

	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transform-origin: top;
		transform-origin: top;
		opacity: 1;
	}
}

.card__face {
	position: absolute;
	height: 100%;
	line-height: 60px;
	text-decoration: none;
	backface-visibility: hidden;
}


.logo a {
	text-decoration: none;
	color: #ffffff;
}

.swing-out-top-bck {
	-webkit-animation: swing-out-top-bck 0.6s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
	animation: swing-out-top-bck 0.6s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
}

.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.9s both;
	animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.9s both;
}

/*Logo*/


.logo-start {
	font-family: cpTahoma !important;
	text-transform: lowercase;
	font-size: 48px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	font-style: normal;
	letter-spacing: 1px;
}

.header-row {
	clear: both;
}

.logo-portal {
	font-family: cpTahoma;
	text-transform: lowercase;
	font-size: 48px;
	font-weight: 400;
	text-decoration: none;
	color: #BAB0AF;
	font-style: normal;
	letter-spacing: 1px;
}

.smaller-font {
	font-size: 16px !important;
}

.middle-font {
	font-size: 20px !important;
}

.copyright {
	color: #959595;
	font-family: "Roboto",sans-serif;
	font-size: .75rem;
}

.site-name {
	font-size: 38px;
	margin-top: 4%;
	margin-bottom: 25px;
}

.logo-container {
	margin-top: 20px;
}

.trademark-big-logo {
	position: absolute;
	margin-bottom: 60px;
	font-size: 20px;
}

.trademark-little-logo {
	position: absolute;
	margin-bottom: 1px;
	font-size: 20px;
}

.hide-container {
	display: none;
}

.padding-zero {
	padding: 0 !important;
}

.no-max-width {
  max-width: none;
}

.trustee-card-header {
	padding: 0 !important;
	font-size: 14.4px !important;
	color: #777777 !important;
}

.disabled-payment {
	font-weight: bold;
	color: red;
}
.mobile-wrap {
	text-align: center;
	white-space: nowrap;
}


/*Used for Transaction Reporting*/
.t-vertical table,
.t-vertical thead,
.t-vertical tbody,
.t-vertical th,
.t-vertical td,
.t-vertical tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.t-vertical thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.t-vertical tr {
	border: 1px solid #ccc;
}

.t-vertical td {
	/* Behave  like a "row" */
	border: none;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align: left;
}

.t-vertical td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}

/*
Label the data
*/
.t-vertical td:before {
	content: attr(data-title);
}

@media screen and (max-width: 609px) {
	.shopping-cart {
		left: -5% !important;
	}

		.shopping-cart:after {
			left: 61% !important;
		}

    .news-section {
        flex-basis: auto !important;
    }
}

@media screen and (min-device-width : 610px) and (max-device-width : 780px) {
	.shopping-cart {
		left: -25% !important;
	}


	/* Carousel CSS*/
	.carousel-caption {
		position: absolute;
		right: 20% !important;
		bottom: 10px;
		left: 20% !important;
		z-index: 10;
		padding-top: 10px;
		padding-bottom: 1px;
		color: #fff;
		text-align: center;
	}

	.custom-carousel-caption {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	}
}

/* Custom css for mobile phones larger than Iphone 5 and includes tablets*/
@media screen and (max-width: 780px) {
	.clickable.card-multiline-header.collapsed:after {
		float: right;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-top: -33%;
	}
	.clickable.card-single-header.collapsed:after {
		float: right;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-top: -33%;
	}

	.clickable.card-multiline-header:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		margin-top: -33%;
	}
	.clickable.card-single-header:after {
		content: "\f077";
		font-family: "icomoon";
		float: right;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		margin-top: -33%;
	}

	#paymentButtonColumn {
		white-space: normal !important;
	}

	.table-mob td, .table-mob th {
		padding: .35rem;
	}

	.col-sm-6-mob {
		width: 100% !important;
	}

	.site-name {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.shopping-cart {
		left: -25%
	}

		.shopping-cart:after {
			left: 77% !important;
		}

	.logo-container {
		margin-top: 0px;
	}

	.account-number {
		font-size: calc(125%) !important;
	}

  .mobile-vertical.hide-footer tfoot {
      display: none;
  }

  .mobile-vertical th, .mobile-vertical tr, .mobile-vertical td {
    display: block;
    border: none;
  }

	.mobile-vertical-item {
		border: 1px solid rgba(0,0,0,.125) !important;
	}

	#SavedPaymentMethodId {
		width: 16em !important;
	}

	/* Force table to not be like tables anymore */
	.mobile-vertical table,
	.mobile-vertical thead,
	.mobile-vertical tbody,
	.mobile-vertical th,
	.mobile-vertical td,
	.mobile-vertical tr {
		display: block;
	}

		/* Hide table headers (but not display: none;, for accessibility) */
		.mobile-vertical thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	.mobile-vertical tr {
		border: 1px solid #ccc;
	}

	.mobile-vertical td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}

	.returned-payment-modal td {
		padding-left: 35%;
		width: 100%;
	}

	#amount-note {
		padding-left: 5% !important;
	}

	.fee-notice {
		padding-left: 5% !important;
	}

	.mobile-vertical td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	.mobile-vertical td:before {
		content: attr(data-title);
	}

	.right-align-mobile {
		text-align: right !important;
	}

	.less-left-padding-for-mobile {
		padding-left: 33% !important;
	}

	.trademark-big-logo {
		position: absolute;
		margin-bottom: 90px;
		font-size: 20px;
	}

	#site-picker-map {
		visibility: hidden;
		clear: both;
		float: left;
		margin: 10px auto 5px 20px;
		width: 28%;
		display: none;
	}
	.mobile-parcel-details {
		min-width: 85%;
	}

	.mobile-hide {
		display:none;
	}

	/* Carousel CSS*/
	.carousel-caption {
		position: absolute;
		right: 20% !important;
		bottom: 10px;
		left: 20% !important;
		z-index: 10;
		padding-top: 10px;
		padding-bottom: 1px !important;
		color: #fff;
		text-align: center;
	}

	.custom-carousel-caption {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	}

	@media screen and (max-width: 680px) {
		.stored-payment-method-card {
			inline-size: 245px !important;
		}

		@media screen and (max-width: 400px) {
			.stored-payment-method-card {
				inline-size: fit-content !important;
			}
		}
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* STYLES GO HERE */
	.shopping-cart {
		left: -10% !important;
		width: 290px !important;
		/*flex-basis: inherit;*/
	}

		.shopping-cart:after {
			left: 50% !important;
		}

	.displayname {
		width: 150px !important;
		flex-basis: auto;
	}

	.account-number {
		font-size: calc(125%) !important;
	}

	.mobile-hide {
		display: none;
	}

	/* Carousel CSS*/
	.carousel-caption {
		position: absolute;
		right: 15%;
		bottom: 10px;
		left: 15%;
		z-index: 10;
		padding-top: 10px;
		padding-bottom: 1px;
		color: #fff;
		text-align: center;
	}

	.custom-carousel-caption {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* STYLES GO HERE */
	.shopping-cart:after {
		left: 75% !important;
	}

	.mobile-parcel-details {
		min-width:85%;
	}

	.account-number {
		font-size: calc(125%) !important;
	}

	.mobile-hide {
		display: none;
	}

	/* Carousel CSS*/
	.carousel-caption {
		position: absolute;
		right: 15%;
		bottom: 10px;
		left: 15%;
		z-index: 10;
		padding-top: 10px;
		padding-bottom: 1px;
		color: #fff;
		text-align: center;
	}

	.custom-carousel-caption {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	}
}

/* Custom css for phones roughly around iphone 5 size*/
@media screen and (max-width: 360px) {

	.mobile-parcel-details {
		min-width: 85%;
	}
	.logo-start {
		font-size: 40px;
	}

	.logo-portal {
		font-size: 40px;
	}

	.icon-s:before {
		font-size: 30px;
	}

	.logo-container {
		margin-top: 20px;
	}

	.site-name {
		font-size: 20px;
		margin-top: 10px;
	}

	.col-sm-6 {
		max-width: 43% !important;
	}

	.shopping-cart {
		width: 285px !important;
	}

		.shopping-cart:after {
			left: 72% !important;
		}

	.middle-font {
		font-size: 20px !important;
	}

	.account-number {
		font-size: calc(125%) !important;
	}

	.mobile-hide {
		display: none;
	}
	.mobile-wrap {
		text-align: center;
		white-space: unset; !important;
	}

	/* Carousel CSS*/
	.carousel-caption {
		position: absolute;
		right: 10% !important;
		bottom: 10px;
		left: 10% !important;
		z-index: 10;
		padding-top: 10px;
		padding-bottom: 1px !important;
		color: #fff;
		text-align: center;
	}

	.custom-carousel-caption {
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0% !important;
	}

}

/* Modal CSS */
.modal-backdrop {
	display: none;
}

#modalButtonCancel {
	background-color: #DCDCDC;
}

#modalButtonSubmit {
	background-color: #11547b;
	color: #FFFFFF;
}

.modal-btn-submit {
	background-color: #11547b !important;
	color: #FFFFFF;
}

.col-sm-6 {
	max-width: 47%;
}

/*Button CSS*/
.dark-blue-button {
	display: inline-block;
	margin: 0 0 .625rem;
	line-height: 1;
	outline: none;
	color: #fff;
	background-color: #4e89a7;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	font-family: "Roboto";
	font-weight: normal;
	font-size: 1.125rem;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	transition: all 0.35s ease;
	border-radius: 15px;
	text-transform: none;
	padding: .9375rem 1.875rem .9375rem 1.875rem;
	text-align: center;
	line-height: .8rem;
	margin-bottom: 0;
	font-family: "Roboto",sans-serif;
	font-size: .9375rem;
}

	.dark-blue-button:hover,
	.dark-blue-button:focus,
	.dark-blue-button.active {
		color: #000;
		border-color: #262626;
		background-color: #f5f5f5;
		padding: .9375rem 1.875rem .9375rem 1.875rem;
	}

.smaller-button {
	padding: .9375rem 1.5rem .9375rem 1.5rem;
}

	.smaller-button:hover,
	.smaller-button:focus,
	.smaller-button:active {
		color: #000;
		border-color: #262626;
		background-color: #f5f5f5;
		padding: .9375rem 1.5rem .9375rem 1.5rem;
	}

.cart-button-in-tables {
	display: inline-block;
	margin: 0 0 .625rem;
	line-height: 1;
	outline: none;
	color: #fff;
	background-color: #4e89a7;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	font-family: "Roboto";
	font-weight: normal;
	font-size: 1.125rem;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	transition: all 0.35s ease;
	border-radius: 15px;
	text-transform: none;
	text-align: center;
	line-height: .8rem;
	margin-bottom: 0;
	font-family: "Roboto",sans-serif;
	font-size: .9375rem;
	padding: .7375rem .9rem .7375rem .9rem;
}

	.cart-button-in-tables:hover,
	.cart-button-in-tables:focus,
	.cart-button-in-tables.active {
		color: #000;
		border-color: #262626;
		background-color: #f5f5f5;
		padding: .7375rem .9rem .7375rem .9rem;
		text-decoration: none;
	}

.lg-button-input-right {
	border-top-right-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
}

.lg-button-input-left {
	border-top-left-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
}

.grey-button {
  display: inline-block;
  margin: 0 0 .625rem;
  line-height: 1;
  outline: none;
  color: #000;
  background-color: #dcdcdc;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 1.125rem;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  border-radius: 15px;
  text-transform: none;
  padding: .9375rem 1.875rem .9375rem 1.875rem;
  text-align: center;
  line-height: .8rem;
  margin-bottom: 0;
  font-family: "Roboto",sans-serif;
  font-size: .9375rem;
}

  .grey-button:hover,
  .grey-button:focus,
  .grey-button.active {
    color: #000;
    border-color: #262626;
    background-color: #f5f5f5;
    padding: .9375rem 1.875rem .9375rem 1.875rem;
  }


/* Password Validation CSS */
.password-validation-list li {
	list-style: none;
}

.correct-format {
	color: #28a745;
}

.wrong-format {
	color: #dc3545;
}


.password-validation-hide {
	max-height: 0;
	transition: 0.28s;
	overflow: hidden;
}

.password-validation-show {
	max-height: 200px;
}

.confirm-password-hide {
	display: none;
	max-height: 0;
	transition: 0.28s;
	overflow: hidden;
}

.confirm-password-show {
	max-height: 200px;
	display: inherit;
}


/* Carousel CSS*/
.carousel-img {
    max-width: 100%;
    height: auto;
}

.carousel-caption {
	position: absolute;
	right: 35%;
	bottom: 10px;
	left: 35%;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 1px;
	color: #fff;
	text-align: center;
}

.custom-carousel-caption {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}

	.custom-carousel-caption h5 {
		color: #ffffff;
	}

	.carousel-link {
	text-decoration: underline;
	color: white;
}



/* Tab Page CSS */
.lg-tab-nav-head {
	border-bottom: solid;
	border-bottom-color: #DCDCDC;
}

	.lg-tab-nav-head ul li {
		border-bottom-color: inherit;
	}

		.lg-tab-nav-head ul li:hover {
			background-color: #3783ba;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
		}

		.lg-tab-nav-head ul li a:hover {
			color: #ffffff;
		}

	.lg-tab-nav-head .nav-tabs {
		margin-left: unset;
		border-bottom: none;
	}

		.lg-tab-nav-head .nav-tabs .nav-item.show .nav-link,
		.lg-tab-nav-head .nav-tabs .nav-link.active {
			background-color: #3783ba;
			border-bottom-color: #3783ba;
			color: white;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
		}

.lg-tab-nav-content .row {
	margin-left: inherit !important;
}


/* Group Label CSS */
.group-label {
	margin: 0;
}




/* Switch CSS */
.switch-container {
	vertical-align: middle;
}

.switch {
  position: relative;
  display: inline-block;
  min-width: 50px;
  width: 50px;
  height: 23px;
  vertical-align: middle;
  font-size: 10px;
}

	.switch input {
		display: none;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 15px;
		width: 15px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input[type="checkbox"] + input[type="hidden"] + .slider,
input + .slider {
	color: white;
	background-color: red;
}

input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input:checked + .slider {
	color: white;
	background-color: green;
}



input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input:focus + .slider {
	box-shadow: 0 0 1px red;
}


input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}



.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.slider:after {
	content: 'OFF';
	color: white;
	display: block;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 70%;
}

/* Slider Disabled State */
input[type="checkbox"]:checked + input[type="hidden"] + .slider:after,
input:checked + .slider:after {
	content: 'ON';
	left: 25%;
}

input[type="checkbox"]:disabled + .slider {
  background-color: #ddd;
  cursor: not-allowed;
}

input[type="checkbox"]:disabled + .slider:before {
  background-color: #bbb;
}

input[type="checkbox"]:disabled + .slider:after {
  color: #999;
}

/*Pagination Overrides*/
.lg-pagination .page-item.active .page-link {
	background-color: #4E89A7;
	border-color: #4E89A7;
	color: #ffffff;
}

.lg-pagination .page-item .page-link {
	color: #4E89A7;
}

.card-header {
	font-size: 1rem;
	color: black;
}

#grecaptcha-box {
	width: 260px;
	overflow: hidden;
	position: relative;
	height: 75px;
}

	#grecaptcha-box .grecaptcha-badge {
		box-shadow: none !important;
	}

/*prevent bootstrap-vue css conflict*/
.v-select.dropdown .dropdown-toggle::after {
	content: normal;
}

.v-select.dropdown .form-control {
	height: inherit;
}



/* loader */
.loader {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9999995;
}

.loader-background {
	background-color: gray;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0.3;
}

.spinner-container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	opacity: 1.0;
	text-align: center;
	vertical-align: middle;
	z-index: 9999999;
	background-color: #fff;
	border: solid 1px #11547b;
	border-radius: 10px;
	box-shadow: none; /*0px 0px 20px 2px #11547b;*/
}

@keyframes lds-dual-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes lds-dual-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.lds-dual-ring {
	position: relative;
}

	.lds-dual-ring div {
		position: absolute;
		width: 140px;
		height: 140px;
		top: 30px;
		left: 30px;
		border-radius: 50%;
		border: 6px solid #000;
		border-color: #11547b transparent #11547b transparent;
		-webkit-animation: lds-dual-ring 1s linear infinite;
		animation: lds-dual-ring 1s linear infinite;
	}

.lds-dual-ring {
	width: 100px !important;
	height: 100px !important;
	-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
	transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}

.lgc-color-scheme {
	color: #fff;
	background-color: #4e89a7;
}

	.lgc-color-scheme:hover,
	.lgc-color-scheme:focus,
	.lgc-color-scheme:active {
		color: #000;
		border-color: #262626;
		background-color: #f5f5f5;
	}



*, *:before, *:after {
	box-sizing: border-box;
}

.main-color-text {
	color: #6394F8;
}

.lighter-text {
	color: #ABB0BE;
}

.shopping-cart {
	margin: 1px;
	float: right;
	background: white;
	width: 335px;
	position: absolute;
	border-radius: 15px;
	padding: 10px;
	z-index: 9999;
	left: -65px;
}

.shopping-cart-hidden {
	display: none;
}

.shopping-cart .shopping-cart-header {
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 15px;
}

	.shopping-cart .shopping-cart-header .shopping-cart-total {
		float: right;
	}

.shopping-cart .shopping-cart-items {
	padding-top: 20px;
}

	.shopping-cart .shopping-cart-items li {
		margin-bottom: 18px;
	}

	.shopping-cart .shopping-cart-items img {
		float: left;
		margin-right: 12px;
	}

	.shopping-cart .shopping-cart-items .item-name {
		display: block;
		padding-top: 10px;
		font-size: 16px;
	}

	.shopping-cart .shopping-cart-items .item-price {
		color: #6394F8;
		margin-right: 8px;
	}

	.shopping-cart .shopping-cart-items .item-quantity {
		color: #ABB0BE;
	}


.shopping-cart:after {
	bottom: 100%;
	left: 77%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: whitesmoke;
	border-width: 8px;
	margin-left: -8px;
	overflow: auto;
}


.cart-icon {
	color: #11547B;
	font-size: 24px;
	margin-right: 7px;
	float: left;
}

.check-cart {
	font-size: 25px;
	color: green;
}

.close-cart {
	color: darkred;
	font-size: 28px;
}

.close {
	font-size: 32px;
}

.edit-cart {
	font-size: 26px;
}

.badge-cart-count {
	background-color: #11547B;
	border-radius: 15px;
	color: white;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 3px 7px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.a-hover-overwrite:hover {
	cursor: default;
}

.back-button {
	color: red;
	position: absolute;
	top: 9%;
	left: 2%;
}

.vue-select-form-control {
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.county-picker {
	min-width: 260px;
}

.stackable-td {
	display: block;
	clear: both;
}

.privacy-text {
	font-style: italic;
	line-height: 16px;
}

.payment-card-icon {
	height: 36px;
}

a.disabled {
	pointer-events: none;
	cursor: default;
  }

.v-select.drop-up.vs--open .vs__dropdown-toggle {
	border-radius: 0 0 4px 4px;
	border-top-color: transparent;
	border-bottom-color: rgba(60, 60, 60, 0.26);
}

[data-popper-placement='top'] {
	border-radius: 4px 4px 0 0;
	border-top-style: solid;
	border-bottom-style: none;
	box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15)
}

.vs__open-indicator {
	fill: rgba(60,60,60,1) !important;
	transform: scale(1);
	transition: transform .15s cubic-bezier(1,-.115,.975,.855);
	transition-timing-function: cubic-bezier(1,-.115,.975,.855);
}


.shake-control {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	animation-iteration-count: infinite;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}


.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: 0.5;
}
.hr-text:before {
	content: '';
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 0.5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}

.button:disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.account-in-bad-standing {
  border: 1px solid red;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: red;
}

  .account-in-bad-standing .tooltiptext {
      visibility: hidden;
      width: 150px;
      background-color: red;
      color: white;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;

      position: absolute;
      z-index: 1;
  }

  .account-in-bad-standing:hover .tooltiptext {
      visibility: visible;
  }