@charset "UTF-8";

body {
	z-index: 0;
}

.body-footer {
	opacity: 1;
	transition: opacity 500ms;
}

.body-footer.transparent {
	opacity: 0;
}

div.content {
	background-color: #eee;
	padding-left: 0;
	padding-right: 0;
}

ul.nav {
	margin-bottom: 0;
	background-color: #E7E7E7;
	border-bottom: 0;
	padding-left: 1px;
}

ul.nav-tabs > li a {
	border: 0;
	outline: none;
}

ul.nav-tabs > li.active a, ul.nav-tabs > li.active a:hover, ul.nav-tabs > li.active a:active, ul.nav-tabs > li.active a:focus {
	border-bottom: 0;
	background-color: #eee;
}

.tab-content {
	border: 1px solid #ddd;
	padding-top: 15px;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3);
}

.tab-content > .tab-pane.active {
	margin-top: 0;
}

.label-shipment {
	color: #31708f;
	background-color: #d9edf7;
}

.label-license {
	background-color: #f2dede;
	color: #a94442;
	white-space: normal;
	text-align: left;
}

div.btn-group.open a.dropdown-toggle.manage-sub {
	box-shadow: none !important;
}

a.dropdown-toggle, button.dropdown-toggle {
	min-width: 95px;
	white-space: nowrap;
}

div.open > .manage-menu {
	position: absolute;
	top: 31px;
}

.pay-now {
	margin-top: 5px !important;
}

.manual-payment-option-display {
	display: inline-grid;
}

.manual-payment-option-display label {
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}

li.manual-payment-options {
	padding-top: 5px;
	padding-bottom: 5px;
}

.processing i.spinner {
	display: block;
}

.processing button.manageSubscriptionBtn > span {
	display: none;
}

.spinner {
	display: none;
}

.pay-spinner {
	margin-right: 15px;
}

.payment-dialog .modal-dialog {
	min-width: 400px;
}

.payment-dialog .modal-title {
	text-align: left;
}

.refresh i {
	color: #555;
}

.payment-icon {
	height: 25px;
}

.panel-body .well {
	margin-top: 6px;
}

.subscription-btn-group .btn-group {
	float: right;
}

.app-update-indicator {
	opacity: 1;
	z-index: 999;
	position: fixed;
}

a.refresh:hover {
	background-color: #ddd !important;
}

.refresh:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inactive {
	opacity: 0.5;
}

.contact-info {
	font-size: 13px;
}

.panel-title a {
	line-height: 18px;
}

.panel-inactive {
	opacity: 0.8;
}

.row.even, .row.odd {
	border-bottom: 1px solid #ddd;
	padding: 10px 0 0 0 !important;
}

.border-right {
	border-right: solid 1px #eee;
}

.payment-option-row {
	padding-bottom: 10px;
}

div.card-group {
	border-top: 0 !important;
}

.payment-method-detail label {
	vertical-align: bottom;
}

.item-image {
	width: 100%;
	max-width: 160px;
	padding-bottom: 10px;
}

.addon-image {
	padding-right: 0;
}

.addon-image img {
	width: 100%;
}

.norton .col-md-12 {
	display: table;
}

.norton .col-md-12 .pay-button-cell {
	display: table-cell;
	vertical-align: top;
	padding-top: 15px;
}

.norton .norton-block {
	float: left;
}

div.dates {
	padding-top: 10px;
}

@-moz-keyframes spinner {
		from {
		-moz-transform: rotate(0deg);
	}
		to {
		-moz-transform: rotate(360deg);
	}
	}

@-webkit-keyframes spinner {
		from {
		-webkit-transform: rotate(0deg);
	}
		to {
		-webkit-transform: rotate(360deg);
	}
	}

@keyframes spinner {
		from {
		transform: rotate(0deg);
	}
		to {
		transform: rotate(360deg);
	}
	}

.loading {
	-moz-animation: spinner 2s infinite linear;
	-o-animation: spinner 2s infinite linear;
	-webkit-animation: spinner 2s infinite linear;
	animation: spinner 2s infinite linear;
}

.nav > li > span {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.tab-pane {
	margin-top: 20px;
}

.modal-initial {
	z-index: 10000;
}

.modal-secondary {
	z-index: 20000;
}

.ns-popover-custom-theme {
	z-index: 30000;
}

div#payment-method-menu {
	width: 300px;
	height: 150px;
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	padding: 20px;
	background-image: url('payment/add-payment-method-background.png');
}

