body {min-height: 100vh;min-height: -webkit-fill-available;font-family: 'Lato', sans-serif;background-color: #F2F2F2;}
html {height: -webkit-fill-available;}
img {max-width:100%;height:auto;}

/*Login Register*/
body.login {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;height: 100%;padding-bottom: 0px;background: url(images/background-stripes.svg) fixed no-repeat;background-size: 100% auto;}
body.register {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;height: 100%;padding: 0;background: transparent url(images/background-stripes.svg) fixed no-repeat;}
.form-signin-wrap {width: 100%; max-width: 750px; padding: 50px; margin: auto;border:#DDD 1px solid;background-color:#FFF;}
.form-signin {width: 100%; max-width: 450px; margin: auto;}
.form-signin label {display: block;}
.form-signin .checkbox {font-weight: 400;}
.form-signin input {position: relative; box-sizing: border-box; height: auto;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="text"], .form-signin input[type="password"] {margin-bottom: 10px;width:100%; padding: 10px; font-size: 16px;border:#DDD 1px solid;}
.form-signin p {margin-bottom:0}
.form-signin p.login-username, .form-signin p.login-remember {margin-bottom:0.5rem;}
p.login-submit, p.login-register {width:48%;display: inline-block;float:left;}
p.login-register {float:right;}
.btn-login, .button-primary {background-color:#7C109A !important;color:#FFF !important;border:none;position: relative;box-sizing: border-box;height: auto;padding: 12px;font-size: 18px !important;display: block;width:100%;text-align:center;text-decoration: none !important}
.btn-login:hover, .button-primary:hover {background-color:#22236E !important;color:#FFF !important; text-decoration: none !important;}

.form-register input[type="text"] {margin-bottom:0;}
.form-register .nf-input-limit {margin:0;}
.form-register .nf-form-content input.ninja-forms-field {height:auto;}
.form-register #ninja_forms_required_items, .form-register .nf-field-container {margin-bottom:10px;}
.form-register h3 {text-align:center;}
.form-register .nf-form-fields-required {display:none;}
.form-register .nf-form-content textarea.ninja-forms-field {height:100px;}

/*Framework*/
main {height: 100vh !important;height: -webkit-fill-available;max-height: 100vh;overflow-x: auto;overflow-y: hidden;}
main main {overflow-y: visible;padding-right:10px;}
.dropdown-toggle { outline: 0;}
.btn-toggle {padding: .5rem 2rem;font-weight: 600;color: rgba(255, 255, 255, .65);background-color: transparent; text-align: left;width:100%;}
.btn-toggle a {text-decoration:none;color: rgba(255, 255, 255, .65);}
.btn-toggle:hover, .btn-toggle:focus, .btn-toggle a:focus, .btn-toggle a:hover, .current-menu-item .btn-toggle a {color: rgba(255, 255, 255, 1.0);}
.btn-toggle-parent::after {width: 1.25em;content: url("images/icons/right-arrow.svg");transition: transform .35s ease;transform-origin: .5em 50%;float:right;color: rgba(255, 255, 255, .85);}
.btn-toggle[aria-expanded="true"] {color: rgba(255, 255, 255, .85);}
.btn-toggle-parent[aria-expanded="true"]::after {transform: rotate(90deg);}
.btn-toggle-nav a {padding: .1875rem 0;margin-top: .125rem;margin-left: 15%;color: rgba(255, 255, 255, .85) !important;width:85%;display: inline-block;text-decoration: none;}
.btn-toggle-nav a:hover, .btn-toggle-nav a:focus, .btn-toggle-nav a:hover, .btn-toggle-nav a:focus {color: #FFF !important;}
.btn-toggle-nav .btn-toggle {padding: .25rem 0;width:90%;display:block;font-weight:400;} 
.scrollarea {overflow-y: auto; -ms-overflow-style: none;/* IE and Edge */scrollbar-width: none;  /* Firefox */}
.scrollarea::-webkit-scrollbar {display: none;}

.foot-btm-buttons img {max-width:90%;height:auto;}
.left-panel {background:#22236E url(images/bg-menu.svg) left top no-repeat; background-size: 100% auto;width:15%;}
.mid-panel {width:77%;}
.right-panel {background-color:#FFFFFF;width:8%;-moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.3);box-shadow: inset 0 0 20px rgba(0,0,0,0.3);}


.right-panel span.account, .right-panel span.cart, .right-panel span.support, .right-panel span.requests {width:80px;height:80px;background: url(images/icons/cart.svg) 0 0 no-repeat; background-size:100% 100%;text-decoration:none;display: inline-block;}
.right-panel span.account span, .right-panel span.cart span, .right-panel span.support span, .right-panel span.requests span {width:80px;height:80px;background: url(images/icons/cart-active.svg) 0 0 no-repeat; background-size:100% 100%;text-decoration:none;display: inline-block;display:none;}
.right-panel span.account {background-image: url(images/icons/account.svg);}
.right-panel span.account span {background-image: url(images/icons/account-active.svg);}
.right-panel span.support {background-image: url(images/icons/support.svg);}
.right-panel span.support span {background-image: url(images/icons/support-active.svg);}
.right-panel span.requests {background-image: url(images/icons/requests.svg);}
.right-panel span.requests span {background-image: url(images/icons/requests-active.svg);}
.right-panel span.cart:hover span, .right-panel span.cart:focus span, .right-panel span.cart.active span,
.right-panel span.account:hover span, .right-panel span.account:focus span, .right-panel span.account.active span,
.right-panel span.support:hover span, .right-panel span.support:focus span, .right-panel span.support.active span,
.right-panel span.requests:hover span, .right-panel span.requests:focus span, .right-panel span.requests.active span {display:block;}
.prof-pic {width:36px;height:36px;line-height:36px;vertical-align: middle;font-size:14px;color:#7D0D9A; text-align: center;font-weight:900;}

@media only screen and (max-width: 992px), only screen and (max-device-width: 992px) {
	.left-panel {width:50%;position: absolute;height: 100%; z-index: 4;}
	.mid-panel {width:100%;}
	.right-panel {width:40%;position: absolute;height: 100%;right: 0}
}

/*General styles*/
.breadcrumb-item {font-style:italic;font-weight:300;}
.breadcrumb-item strong {font-weight:900; font-style: normal;}
#breadcrumbs {font-style:italic;font-weight:300;}
#breadcrumbs strong, #breadcrumbs a {font-weight:900; font-style: normal;color:#000;text-decoration: none;}
.home-notes {border-left:#480959 20px solid;}
.home-sales {background:#7F2E87 url(images/purple-box.svg) center center no-repeat; background-size:110% auto;}
.home-rewards {background:#490D5A url(images/totals-box.svg) center center no-repeat; background-size:110% auto;}
.btn-redeem {background:#490D5A url(images/purple-box.png) center center no-repeat; background-size:100% auto;}
.btn-redeem-2 {background:#490D5A url(images/totals-box.png) center center no-repeat; background-size:100% auto;}
.btn-discover {background:#7F2E87 url(images/purple-box.png) center center no-repeat; background-size:100% auto;}
.btn-redeem::after, .btn-redeem-2::after, .btn-discover::after {width: 1.25em;content: url("images/icons/right-arrow.svg");transition: transform .35s ease;transform-origin: .5em 50%;float:right;color: rgba(255, 255, 255, .85);margin-top:5px;}

.accordion {border:none !important;border-radius: 0;}
.accordion-button {border:none !important;background-color:#22236E;color:#FFF;border-radius: 0;}
.accordion-button:focus {border:none !important;box-shadow:none;}
.accordion-button:not(.collapsed) {background-color:#7C109A;color:#FFF;border-radius: 0;}
button.accordion-button::after, button.accordion-button:not(.collapsed)::after {display: none;}
button.accordion-button::before {content: url("images/icons/right-arrow.svg");display: inline-block; border:none;font-size: 2rem;line-height: 25px;background-image: none;width: 22px;height: 22px;border-radius:15px;text-align: center; rotate: 90deg;}
button.accordion-button:not(.collapsed)::before {content: url("images/icons/right-arrow.svg");background-image: none;rotate: 270deg;}


.bg-nav-open {background-color:#7D0D9A;}
.bg-admin-buttons, .bg-custom {background-color:#7D0D9A;}
.bg-custom-dark {background-color:#480959;}

/*Old styles*/
.bg-dark {background-color: #111 !important;}
.bg-light {background-color: #F2F2F2 !important;}
.navbar-brand {margin-right: 0;}
.bg-custom-1 {background-color:#7F2E87;}
.bg-custom-2 {background-color:#7C109A;}

.promos img {filter: grayscale(100%); max-width: 160px;}
.training img {filter: none; max-width: 100%;}
.promos a {text-decoration:none;color:#000;}
.promos a:hover img, .promos a:focus img, .promos h3.active-icon img {filter: none;}
.promos a:hover i.fa, .promos a:focus i.fa {color:#7F2E87;}

.training-video {}
.training-video iframe {width:100%;}

.btn-custom-1 {background-color:#FFF;color:#7C109A;text-transform: uppercase;}
.btn-custom-2 {background-color:#7F2E87;}
.btn-custom-2:focus, .btn-custom-2:hover {background-color:#7C109A;}

.welcome-text h1, .highlight-text h1, .normal-text h1 {font-weight: 700;}
.welcome-text, .highlight-text, .normal-text {font-size: 110%;font-weight: 400;}
.welcome-text h2, .highlight-text h2, .normal-text h2 {font-weight: 600;margin-top:2rem;color:#7F2E87;}
.left-panel {}
.left-panel .h3 {margin:0;}

table.marking-assets {background-color:#3B2178;}
table.marking-assets tr {border-top:#FFF 4px solid;}
table.marking-assets.table-hover tbody tr:hover {background-color:#7F2E87;}
table.marking-assets tr td a {color:#FFF;opacity:0.8;width:100px;text-align: center;display:inline-block;}
table.marking-assets tr td a:hover {color:#FFF;opacity:1;}
table.dataTable.no-footer {width:100% !important;}

a.terms-footer {color:#FFF;text-decoration:underline;}
a.terms-footer:focus, a.terms-footer:hover {color:#FFF;text-decoration:none;}

a.icon-panel {color:#000;}
.icon-panel .card, .icon-panel-small {border-left:#000000 12px solid !important;}
a.icon-panel img {width:50px;height:50px;margin-right:10px;}
a.icon-panel span.h4 {line-height:60px;margin:0; display: inline-block;}
a.icon-panel:hover, a.icon-panel:focus {color:#7D0D9A;}
a.icon-panel:hover .card, a.icon-panel:focus .card {-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.icon-panel-small img {width:40px;height:40px;margin-right:8px;}
.icon-panel-small span.h4 {line-height:40px;margin:0; display: inline-block;}
.back-icon {width:77px;height:77px;display:inline-block;background: url(images/icons/back.png) center center no-repeat; background-size:100% auto;}

/*Reward Overrides*/
.wlr-myaccount-page {background-color:transparent !important;padding:0 !important;}
.wlr-myaccount-page .wlr-points-container {display:block !important;}
.wlr-myaccount-page #wlr-levels, .wlr-myaccount-page #wlr-points {width:100% !important;margin:12px 0 !important; min-height: auto !important; color:#FFF !important;background:#7F2E87 url(images/purple-box.svg) center center no-repeat !important; background-size:110% auto !important;}
.wlr-myaccount-page #wlr-points {background:#490D5A url(images/totals-box.svg) center center no-repeat !important; background-size:110% auto !important;}
.wlr-myaccount-page #wlr-points #wlr-redeemed-points {display:none;}
.wlr-myaccount-page .wlr-heading {margin-bottom:0 !important;}
.wlr-myaccount-page #wlr-available-points {border:none !important;width:100% !important;}
.wlr-user-details p:empty, .wll-footer-gift { display: none !important;}
.wlr-myaccount-page #wlr-levels p, .wlr-myaccount-page #wlr-points p {margin:0;}
.wlr-myaccount-page .wlr-user-details .wlr-points-name, .wlr-myaccount-page #wlr-available-point-value, .wlr-myaccount-page #wlr-redeemed-point-value, .wlr-myaccount-page #wlr-available-points-heading, .wlr-myaccount-page #wlr-redeemed-points-heading {color:#FFF !important;}

table.my_account_quotes {margin-top:20px !important;}

.home-img-news {width:300px;height:auto;max-width:50%;}

@media (min-width: 1200px) {
	.container{max-width: 1640px;}
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
}