/**
 * Vanilla Styles
 *
 * This second stylesheet is for hotfixes/vanilla CSS.
 * Do not edit the main style.css directly, rather
 * add your changes here if you are not compiling the Sass files.
 */
.page-member-login-page .panel-text .pal-login-table input[type=password], .page-member-login-page .panel-text .pal-login-table input[type=text], .page-member-login-page .panel-text td input[type=password], .page-member-login-page .panel-text td input[type=text], .page-member-login-page .panel-text tr input[type=password], .page-member-login-page .panel-text tr input[type=text] {text-transform:none !important;}


/*ACCESS ALLY CHECKOUT STYLES*/
.accessally-order-form-progress-icon{
   background-color: #28a7e4;
}
.accessally-order-form-progress-icon-highlight {
    background-color: #f3e836;
color:#000;
}
.accessally-order-form-progress-connection{
  background-color: #000;
}
.accessally-order-form-swap-option.accessally-order-form-swap-selected, .accessally-order-form-swap-option{
border:2px solid #ccc;
border-radius:0;
border-bottom:none;
background-color:#fff;
position:relative;
top:4px;
text-transform:uppercase;
font-weight:700;
color:#000;
}
.accessally-order-form-swap-option{
background-color:#ddd;
color:#828181;
}
.accessally-order-form-swap-option.accessally-order-form-swap-selected:hover, .accessally-order-form-swap-option:hover{
opacity:1;
}
.accessally-order-form-top-swap-selection-container{
border-bottom:2px solid #ccc;
padding-bottom: 2px;
}

.accessally-order-form-item-name, .accessally-order-form-success-headline.accessally-order-form-success-headline-1{
letter-spacing: .05em;
    background-image: linear-gradient(transparent 50%, #f3e836 55%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.001) 50%, #f3e836 55%);
    margin: 0 auto 4%;
    padding: 0 10px;
   display: inline-block; 
    width: fit-content;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.accessally-order-form-success-headline.accessally-order-form-success-headline-1{
font-size:30px;
display:block;
}
.accessally-order-form-success-headline.accessally-order-form-success-headline-2{
font-family: "Roboto Condensed", sans-serif;
color:#000;
font-size:30px;
text-transform:uppercase;
max-width: 80%;
    margin: 0 auto;
}
.accessally-order-form-item-detail{
margin:40px 20px;
}
.accessally-order-form-item-price{
  font-size:24px;
color:#cc4856;
}
.accessally-order-form-original-price{
color:#000;
font-size:20px;
}
.accessally-order-form-input input[type="email"], .accessally-order-form-input input[type="number"], .accessally-order-form-input input[type="search"], .accessally-order-form-input input[type="text"], .accessally-order-form-input input[type="tel"], input[type="url"], .accessally-order-form-input input[type="password"], .accessally-order-form-input 
textarea, .accessally-order-form-input select, .accessally-order-form-input select:not([multiple]){
font-weight:400;
margin-bottom:20px;
}
.accessally-order-form-input select:not([multiple]){
background-color: #fff;
    border-radius: 0;
    height: 45px;
    padding: 5px;
border: 1px solid #ecedeb;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTAsMGg2MEwzMCw0MEwwLDB6Ii8+Cjwvc3ZnPgo=);
}
.accessally-order-form-step-1-submit, .accessally-order-form-cc-pay, .accessally-order-form-success-button{
    width: auto;
    border-radius: 0px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background-color: #28a7e4;
    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
letter-spacing: .17em;
}
.accessally-order-form-success-button{
border:none;
color:#fff;
}
.accessally-order-form-step-1-submit:after, .accessally-order-form-cc-pay:after, .accessally-order-form-success-button:after{
margin-left: 2px;
    content: "\f0da";
    font-family: 'Font Awesome\ 5 Free';
}
.accessally-order-form-step-1-submit:hover, .accessally-order-form-cc-pay:hover, .accessally-order-form-success-button:hover{
opacity:1;
 background-color: #f3e836;
color:#000;
}

.accessally-order-form-order-summary, .accessally-order-form-coupon-section, .accessally-order-form-promo-active-text{
border:none;
background-color:#f3f3f2;
text-align:center;
border-radius:0;
}
.accessally-order-summary-immediate-due{
font-size:24px;
color:#cc4856;
}
.accessally-order-form-swap-selection-step-2 .accessally-order-form-top-swap-selection-container, .accessally-order-form-swap-selection-step-2 .accessally-order-form-swap-selection-header{
text-align:center;
}
.accessally-order-form-header{
text-align:left;
}
.accessally-order-form-order-summary .accessally-order-form-swap-option.accessally-order-form-swap-selected, .accessally-order-form-order-summary .accessally-order-form-swap-option, .accessally-order-form-coupon-button{
width: auto;
    border-radius: 0px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    border: 2px solid #28a7e4;
background-color:#28a7e4;
    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
letter-spacing: .17em;
color:#fff;
}
.accessally-order-form-coupon-button{
height: 45px;
    line-height: 45px;
    padding: 0 15px;
}
.accessally-order-form-order-summary .accessally-order-form-swap-option{
background-color:transparent;
color:#000;
}
.accessally-order-form-order-summary .accessally-order-form-swap-option.accessally-order-form-swap-selected:hover,.accessally-order-form-coupon-button:hover{
 background-color: #f3e836;
border-color:#f3e836;
color:#000;
opacity:1;
}
.accessally-order-form-order-summary .accessally-order-form-swap-option:hover{
color:#fff;
background-color:#28a7e4;
}
.accessally-order-form-original-price{
font-weight:700;
}
.accessally-order-form-order-total .accessally-order-summary-row:nth-child(2){
color:#cc4856;
font-weight:700;
font-size:24px;
}
.accessally-order-form-cc-section {
    border: 2px solid #828181;
    border-radius: 0;
}
.accessally-order-form-success-checkmark{
color:#28a7e4;
border: 4px solid #28a7e4;
}
.accessally-order-form-success-message{
color:#000;
}


/*NEW DASHBOARD STYLES FOR ACCESSALLY*/
@media (max-width: 575px) {
  .section-courses_catalogue .container {
    padding: 0 !important;
  }
}

.courses {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 850px;
  margin: 75px auto 0;
}
@media (max-width: 991px) {
  .courses {
    max-width: 100%;
  }
}
.courses .course {
  width: 47%;
  border: 1px solid #828181;
  margin-bottom: 8%;
  position: relative;
}
@media (max-width: 991px) {
  .courses .course {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .courses .course {
    margin-bottom: 50px;
  }
}
.courses .course.disabled {
  border: 1px solid #f2f2f0;
}
.courses .course.disabled .course-img img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.courses .course.disabled .course-txt {
  background-color: #f2f2f0;
}
.courses .course svg.fa-lock {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 32px;
  color: #828181;
}
.courses .course .course-img {
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  background-color: #f2f2f0;
}
.courses .course .course-img img {
  border-radius: 50%;
  max-width: 250px;
}
.courses .course .course-txt {
  box-sizing: border-box;
  padding: 40px 45px;
  text-align: center;
}
.courses .course .course-txt .course-title {
  margin: 0 auto 25px !important;
  text-align: center !important;
  font-size: 25px !important;
}
.courses .course .course-txt .course-title sup {
  top: -0.75em;
  font-size: 12px;
}
.courses .course .course-txt .course-desc {
  font-size: 17px;
}
.courses .course .button {
  position: absolute;
  bottom: -25px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 80%;
}
@media (max-width: 575px) {
  .courses .course .button {
    max-width: 95%;
  }
}