div#payment-method-menu  > div {
	width: 100%;
	padding-bottom: 10px;
}

div#payment-method-menu  > div  > button {
	width: 100%;
	text-align: left !important;
}

.email-login:focus:invalid {
	border: 1px solid #a94442;
}

p {
	margin: 5px 0 5px !important;
}

.discounted-item-total {
	border-top: 1px #ccc solid;
}

.manageSubscriptionBtn, .manageSubscriptionBtn:focus {
	outline: none;
	color: #FFFFFF;
	background-color: #428BCA;
	border-color: #428BCA;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 14px !important;
}

.manageSubscriptionBtn:hover {
	color: #FFFFFF;
	background-color: #3071A9;
	border-color: #3071A9;
}

.subscriptionUsePaymentMethodBtn, .subscriptionUsePaymentMethodBtn:focus {
	outline: none;
	color: #FFFFFF;
	background-color: #F0AD4E;
	border-color: #F0AD4E;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 14px !important;
}

.subscriptionUsePaymentMethodBtn:hover {
	color: #FFFFFF;
	background-color: #EC971F;
	border-color: #EC971F;
}

.addPaymentMethodBtn, .addPaymentMethodBtn:focus {
	outline: none;
	color: #FFFFFF;
	background-color: #F0AD4E;
	border-color: #F0AD4E;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 12px !important;
}

.addPaymentMethodBtn:hover {
	color: #FFFFFF;
	background-color: #EC971F;
	border-color: #EC971F;
}

.savePaymentDetailsBtn, .savePaymentDetailsBtn:focus {
	outline: none;
	color: #FFFFFF;
	background-color: #F0AD4E;
	border-color: #F0AD4E;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 14px !important;
}

.savePaymentDetailsBtn:hover {
	color: #FFFFFF;
	background-color: #EC971F;
	border-color: #EC971F;
}

.managePaymentMethodBtn, .managePaymentMethodBtn:focus {
	outline: none;
	color: #FFFFFF;
	background-color: #428BCA;
	border-color: #428BCA;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 14px !important;
}

.managePaymentMethodBtn:hover {
	color: #FFFFFF;
	background-color: #3071A9;
	border-color: #3071A9;
}

.confirmCancelBtn, .confirmCancelBtn:focus {
	outline: none;
	color: #000000;
	background-color: #CCCCCC;
	border-color: #CCCCCC;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 14px !important;
}

.confirmCancelBtn:hover {
	color: #000000;
	background-color: #DDDDDD;
	border-color: #DDDDDD;
}

.confirmOkBtn, .confirmOkBtn:focus {
	outline: none;
	color: #FFFFFF;
	background-color: #5CB85C;
	border-color: #5CB85C;
	border-radius: 4px !important;
	border-width: 1px !important;
	font-size: 14px !important;
}

.confirmOkBtn:hover {
	color: #FFFFFF;
	background-color: #449D44;
	border-color: #449D44;
}

.table > tbody > tr > td.vertical-align-middle, .vertical-align-middle {
	vertical-align: middle;
}

.apply-to-all-subscriptions label {
	padding: 3px 20px;
	font-weight: 400;
	font-size: 11px;
}

.apply-to-all-subscriptions label input {
	margin-right: 5px;
}

.text-red {
	color: #a94442;
}

.align-block {
	display: block;
}

#three-ds-authentication-wrapper {
	text-align: center;
}

#three-ds-authentication-wrapper #three-ds-authentication {
	position: relative;
	z-index: 10000;
	width: auto;
	height: 500px;
	border: none;
}

#overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	cursor: pointer;
}

#overlay > .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 50px;
	color: #dddddd;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.paginator {
	margin: auto;
	width: 50%;
}

.cancel-container {
	margin-top: 8px;
	text-decoration: underline;
}

.cancel-container a {
	color: #979797;
}

.unpause-button, .resume-button {
	margin-bottom: 8px;
}

.pay-now-container-custom {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.btn-container-custom {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.panel-body-trial-wp {
	border: 4px solid #FDBD7E;
}

.align-end {
	position: relative;
	top: 30px;
}

.panel-min {
	min-height: 218px !important;
}