/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 4, 2017, 2:28:38 PM
    Author     : Jim Prinston J
*/
:root{
/*    --screen-width: 1440px;
    --screen-height: 900px;*/
    --modal-width: calc(var(--screen-width) / 100 * 22);
    --modal-font : calc(var(--screen-width) / 100 * .8);
    --modal-button: calc(var(--modal-width) / 100 * 20);
    --modal-padding  : calc(var(--modal-width) / 100 * 8);
    --modal-maxheight : calc(var(--screen-height) / 100 * 57); 
    --modal-borderradius : calc(var(--screen-height) / 100);
}

@font-face {
    font-family: 'Framework7 Icons';
    font-style: normal;
    font-weight: 400;
    src: url(c0087d4d5ddd32ec52f1859b42956db6.eot);
    src: local('Framework7 Icons'),
        local('Framework7Icons-Regular'),
        url(ae8767ca8ecf4b090af58eff5dd6d3a7.woff2) format("woff2"),
        url(2e9a0313ed02aed1e206340feb36ec5c.woff) format("woff"),
        url(4348368ab857cb57b18e1a87ba8ff284.ttf) format("truetype");
}

@font-face {
    font-family: 'Chalkboard SE';
    font-style: normal;
    font-weight: 400;
    src:
        url(44be9b9fc24d2c9030bb6e751c16b3a3.woff2) format("woff2"),
        url(2ef92f3f8f880cc16f3987328b858124.woff) format("woff"),
        url(e6625370913c14f07a0ff86c37a9bb02.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-Light';
    src: url(2d0bdc8df10dee036ca3bedf6f3647c6.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-LightItalic';
    src: url(c147d1302b974387afd38590072e7294.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-Regular';
    src: url(3ed9575dcc488c3e3a5bd66620bdf5a4.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-Italic';
    src: url(f6238deb7f40a7a03134c11fb63ad387.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-SemiBold';
    src: url(ba5cde21eeea0d57ab7efefc99596cce.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-SemiBoldItalic';
    src: url(4f04fe541ca8be9b60b500e911b75fb5.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-Bold';
    src: url(1025a6e0fb0fa86f17f57cc82a6b9756.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-BoldItalic';
    src: url(3a8113737b373d5bccd6f71d91408d16.ttf) format("truetype");
}
@font-face{ 
    font-family: 'OpenSans-ExtraBold';
    src: url(fb7e3a294cb07a54605a8bb27f0cd528.ttf) format("truetype");
} 
@font-face{ 
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url(37f52104364c2eb5482fd85777bda0ac.ttf) format("truetype");
} 
@font-face{ 
    font-family: 'OpenSans';
    src: url(95393d9faf957406807a05d8fba3f4fc.ttf) format("truetype");
}
select{
   font-family: 'OpenSans', sans-serif; 
}
/* font weight adjustment for safari browser */
.safari .classschedule-view .select-participant,
.safari .classschedule-view .cstm-new-back,
.safari .appointment-slot .day,
.safari .appointment-slot .appointment_staff,
.safari .appointment-slot .appointment_subtitle,
.safari .appointment-slot .appointment_spots_left,
.safari .appointment_proceed_checkout_page .class_checkout_confirmCartDetails,
.safari #class_quantity,
.safari #class_quantity span,
.safari #classschedulerform h3,
.safari .appointment_details .date,
.safari b,
.safari .nav-menu label,
.safari .summary-header_inner,
.safari .tableHeader,
.safari .upcome_table *:not(.section3,.section3 span,.section3 div),
.safari .retail_table *:not(.section3,.section3 span,.section3 div),
.safari .member_flexdiv .prop,
.safari .member_name,
.safari .past_due_header label,
.safari .summary_innersection .tab a,
.safari .misc_card_span,
.safari .custum_curr_cont_text p:nth-child(1),
.safari .mem-title-txt:not(.retail-subtitle),
.safari .retail-view .card-content h1,
.safari .retail-view .card-content h3,
.safari .retail-view price,
.safari .heading,
.safari  h1,
.safari .content-header,
.safari .green-checkout-btn,
.safari .title-bar h3.title,
.safari .card-content h3,
.safari .payment_heading,
.safari h2:not(.safari .custom-nav li h2.head)
{
    font-family: 'OpenSans-Bold' !important;
    font-weight: normal !important;
}

.student-font{
    font-family: 'Chalkboard SE';
}
body{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                        supported by Chrome and Opera */
    font-family: OpenSans, sans-serif;
}
.f7-icons, .framework7-icons {
    font-family: 'Framework7 Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
}
.demo-card-header-pic .card-header {
    min-height: 44vw;
    background-size: cover;
    background-position: center;
    display: block !important;
    color: #6d6d72 !important;
}
.event-des-height .card-header {
    min-height: 48vw;
}
.card-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height:23vw;
}
.card-content h3{
    margin: 1px !important;
    /*padding: 0px !important;*/
}
.card-element{
    color: white;
    font-size: 25px;
    font-weight: 500;
    text-shadow: 1px 1px #000000;
    display: block;
    width: 100%;
}
.card-head{
    color: white;
    font-size: 22px;
    font-weight: 400;
    color: white;
    text-shadow: 1px 1px #000000;
}
.card-desc{
    font-size: 14px;
    text-shadow: 1px 1px #000000;
    display: block;
    margin: 5% 0px;
}
.card-button{
    color: white;
    width: 130px;
    border: 1px solid white;
    text-shadow: 1px 1px #000000;
}
.card-header h3{
    text-align: center;
    margin-top: 15%;
}
.card-header h6{
    text-align: center;
}
.card-header-cur h3{
    text-align: center;
    margin-top: 15%;
}
.card-header-cur h6{
    text-align: center;
}

.content-block {
    margin-top: 10px;
}

.card{
    margin: 5px;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
}
iframe {
    /*position: fixed;*/
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    /*background: url('/assets/images/polina.jpg') no-repeat;*/
    background-size: cover;
}
.googlecaptchacss_position iframe{
    position:unset !important;
    margin-top:-20px;
    height:78px;
}
.color {
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    color:#fff;
}
.msg-btn{
    width: 150px;
}
.content-block{
    padding: 0 5px;
    padding-bottom: 18px;
}
/*.two-one h3{
    text-align: center;
    margin-top: 50%;
}*/
#login input, input[placeholder]{
    text-align:left;
}
.button{
    width: 130px;
}
.progressbar, .progressbar-infinite{
    position: absolute;
    z-index: 9999;
}
.plainwhite-infinite{
    position: absolute;
    z-index: 99999;
    background-color: white;
}
#login .ip-elements{
    background: white; border-radius: 8px; margin: auto;
}
#login form{
    margin:3%; 
}
.item-input span{
    font-size: 14px;
}

#view-4 .card{
    padding: 20px;
}
/*Center*/
.outer-whitelabel {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.outer {
    display: table;
    position: absolute;
/*    top:50px;*/
/*    height: 80%;*/
    width: 100%;
}
.login_access.outer {
    top: 50px;
}

.decider .outer {
    top: auto;
    height: 80%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.panel p {
    border-bottom: 1px solid lightgray;
    margin: 5px 0;
    padding-bottom: 8px;
}
.menu_icn{
    font-size:32px !important;
}

.myacc-page-content{
    margin-top: -70px;
    z-index: 505;
    position: relative;
}
.logo-cover {
    object-fit: cover;
    /*min-width: 100px;*/
    height: 32px;
}
.main-navbar-div .logo-cover{
    height: 52px;
    margin: 8px 0;
}
.login-screen-title{
    background: url(119deccfa1963cc9f28772d25a59b407.png) no-repeat;
    background-size: cover;
    width: 190px;
    height: 56px;
}
.tabbar a.active .referral{
    content:url(6e6ac1fbb79143748f753a791c0f1a6f.png);
}

.tabbar a .referral{
    content:url(54ff18b1b6682818cd525a1c8b479a90.png);
}

.tabbar a.active .referral::after{
    content:url(6e6ac1fbb79143748f753a791c0f1a6f.png);
    width:31px;
}

.tabbar a .referral::after{
    content:url(54ff18b1b6682818cd525a1c8b479a90.png); width:31px;
}

.menuimg{
    width: 22px; height:22px; margin-right: 5px; position: relative; vertical-align: middle;
}
.views{
    overflow:hidden;
}
.toolbar-inner-custom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2px 8px;
    box-sizing: border-box;
}
.custom-toolbar-height{
    height: 71px;
}
.custom-toolbar-xlheight{
    height: 82px;
}
.cstm-toolbar-xlheight{
    height: 92px;
}
.custom-toolbar-smheight{
    height: 51px;
}
.custom-toolbar-xsheight{
    height: 31px;
}
.toolbar-inner-custom-content{
    font-size: 11px;
}
.toolbar-button{
    width:100%; margin-top:4px; color:#009a62;
}
.custom-card-cont{
    padding-left:15px;  color:black;
}
.subcarthead{
    border: 1px solid black;
    padding: 5px;
}
.subcartqty{
    border: 1px solid gray !important;
    width: 40px !important;
    padding: 1px !important;
    height: 25px !important;
    margin-top: 6px !important;
    text-align: center;
    font-size:14px !important;
    -webkit-appearance: none;
}
.item-title{
    margin-top:10px;
}
.mild-hr{
    background-color: lightgray;
    height: 1px;
    border: 0;
}
.label_align{
    margin-left:10px;
}
.input-align{
    width:93%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.card-content-cus h3{
    margin: 1px;
    margin-bottom:8px;
    padding: 0px !important;
}
.textareadiv{
    max-height:80px;
    max-width:100%;
    overflow-y:auto;
    margin-left:15px;
    margin-right:15px;
    margin-top: 8px;
    font-size: 12px;
}
.input-cus[placeholder]{
    text-align:left;
    font-size:13px;
    width:93%;
    margin-top:5px;
    margin-bottom:5px;
    height:20px;
}
.input-cuswidth[placeholder]{
    text-align:left;
    font-size:13px;
    width:86%;
    margin-top:5px;
    margin-bottom:5px;
    height:20px;
}
.select-cuswidth1{
    width:43%;
}
.select-cuswidth2{
    width:95%;
    height: 26px;
}
.expiration_date{
    height: 26px;
}
.expiration_date + .expiration_date{
    margin-left: 5px;
}
.button.active-cus {
    background: #00ad68;
    color: #fff;
    border: 0px;
}
.custom-back{
    display: inline-block !important; margin-top: -4px;
    filter: hue-rotate(-60deg) brightness(1) contrast(1);
}
.oneline{
    display:inline-block;
}
#preloader-transp { position:absolute; left:0; top:0; background: rgba(0,0,0,.2); width:100%; height:100%; overflow-y: hidden; z-index: 10000; } 
.preloader-custom{ width: 44px; height: 44px; position: fixed;margin-left: 46%; top:45%; z-index:10001 }
.play-overlay{
    position: absolute;
    top: 30%;
    left: 35%;
    width: 150px;
   /* margin-top: -75px; Half the height */
    /* margin-left: -75px; */
}

.pad-l-30{
    padding-left: 30px;
}
.text-center{
    text-align: center;
}

#snackbarpaste {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
} 

#snackbarpaste.showpaste {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
    animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

.swiper-container {
    height: 100%;
}
.swiper-slide {
    background:#fff;
}
.swiper-slide span {
    text-align:center;
    display:block;
    margin:20px;
    font-size:21px;
}
.heading,h1{
    font-family:OpenSans;
    font-size: 21px;
    letter-spacing: -0.3px;
    font-weight: 600;
}
.heading{
    font-weight: 500;
}
.sub-text{
    font-family:OpenSans;
    font-size: 15.7px;
    letter-spacing: -0.3px;
    color:#919191;
    font-weight: 100;
}
.no-margin-bottom{
    margin-bottom: 0 !important;
}
.no-margin{
    margin:0 !important;
}
.button-text{
    font-family:OpenSans;
    font-size: 15.7px;
    font-weight: 500;
    text-align: center;
}
.big-green-button{
    min-width: 270px;
    min-height: 52px;
    background:rgb(0,137,87);
    border:1px solid rgb(0,137,87);
    color:white;
    margin:10px 0px;
    width: 80%;
}
.big-white-button{
    min-width: 270px;
    min-height: 52px;
    background:white;
    border:1px solid lightgray;
    color:black;
    margin:10px 0px;
    width: 80%;
}
.big-grey-button{
    min-width: 270px;
    min-height: 52px;
    background:#e7e7e7;
    border:1px solid lightgray;
    color:black;
    margin:10px 0px;
    width: 80%;
}
.button.active-state.big-grey-button{
    background:#f0f0f0;
    border:1px solid #f0f0f0;
}
.button.active-state.big-white-button{
    background:#f0f0f0;
    border:1px solid #f0f0f0;
}
.small-green{
    font-family:OpenSans;
    color:rgb(0,137,87);
    margin:20px 0px;
}
.ms-blue{
    /*color: rgb(85,180,225) !important;*/
    color: #007aff !important;
}
.disabled{
    opacity: 0.3;
}
.content-inner{
    padding:50px 25px 25px 25px;
}
/*.swiper-heading{
    font-family:OpenSans;
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 1.1;
    margin-top: 0px;
}
.swiper-content{
    font-family:OpenSans;
    font-size: 16px;
    letter-spacing: -0.3px;
    font-weight: 500;
}*/
.light-heading{
    font-family:OpenSans;
    font-size: 21px;
    letter-spacing: -0.3px;
    line-height: 1.1;
    margin-top: 0px;
    font-weight:400;
    /*padding:0 20px;*/
}
.light-content{
    font-family:OpenSans;
    letter-spacing: -0.3px;
    font-weight: 400;
    font-size: 15px;
}


.skip{
    z-index: 501;
    font-family:OpenSans;
    font-size: 16px;
    letter-spacing: -0.3px;
    font-weight: 500;
    color:rgb(190,190,190);
    margin-left:17px;
    /*float:left;*/
}
.next{
    z-index: 501;
    font-family:OpenSans;
    font-size: 16px;
    letter-spacing: -0.3px;
    font-weight: 500; 
    color: rgb(0,137,87);
    margin-right:17px; 
    /*float:right;*/
}
.custom-swiper-pagination{
    z-index: 501;
    width: 50% !important;
    margin: 0 25%;
}
.native .infinity_scroller_div{
    height: calc(100vh - 170px);
    overflow: auto;
 }
/*.swiper-pagination-bullet-active{
    background: rgb(0,137,87);
}*/
.sliderImages{
    width: 90%;
    max-width: 700px;
    margin: auto;
}
/*.swiper-toolbar{
    margin-top:-44px !important;
    background: #fff0 !important;
}
.swiper-toolbar::before{
    background: #fff0 !important;
}*/
.custom-list-block{
    font-family:OpenSans;
}
.custom-list-block ul{
    background:white; 
}
.custom-list-block ul::before{
    background-color:inherit;
}
.custom-list-block ul::after {
    /*background-color: white;*/
    /*width: 89%;*/
    margin-left: 15px;
}
.custom-list-block input[text]{
    color:black;
    font-family: OpenSans;

}
.safari .greentext-sm-bold{
    font-weight: 500 !important;
}
.greentext-sm-bold{
    font-family:OpenSans;
    font-weight: 600;
    font-size: 11px;
    color:rgb(0,137,87);
    float: right;
}
.lg-green{
    min-height: 62px;
    background:rgb(0,137,87);
    border:1px solid rgb(0,137,87);
    color:white;
    margin:10px 0px;
    width: 100%;
}
.custom-input{
    font-family:OpenSans;
}
.custom-input input[placeholder]{
    font-family:OpenSans;
    font-weight: 500;
    color: black;
}
.custom-modal-content{
    font-family:OpenSans;
    font-size: 17px;
    letter-spacing: inherit;
    font-weight: 500;
}
.custom-modal-green-button{
    min-height: 52px;
    background:rgb(0,137,87);
    border:1px solid rgb(0,137,87);
    color:white;
    /*margin:10px 0px;*/
    width: 100%;
    font-weight:500;
}
.custom-modal-white-button{
    min-height: 52px;
    width: 100%;
    font-weight:500;
    background:white;
    border:1px solid lightgray;
    color:black;
}
.custom-modal-white-black-button{
    min-height: 52px;
    width: 100%;
    font-weight:500;
    background:white;
    border:1px solid lightgray;
    color:black;
}
.cart_confirm .custom-modal-white-button+.custom-modal-green-button{
    margin-top: 10px;
}
.cart_confirm .custom-modal-green-button,.cart_confirm .custom-modal-white-button{
    min-height: 45px;
}
.discount-apply{
    width: 95%;
    /*height: 40px;    HEIGHT VARIES FOR ANDROID - 43px */
    background: #009a61;
    color:white;
    top:0;
    left:10px !important;
    border: 1px solid #009a61;
}
.discount-apply[disabled]{
    background: #d3d2d2;
    color: white;
    border-color: #d3d2d2;
}
.discount-apply:active[disabled]{
    background: #009a61;
    border-color: #808080;
}

.custom-input{
    height: 26px;
    min-width: 246px;
    width: 80%;
    font-family:OpenSans;
    text-align: center !important;
    margin: 5px;
    padding:10px;
    border-radius: 5px;
    border:1px solid lightgray;
    font-size: 16px;
    font-weight:500;
    color:black !important;
}
.custom-item-content{
    padding-bottom: 10px;
}
.label-title{
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    top:-2px;
}
.green{
    color: rgb(0,137,87);
}
.left{
    float:left;
}
.right{
    float:right;
}
.dropdown_icon{
    transform: rotate(90deg);
    position:absolute !important;
    font-size: 12px;
    left:35px;
    top:4px;
    /*z-index: 9999;*/
}
.transparent,.transparent:after{
    background:white !important;
}
.fixed-bottom{
    position: fixed;
    bottom:0;
    right:0;
    z-index: 9999;
}
.no-margin-bottom{
    margin-bottom: 0;
}
.square{
    border-radius: 0;
}
.error-span{
    color: red;
    font-size: 12px !important;
    margin: 0 !important;
}
.error-span-bottom{
    color: red;
    font-size: 12px !important;
    margin: 0 !important;
    position: absolute;
    right: 0;
    bottom: 0px;
}
.error-span-right{
    color: red;
    font-size: 12px !important;
    margin: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
}
.popover-student-country-angle{
    left:60px !important;
    /*top:-25px !important;*/
    /*transform: rotate(90deg);*/
}
.popover-operator-country{
    left:5px !important;
    /*top:240px !important;*/
}
.popover-operator-country-angle{
    left:40px !important;
    /*top:-25px !important;*/
    /*transform: rotate(90deg);*/
}
.popover-inner > .list-block > ul > li{
    font-size: 11px;
    padding:5px;
}
.drop-down-image{
    width:25px;
    padding:5px 5px 0 5px;
}
.selected-drop-down-image{
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 20px;
}
.flag-drop-down{
    border-bottom: 1px solid lightgrey;
    width:55px;
    position:absolute;
    bottom:0;
    height:25px;
    z-index: 9999;
}
.green-progressbar {
    background:#cfede1;
    height: 3px;
    width:50%;
    margin:5px 25%;
    position:fixed;
}
.green-progressbar span{
    background:rgb(0,137,87);
}
.bottom_fixed_small_text{
    position:fixed;
    bottom:75px;
    color:black;
    font-family: OpenSans;
    font-size: 10px;
    font-weight: 100 !important;
    left:0;
    right:0;
}
.decider_bottom_text{
    /*    position:fixed;
        bottom:70px;
        left:0;
        right:0;*/
    float: none;
    font-size:12px;
}
.toolbar-fixed-custom{
    /*BUTTON TEXT*/
    font-size: 18.7px;
    font-weight: 500;
    text-align: center;

    /*BUTTON FORMATTING*/
    min-height: 62px;
    background:rgb(0,137,87);
    border:1px solid rgb(0,137,87);
    color:white;
    /* margin:10px 0px; */
    width: 100%;

    /*FIXED POSTITION BOTTOM*/
    position: fixed;
    bottom:5px;
    right:0;
    z-index: 9999;
    margin-bottom: 0;

    /*SQUARE SHAPE BUTTON*/
    border-radius: 0;
}
.toolbar-fixed-login{
    /*BUTTON TEXT*/
    font-size: 15.7px;
    font-weight: 500;
    text-align: center;

    /*BUTTON FORMATTING*/
    min-height: 62px;
    background:rgb(0,137,87);
    border:1px solid rgb(0,137,87);
    color:white;
    margin:10px 0px 10px -15px !important;
    width: 100%;

    /*FIXED POSTITION BOTTOM*/
    position: fixed;
    bottom:0px;
    right:0;
    z-index: 9999;
    margin-bottom: 0;

    /*SQUARE SHAPE BUTTON*/
    border-radius: 0; 
}
.icon-bgimg {
    /*background-image: url('img/sheild-icon.png');*/
    background-repeat:no-repeat;
    background-size:contain;
    height:40px;
    margin-top: 20px;
}
.menu-icon-bgimg {
    background-repeat:no-repeat;
    background-size:contain;
    /*height:40px;*/
    width: 18px;
}
.footer-icon-bgimg {
    background-repeat:no-repeat;
    background-size:contain;
    height:23px;
    width: 23px;
}
.footer-icon-bgimg {
    background-repeat:no-repeat;
    background-size:contain;
    height:21px;
    width: 21px;
}
/*  43 - HOME, 10 - RESOURCES, 24- MESSAGES,  29 - TRIALS, 4 - RETAIL */
.footer_menu_mobile_43 .footer-icon-bgimg, 
.footer_menu_mobile_29 .footer-icon-bgimg,
.footer_menu_mobile_4 .footer-icon-bgimg{
    height: 22px;
    width: 22px;
}
.footer_menu_mobile_10 .footer-icon-bgimg{
    height: 22px;
    width: 22px;
    margin-top: 2px;
}
.footer_menu_mobile_24 .footer-icon-bgimg{
    height: 24px;
    width: 24px;
    margin-top: 2px;
}

.footer-icon-padding{
    padding:2px;
}
.tabbar a.active > .green-filter1{
    -webkit-filter:contrast(10%) invert(10%) sepia(100%) saturate(10000%) hue-rotate(-270deg);
    filter: contrast(10%) invert(10%) sepia(100%) saturate(10000%) hue-rotate(-270deg);
}
.tabbar a.active > .green-filter2{
    -webkit-filter: brightness(50%) contrast(50%) sepia(90) saturate(15) hue-rotate(-220deg);
    filter: brightness(50%) contrast(50%) sepia(90) saturate(15) hue-rotate(-220deg);
}
.tabbar a.active > .green-filter3{
    -webkit-filter: brightness(50%) contrast(50%) sepia(30) saturate(10) hue-rotate(-240deg);
    filter: brightness(50%) contrast(50%) sepia(30) saturate(10) hue-rotate(-240deg);
}
.tabbar a.active > .green-filter4{
    -webkit-filter: brightness(90%) contrast(60%) sepia(30) saturate(15) hue-rotate(-230deg);
    filter: brightness(90%) contrast(60%) sepia(30) saturate(15) hue-rotate(-230deg);
}
.tabbar a.active > .green-filter5{
    -webkit-filter:contrast(10%) invert(10%) sepia(100%) saturate(10000%) hue-rotate(-270deg);
    filter: contrast(10%) invert(10%) sepia(100%) saturate(10000%) hue-rotate(-270deg);
}

/*#login.login-screen.popup-login.modal-in, #login.login-screen.popup-login.modal-out{
    transform: translate(0, 100%, 0) !important;
    -webkit-transition-duration: 400ms !important;
    transition-duration: 400ms;
}*/
.next_icon{
    color: white;
    position: absolute;
    top: 76px;
    right: 25px;
}
.myAccount-sidemenu{
    position: absolute !important;
    /*    left:80px;
        margin: 0;*/
    font-weight: 500;
    font-size: 20px;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.15px;
    color: #000000;
    margin: 0px 15px;
    cursor: pointer;
    margin-left: 20px;
}
.custom-content-block-title{
    background: white;
    margin:0;
    padding: 15px 0 10px 10px; ;
    text-transform: none;
    color:black;
    font-weight: 600;
    font-size: 18px;
};
.menu_container{
    background:rgb(0,137,87);padding:10px 15px;
}
.myaccount-menu-top-head{
    color:white;
    font-size:20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.myaccount-menu-top-small{
    color: white;
    font-size:14px;
    font-weight: 200;
}
.myaccount-menu-top-small > a{
    color: white !important;
}
.with-navbar{
    margin-top: 45px
}
.icon-padding{
    padding:10px;
}
.btn-md{
    font-size: 16px;
    letter-spacing: -0.3pt;
    text-align: center;
    height:45px;
    width:48%;
    margin:1px;
}
.green-btn{
    color:white;
    background: rgb(0,137,87);
    border:1px solid rgb(0,137,87);
}
.grey-btn{
    color:white;
    background: rgb(147,158,170);
    border:1px solid rgb(147,158,170);
}
.bg-white{
    background: white;
}
.inline{
    display:inline-block;
}
.heading-bold-md{
    font-size:18px;
    letter-spacing: 0.1pt;
    font-weight: 600;
}
.heading-bold-sm{
    font-size:16px;
    letter-spacing: 0.1pt;
    font-weight: 600;
}
.content-inner-custom{
    padding: 15px;
}
.light-underline{
    border-bottom: 1px solid lightgray;
    padding:5px 0;
}
.light-details{
    color: #747474;
    font-weight: 400;
}
.payment_type_color{
    color: #747474;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.2px;
}
.modal-cancel-top{
    float:right;
    font-size:10px;
    font-weight: 600;
    padding:10px;
}
.modal-inputbox{
    font-weight: 600;
    font-family: OpenSans;
    width: 90%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid lightgray;
    margin: 10px 0;
    height: 25px;
    font-size: 14px;
}

ul.ul_card_view {
    padding :9px;
    /*background:#f6f6f6 !important;*/
    list-style:none;
    padding-top: 1px;
}

li.li_card_view{
    margin-top: 10px;
    background:#ffffff !important;
    border-radius: 7px !important; 
}

ul.ul_card_view > li.li_card_view > .item-inner:after, div.list-block > ul::after{
    background-color: #ffffff;
}


.nav_button_color{
    color: #00ad68 !important;
}

.menu_color{
    filter: hue-rotate(-60deg) brightness(1) contrast(1);
}

.referral-btn{
    border: 1px solid #00ad68;
    color: #00ad68;
}
.popover {width: 160px !important;}
/*.swiper-custom { position:relative; height:100%; }*/
.form-group {
    position:relative;  

    /*          & + .form-group {
                margin-top: 30px;
              }*/
}
.form-group + .form-group{
    margin-top: 30px;
}
#addNewCard > .form-group + .form-group, #edit_Buyer_Info > .form-group + .form-group{
    margin-top: 20px;
}
.form-label {
    position: absolute;
    left: 18px;
    top: 20px;
    color: black;
    /*    background-color: #fff;*/
    /*z-index: 10;*/
    transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.focused .form-label {
    transform: translateY(-125%);
    font-size: .80em;
}
.additionalfocused .form-label{
    transform: translateY(-40%);
    font-size: .85em;
}
.checkout .focused .form-label,.myaccount-sub-view .focused .form-label, #addNewCard .focused .form-label{
    top:20px;
}

.form-input {
    font-size: 14px; 
    height: 25px;
    background: transparent;
    font-weight: 500;
    position: relative;
    padding: 20px 0px 5px 15px;
    width: 100%;
    outline: 0;
    border: 0;
    /*box-shadow: 0 1px 0 0 #e5e5e5;*/
    transition: box-shadow 150ms ease-out;
    /*    border-bottom: 1px solid lightgrey;*/
    border-radius: 0;

    /*          &:focus {
                box-shadow: 0 2px 0 0 blue;
              }*/
}
.form-input :focus{
    box-shadow: 0 2px 0 0 blue;
}
.form-input.filled {
    /*box-shadow: 0 2px 0 0 lightgreen;*/
}
.custom-form-group{
    border-radius: 10px;
    background: rgb(244,246,248);
    border:1px solid rgb(244,246,248);
}
.custom-form-label{
    background: #fff0 ;
    left:15px;
    bottom:18px;
}
.custom-form-input{
    border:none;
    padding-left:15px;
    padding-top:20px;
    color: rgb(74,74,74);
    font-weight: 400;
}
.save-card{
    float: right;
    margin-right: 6%;
    font-size: 14px;
    font-weight: 400;
}
.custom-tabbar-label{
    font-weight: 500;
}
.tabbar a.active > .custom-tabbar-label{
    font-weight: 600;
}

.toolbar-inner > center > [disabled],.toolbar-fixed-login.button[disabled]{
    opacity:1;
    border: 1px solid rgb(81, 170, 137);
    background-color: rgb(81, 170, 137);
}
.button.active-state{
    background-color: rgb(81, 170, 137);
}
.student_login_page_1{
    max-width: 700px; min-width: 300px; margin: auto; padding: 3%;
}
.student_login_page_1_text{
    font-size: 24px;
}
.student_login_page_1_text > p{
    padding: 0px 2.5%; 
}

.cancel-top{
    margin-right: 15px;
    font-size: 12px;
    font-weight: 600;
    color: rgb(0,137,87);
}
.upcoming{
    color: #a2a2a2;
}
.upcomingLight{
    opacity:0.6;
}

.custom-login-outer{
    height:100%;
}
.custom-decider-outer{
    height:92%;
}
.custom-textarea{
    width: 98%;
    background: transparent;
    border: 1px solid rgb(244,246,248);
    border-top: 0;
    margin-left: 12px;
    margin-top: 20px;
    padding-bottom:5px;
    height: 35px;
    color: rgb(74,74,74);
    font-weight: 400;
    font-size:14px;
    resize: none;
}
.custom-textarea-label{
    /*transform: translateY(-125%);*/
    font-size: .75em;
    background: #fff0;
    left: 15px;
    bottom: 18px;
    position:absolute;
    top:5px;
    z-index: 9999;
}
.custom-textarea-formgroup{
    margin-top: 20px;
    position:relative;
    border-radius: 10px;
    border: 1px solid rgb(244,246,248);
    background: rgb(244,246,248);
}
.navbarTopBack{
    height: 20px;
    margin:0;
}
.navbar-right-align{
    margin-left: 190px;
}
.navbar-right-align1{
    margin-right: 15px;
}
.bg-white{
    background: white !important;
}
.no-padding{
    padding:0 !important;
}
.no-padding-bottom{
    padding-bottom:0 !important;
}
.create-button-width{
    width:90% !important;
}
.togglePasswordText{
    top: 22px;
    position: absolute;
    right: 0; 
    height: 24px;
}
.noUsernameAlign{
    margin: 5px 0 0 0;
}
.trouble-color{
    color:rgb(0,137,87);
}
.resetContentWidth{
    width: 100%;
    min-width: 280px;
}
.countryListOther{
    padding-top:8px;
    padding-bottom:12px;
}
.codeSentText{
    font-weight: 100;
    font-size: 18px;
    color:#9a9898;
}
.sheildIcon{
    float:left;
    width:15%;
    padding:0 2%;
}
.verificationFormAlign{
    float:right;
    width:77%;
    padding:0 2%;
}
.resendCodeAlign{
    margin: 7px 0 0 0;
}
.resendError{
    top:52px;
}
.termsBold{
    font-weight: 500;
}
#student_register .form-input.registerPhoneNumber{
    box-sizing: border-box;
    height:46px;
    padding-left: 55px !important;
    border-radius: 0;
}
.form-group .form-label.registerPhoneNumberLabel{
    left: 55px !important;
}
.red{
    color:red !important;
}
.panelColor{
    color: rgb(0,137,87) !important;
}
.myAccountMenuContent{
    background: #f6f6f6; 
    height: 100%;
}
.myAccountMenuTop{
    background:rgb(0,137,87);
    padding:10px 15px;
}
.white{
    color:white !important;
}
.no-margin-top{
    margin-top:0 !important;
}
.participantListContent{
    padding-bottom: 30px;
}
.labelAlignML{
    margin-left: 15px;
}
.participantProfilebuttons{
    padding:10px 0 0px;
    display:flex;
}
.labelAlignMT{
    margin-top: 15px;
}
.labelAlignMT2{
    margin-top: 30px;
}
.billingSelect{
    height: 45px; 
    font-size: 15px; 
    padding-left: 7px; 
    margin-top: 5px;
}
.expiryLabel{
    font-size: 12px;
}
.expiryWidth{
    /*width:75%;*/
}
.retail-view .expiryWidth{
    width:100%;
}
.retail-view .expiryWidth select{
    width:60%;
}
.expirySelect{
    margin-top: 5px;
}
.addParticipantButton{
    font-size: 15.7px;
    font-weight:500;
    /*-webkit-text-stroke: 0.7px #bebebe;*/
    cursor: pointer;
}
.participantDob{
    float:left;
    margin: 9px 0;
}
.modalCreateButton{
    font-size: 13.7px;
    margin-bottom:10px;
}
.modalresetButton{
    font-size: 13.7px;
}
.modalVerification{
    padding:20px;
}
.modalVerificationSent{
    color:#627280; 
    font-weight: 100;
    font-size: 18px;
}
.date-dropdowns{
    display: inline-flex;
    margin-bottom: 5px;
    width: 100%;
}
.date-dropdowns > .dob_month,.date-dropdowns > .dob_day,.date-dropdowns > .dob_year{
    width: 33.33%;
    height: 40px;
}
.date-dropdowns > .dob_day,.date-dropdowns > .dob_year{
    margin-left: 10px;
}
.participant_dob .date-dropdowns {
    width: auto;
}
.participant_dob .date-dropdowns > .dob_month,.participant_dob .date-dropdowns >.dob_day,.participant_dob .date-dropdowns >.dob_year{
    width: 75px;
    height: 35px;
}
.participant_dob .date-dropdowns >.dob_day,.participant_dob .date-dropdowns >.dob_year{
    margin-left: 5px;
}
#student_register .form-label, #student_form_login .form-label{
    left: 0px ;
}
#student_register .form-input, #student_form_login .form-input{
    padding-left: 0px !important;
    border-bottom: 1px solid lightgrey !important;
    width: 100%;
} 
.date-dropdowns > .dob_month,.dob_day,.dob_year{
    /*    width: 115px;
        height: 35px;*/
    margin: 0 5px;
    padding-left: 12px;
    color: #000000 !important;
}
.date-dropdowns > .dob_month{
    margin-left: 0;
}
.opt-disc-container{
    padding:15px;
}
.selecttag{
    margin-top: 5px;
    width: 100%;
    height: 45px;
    padding-left: 15px;
}
.participant_dob .date-dropdowns > .dob_month,.participant_dob .date-dropdowns >.dob_day,.participant_dob .date-dropdowns >.dob_year{
    padding-left: 0px;
}
.p-relative{
    position:relative;
}
.p-relative .dropdown, .dropdown1{
    position: absolute;
    top: 5px;
    left: -25px;
    width: 15px;
    pointer-events: none;
}
.dropdown1{
    top: 10px;
    width: 12px;
}
.labelleft{
    left:10px;
}
.button-overflow{
    margin-left: -17px;
    width: 115%;
}
/*NEW CSS DROPDOWN*/
.form-group .dropdown, .form-group .dropdown1,.editcreditdropdown .dropdown{
    position: absolute;
    top: 20px;
    left: auto;
    width: 15px;
    right: 10px;
    pointer-events: none;
}
.dropdown1{
    top: 20px;
    width: 15px;
}
.border-input{
    border-bottom: none;
}
.participant-delete{
    color:#000000;
    font-weight: 500;
    background-color:white;
    width: 49%;
    margin-left: 10px;
    border: solid 1px #979797;
    background-color:#ffffff;
    border-radius: 6px;
}
/*NEW CSS FOR NEW LOGIN & REGISTER SCREENS*/

.topbar{
    height: 33px;
    background: #f7f7f8;
    padding: 5px;
}
.nav-menu{
    height: 20px;
    padding: 10px;
}
.nav-menu label{
    font-size: 17px;
    font-weight: 600;
}
.custom-nav{
    color:#111111;
    font-family: OpenSans;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.custom-nav ul{
    list-style: none;
    background: rgb(239,239,239);
    padding: 5px;
    margin: 5px 0 0 0;
}
.custom-nav ul li{
    margin: 5px;
    background: #ffffff;
    padding: 10px 10px 10px 15px;
    border-radius: 5px;
}
.custom-nav li +li{
    margin-top: 10px;
}
.custom-nav li a{
    font-weight: 500;
}
.panel .custom-nav p{
    border:none;
    padding:0;
    margin:0;
}
.custom-nav li h2.head{
    font-size: 18px;
    font-weight: 500;
    margin:0;
}
.custom-nav li h2.head + .row .col-33{
    padding-top: 5px;
}
.custom-nav img{
    width: 25px;
    position: relative;
    top: 4px;
}
.custom-nav label.vertical{
    position: relative;
    top: -2px;
}
.custom-nav label.head{
    font-size: 17px;
}
.custom-nav .col-33 label.head{
    font-size:14px;
}
.custom-nav .col-33 img{
    width:30px;
    margin-bottom: 3px;
}
/*.account-decider .icon{
    width: 50px;
}*/
.account-decider .social-btn,.social-btn{
    width: 250px;
    /*margin: 5px 0;*/
    height: 50px;
    cursor:pointer;
}
.account-decider button{
    width: 250px;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0;
}
.account-decider label{
    font-weight: 500;
}
.link{
    color:#009a61;
    cursor:pointer;
}
.custom-input.green{
    border:1px solid rgb(0, 154, 97);
    color:rgb(0, 154, 97) !important;
    font-weight: 400;
    height: 20px;
    font-size: 13px;
}
.student_register, .account-decider, .login-screens{
    padding: 0 20px 20px 20px;
}
.panel {
  transform: translate3d(100%, 0, 0);
  transition-duration: 600ms;
}
/*.panel.panel-left.panel-cover {
    z-index: 6000;
    left: -90%;
}*/
/*body.with-panel-left-cover .panel-left {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}*/
.panel {
    width: 100%;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;

}
.dot{
    height: 9px;
    width: 9px;
    background-color:red;
    border-radius: 50%;
    display: inline-block;
}
/*CREDIT CARD  UI*/

.editcreditdropbtn {
    position: relative;
    top: -6px;
    left: 25px;
}
.editcreditdropdown {
    position: relative;
    display: inline-flex;
    width:100%;
    background:#f4f6f8;
    border-radius:10px;
    cursor:pointer;
}
.editcreditdropdown-content {
    display: none;
    position: relative;
    background-color: rgb(244,246,248);
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.editcreditdropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
}

.cstm-editcreditdropdown {
    display: block; 
    border-radius:10px;
    top: -42px;
}

.editcreditimage{
    position: relative;
    width: 20px;
    top: -5px;
    left: 20px;
}
.editcreditdropdown-content .editcreditimage{
    top: 2px;
    left: 5px;
}
.newcard{
    position: relative;
    top: 15px;
    left: 15px;
}
ul .newcard{
    left:5px;
    top:5px;
}
.newcard .dropdown{
    top: 6px;
}
.cc-group{
    padding-top: 10px;
}

.editcardexpiry{
    top: 14px;
    position: relative;
    float: right;
    right: 50px;
}
.payment_heading{
    font-weight: 700
}
.editcreditdropdown-content .dropdownccexpiry{
    float: right;
    padding-right: 50px;
}

/***** retail management system******/

.new_nav .navbar-inner{
    padding: 0 15px;
}
.retail-view .page-content,.event-main .page-content, .message-view .page-content, .curr-view .page-content, .reff-view .page-content, .memberships-view .page-content, .triallist-view .page-content{
    padding: 50px 10px;
}
.message-view .page-content,.curr-view .page-content, .reff-view .page-content{
    color: #6d6d72;
}
.message-view .card-listing+.card-listing{
    margin-top: 5px;
}
.retail-view .card-content h1{
    font-size: 16px;
    font-weight: 600;
}
.retail-view .card-listing .custom-card-cont{
    font-family: OpenSans;
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
    height: 80px;
}
.retail-view .card-content h1 strike{
    font-weight: 400;
}
.retail-view .card-footer p{    
    margin: 0;
    color: black;
    font-family: OpenSans;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.carousal_container{
    /*padding:50px 0 0 0;*/
    overflow: auto;
    white-space: nowrap;
    background: white;
    top: 0px;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
}
.page-content.horz_carousal,.page-content1.horz_carousal{
    padding:0 0 50px 0;

}
.page-content.horz_carousal.product_desc,.page-content1.horz_carousal.product_desc{
    top:-5px;
    background: white;
}
ul.horz_carousal {
    list-style-type: none;
    margin: 0;
    background: white;
    padding: 10px 0;
    position: relative;
    top: -5px;
    height: 20px;
    width:100vw;
    /*    border-bottom: 1px solid rgb(223,227,233);
        border-top: 1px solid rgb(223,227,233);*/
}
ul.horz_carousal li {
    padding: 0 15px;
    display: inline;
}
ul.horz_carousal li a{
    color:black;
}
ul.horz_carousal li.active a{
    color:rgb(0,137,87);;
}
.product_desc .card,.retail_cart .card{
    margin: 0;
    height: 85vh;
    overflow: auto;
}
.retail-view .product_desc .card-content h1{
    border-bottom: 1px solid rgb(223,227,233);
    padding-bottom: 5px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    width:100%;
}
.desc_select{
    height: 35px;
    width: 100%;
}
.retail-view .active-cus.toolbar-button{
    border-radius: 0;
    height: 45px;
    margin-top: 22px;
    padding-top: 10px;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 500;
    width: 100%;
}
.retail-view .toolbar-inner-custom{
    padding:0;
}
.toolbar-inner-custom .price{
    top: 10px;
    position: relative;
    font-size: 16px;
}
.page-content.retail_cart{
    padding:44px 0;
    /*background: #f3f2f2c2;*/
    padding-bottom: 170px !important;
}
.retail_cart h1{
    padding-left: 15px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid rgb(223,227,233);
    padding-bottom: 5px;
    margin-bottom: 0;
}
.retail_cart h3{
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}
.retail_cart_list{
    padding: 15px 15px 0 15px;
    position: relative;
    list-style: none;
    margin:0;
    margin:0 0 0 0;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
}
ul.retail_cart_list li:after{
    content:'';
    display:block;
    border-bottom:1px solid rgb(223,227,233);
    margin: 0 -15px;
}

.trash_icon_light{
    width: 16px;
    margin-top: 5px;
    float: right;
}
.form-group.regcols{
    margin-top:0 !important;
}
.retail_title{
    margin-top: 15px;
}
.retail_title .price{
    font-weight: 600;
}
ul.retail_cart_list li:first-child > .retail_title{
    margin-top: 0;
}
.web-view ul.retail_cart_list{
    padding-bottom: 15px;
}
.bordered-input{
    height: 30px;
    width: 100%;
    border-radius: 5px;
    box-shadow: none;
    text-align: center !important;
    color: rgb(155,155,155);
    border-top: 1px solid rgb(211,210,210);
    border-bottom: 1px solid rgb(211,210,210);
    border-right: 1px solid rgb(211,210,210);
    border-left: 1px solid rgb(211,210,210);
}
.retail-view .custom-toolbar-xlheight{
    /*height:80px;*/
}
.retail-view .custom-toolbar-xxlheight{
    /*height:108px;*/
}
.retail-view  .retail_cart .toolbar-price .active-cus.toolbar-button {
    margin-top: 4px;
}
.product_desc .card-content-inner{
    padding-bottom: 190px;
}
.custom-toolbar-xxlheight{
    height:100px;
}
.toolbar-price{
    /*padding-top: 8px;*/
}
.toolbar-price .active-cus.toolbar-button{
    /*margin-top: 5px;*/
}
.discount-container{
    position: relative;
    /*bottom: 181px;*/
    bottom: 195px;
    z-index: 6;
    background: white;
    padding: 5px 15px 15px;
    height: 707px;
}
.discount-box{
    margin: 5px;
}
.discount-box .bordered-input{
    width: 100%;
    height:30px;
    /*margin-right: 15px;*/
    top: 0px;
    position: relative;
    font-size: 14px;
}
.discount-container span{
    font-size: 12px;
}
.custom-toolbar-mdheight{
    height: 60px;
}
.custom-toolbar-xxxlheight{
    height: 125px;
}
.checkout-span{
    font-size: 13px;
    position: relative;
    top: -5px;
}
.custom-toolbar-xxxlheight .toolbar-price{
    padding-top: 15px;
}
.retail-view .custom-toolbar-mdheight .active-cus.toolbar-button{
    margin-top: 0px;
    height: 60px;
    padding-top: 17px;
    font-size: 18px;
}
.retail-view .custom-toolbar-xxxlheight .active-cus.toolbar-button{
    margin-top: 5px;
    font-size: 20px;
    height: 60px;
    padding-top: 17px;
}
.decider_signin{
    font-size:15px;
    letter-spacing: -0.24pt;
}
.greentext-sm-signin{
    font-family:OpenSans;
    font-size: 15px;
    color:rgb(0,137,87);
    letter-spacing: -0.24pt;
}
.heading-payment-retail{
    font-size:18px;
    letter-spacing: -0.24pt;
    font-weight: 600;
    position: relative;
    top: -2px;
}

.retail-payment-card{
    /*margin-right: 10px;*/
    width: 25px;
}

.retailwaiver{
    font-size: 14px;
    font-weight: 100;
}
.retail-view .page-content.retail_payment_update{
    background: white;
    padding: 40px 0 60px 0;
    height: calc(100% - 80px) !important;
    background: #f4f6f8;
}
.retail-view .page-content.retail_payment_method{
    background: white;
    padding: 45px 0 60px 0;
}
.retail-view .form-group + .form-group,.retail-view .labelAlignMT2,.retail-view .labelAlignMT2+.form-group{
    margin-top: 15px;
}
.retail_payment_update .card-content-inner{
    /*margin-bottom: 150px;*/
}
.retail-view .form-label,.retail_payment_update .expirySelect{
    color:rgb(74,74,74);
}
.retail-view .retail_payment_update .active-cus.toolbar-button{
    margin-top: 0;
}
.retail-view .focused .form-label{
    color:black;
}
.retail_waiver_container{
    padding: 15px 15px 150px 15px;
}
.error-span-bottom.expiry{
    left: 5px;
    bottom: -5px;
    position: relative;
}
.desc_input_group{
    margin-bottom: 15px;
}
.retail-view .card-listing .card-content h1{
    margin-bottom: 5px;
}
price{
    font-weight:600;
}
price strike{
    font-weight: 500;
}
.toolbar-price price strike{
    font-weight: 400;
}
.toolbar-price .total-text{
    font-weight: 500;
}
.valid_input{
    border-color: rgb(5,129,81);
}
.invalid_input{
    border-color: rgb(255,4,4);
}
.quantity_box{
    width: 35px;
    height: 24px;
    max-height: 35px;
    text-align: center !important;
    padding: 0px 10px;
}
.quantity_box_web{
    width: 35px;
    height: 24px;
    max-height: 35px;
    text-align: center !important;
    padding: 0px 10px;
}

.cart-badge{
    background: #00ad68 !important;
    position: relative;
    top: -23px;
    left: 20px;
}
.confirmbox-list{
    list-style:none;
    margin:0;
    padding:0;
}
.confirmbox-list li{
    padding: 5px;
    cursor:pointer;
    font-size: 16px;
}
.confirmbox-list li span{
    position: relative;
    top:-4px;
}
.confirmbox-list li:after{
    display: block;
    content:'';
    border-bottom: 1px solid rgba(165, 165, 165, 0.5);
}
.confirmbox-list li:last-child:after{
    border-bottom: none;
}
.retail-view .product_desc .active-cus.toolbar-button,.retail-view .retail_cart .active-cus.toolbar-button,.retail-view .retail_checkout .active-cus.toolbar-button{
    padding-top: 0px;
    margin-top: 5px;
}
.col-offset-60{
    margin-left: calc((100% - -25px*0.6666666666666667) / 1.6666666666666667);
}
.no-price-tb{
    height:45px;
}
.no-price-tb .toolbar-price{
    padding:0;
}
.no-price-tb .toolbar-price button{
    margin:0 !important;
}

/*MESSAGES SECTION CSS HERE*/
.chat_bubbles, .date_bubbles{
    margin: 10px 0 100px 0;
    padding: 0;
    list-style: none;
    color: black;
    word-wrap: break-word;
}
.chat_bubbles{
    margin: 10px 0;
}
.date_bubbles li span{
    background-color: #cde2fb;
    max-width: 80px;
    text-align: center;
    margin: 10px auto 5px auto;
    height: 13px;
    padding:2px 10px;
    font-size: 11px;
    clear: both;
    border-radius: 15px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.chat_bubbles li{
    /*margin:3px auto;*/
    padding:6px 12px;
    border:1px solid lightgray;
    border-radius: 15px;
    max-width: 80%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    clear: both;
}
.chat_bubbles li +li{
    margin:5px auto;
}
/*li.from + li.date, li.to + li.date{
    margin: 15px auto; 
}
.chat_bubbles li.from{
    background-color: #ffffff;
    float:left;
}
.chat_bubbles li.to{
    background-color: #e6f7f0;
    float:right;
}*/
ul.chat_bubbles:after,ul.date_bubbles:after{
    content: "";
    display: table;
    clear: both;
}
/*li.to + li.date,li.from + li.date{
    position: relative;
    top: 8px;
}*/
.keypad_container{
    position: absolute;
    bottom: 70px;
    width: 100%;
    padding: 0 10px;
    z-index: 5004;
    background-color: #efeff4;
    box-sizing: border-box;
}
.send_message{
    font-family: OpenSans;
    border-radius: 5px;
    resize: none;
    border:1px solid lightgray;
    font-size: 14px;
    color:black !important;
    padding: 5px;
    /* min-height:20px;
    max-height:60px; */
    height: auto;
    overflow: hidden; 
    background: white;
    width:100%;
    text-align: left;
}
.send_icon{
    position: relative;
    bottom: -12px;
    left:5px;
    cursor: pointer;
    max-width: 30px;
}
.badge-pos{
    background-color: red;
    top: -10px;
    position: relative;
    right: -15px;
    font-size: 12px;
}
.badge-pos-web{
    background-color: red;
    top: -25px;
    position: relative;
    right: -15px;
    font-size: 12px;
}
.clear{
    clear:both;
}
.convo-msg.msg-right .msg-text{
    background-color: #fff;
    text-align: left;
}
.convo-msg.msg-left .msg-text{
    background-color: #e6f7f0;
}
.convo-msg .msg-type{ 
    font-size: 8px; 
    margin-left:10px;
    font-weight: 700;
    color:#7e7e7e;
}
.convo-msg{ 
    margin: 0;
}
.convo-msg .msg-text{
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    max-width: 80%;
    word-wrap: break-word;
    padding: 6px 12px;
    border-radius: 15px;
    border: 1px solid lightgray;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.text-right {
    text-align: right;
}

/*STRIPE CSS*/ 
.StripeElement {
    background-color: white;
    height: 30px;
    padding: 6px 6px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    border-radius: 5px;
    background: rgb(244,246,248);
    margin-top: 10px;
}

#add-CardDetails .StripeElement, #retailUpdateCard .StripeElement {
    height: 35px;
    width: calc(100% - 15px);
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
.StripeElement iframe{
    position: relative;
    top: 10px;
    z-index: 9999;
}
.row.waiver .col-97{
    width: calc(100% - 33px);
}
.form-group{
    position: relative;
}
.form-group + .form-group {
    margin-top: 15px;
}
.verify-bank-account{
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    border: none !important;
    margin-right: 7px;
    width: 164px !important;
    background-color: white;
    color: black;
}
.verify-bank-account ~ .myacc-edit-btn{
    width: 164px !important;
}
.myaccount-primary button{
    box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.5);
}
.update_card_detail .modal-inner{
    padding: 0px;
}
/*.form-group input{
    font-size: 14px;
    height: 25px;
    background: transparent;
    position: relative;
    padding: 20px 0px 5px 15px;
    width: 95.5%;
    outline: 0;
    box-shadow: 0 1px 0 0 #e5e5e5;
    transition: box-shadow 150ms ease-out;
    border-bottom: 1px solid lightgrey;
    border-radius: 0;
    border: none;
    color: rgb(74,74,74);
    font-weight: 400;
}*/
/*.form-group label{
    position: absolute;
    top: 20px;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    background: #fff0;
    left: 15px;
    bottom: 18px;
    color: rgb(74,74,74);
    pointer-events: none;
    font-size: 16px;
}*/
.form-group,.form-group select{
    border-radius: 10px;
    background: rgb(244,246,248);
    border: 0px solid rgb(244,246,248);
}
.form-group select{
    font-size: 16px;
    color:rgb(74,74,74);
    -webkit-appearance: none;
    -moz-appearance: none;
}
.form-group .ip-alone{
    padding: 10px 10px 10px 15px;
}
.form-group.white-bg{
    position: initial;
    border-radius: 0;
    background: white;
    border: none;
}
.form-group.white-bg label.expiryLabel{
    position: initial;
    padding-left: 16px;
}
.form-group.expiryWidth label{
    font-size: 12px;
}
.form-group + .form-group,.labelAlignMT2,.labelAlignMT2+.form-group,.form-group+.form-group-split.row,.form-group-split.row+.form-group{
    margin-top: 15px;
}
.card-content h3{
    margin: 1px !important;
    /*padding: 0px !important;*/
}
.card-content-cus h3{
    margin: 1px;
    margin-bottom:8px;
    padding: 0px !important;
}
.desc .card-content h1,.desc .card-content h2{
    border-bottom: 1px solid rgb(223,227,233);
    padding-bottom: 5px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}
.desc .card-content h2{
    font-size: 16px;
    border:none;
    margin-top: 10px;
    font-weight: 400;
}

/*.title-bar{
        margin: auto -10px;
        padding: 0 10px 10px;
    }*/
.title-bar h1.title{
    font-size: 16px;
}
.item-title{
    margin-top:10px;
}
.title-bar{
    border-bottom: 1px solid #efefef;
    padding: 15px;
}
.classschedule-view .title-bar{
    border-bottom: 1px solid #efefef;
    padding: 15px;
    border-top: 1px solid #efefef;
}
.title-bar h1.title {
    font-size: 17px;
    letter-spacing: 0.24px;
    font-weight: 600;
    margin: 0;
}
.date-select .content-block-title{
    text-align: center;
}
.waiver-text{
    font-size: 14px;
    font-weight: 100;
    max-height:92px;
    overflow-y:auto;
    text-align: left;
}
.event-des-height .card-header {
    min-height: 48vw;
}
.card-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height:23vw;
}
.card-content h3{
    margin: 1px !important;
    /*padding: 0px !important;*/
}
.card-element{
    color: white;
    font-size: 25px;
    font-weight: 500;
    text-shadow: 1px 1px #000000;
    display: block;
    width: 100%;
}
.card-head{
    color: white;
    font-size: 22px;
    font-weight: 400;
    color: white;
    text-shadow: 1px 1px #000000;
}
.card-desc{
    font-size: 14px;
    text-shadow: 1px 1px #000000;
    display: block;
    margin: 5% 0px;
}
.card-button{
    color: white;
    width: 130px;
    border: 1px solid white;
    text-shadow: 1px 1px #000000;
}
.card-header h3{
    /*            color: black;*/
    /*            font-size: 21px;*/
    /*            font-weight: 400;*/
    /*            text-shadow: 1px 1px #000000;*/
    text-align: center;
    margin-top: 15%;
}
.card-header h6{
    /*            color: black;*/
    /*            font-size: 12px;*/
    /*            text-shadow: 1px 1px #000000;*/
    text-align: center;
}
.card-header-cur h3{
    text-align: center;
    margin-top: 15%;
}
.card-header-cur h6{
    /*            color: black;*/
    /*            font-size: 12px;*/
    /*            text-shadow: 1px 1px #000000;*/
    text-align: center;
}
.card-listing .custom-footer p {
    margin: 0;
    color: black;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.padding-modal{
    padding: 10px 0px;
}
#wepay-ach-wrapper{
    z-index: 9999 !important;
    left: 0 !important;
}
#wepay-ach{
    left: 0 !important;
    margin-left: 0 !important;
}
.col-33-cardlisting{
    width:33.33%;
}
.card_container{
    max-width: 1200px;
    margin: auto;
    /*max-height: calc(100vh - 200px);*/
    /*overflow-y: auto;*/
}
.oneline{
    display:inline-block;
}
.toolbar{
    margin: auto;
    position: sticky !important;
    /*min-height: 60px;*/
}
.fixed-text{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: black;
}
.demo-card-header-pic .card-header{
    background-size: contain;
    background-position: center;
    display: block !important;
    color: #6d6d72 !important;
    background-repeat: no-repeat;
    width: 100%;
    padding: 25%;

}
.page-content{
    background: white;
    padding: 100px 0px 60px 0px !important; 
}
.card-listing .card {
    margin: 10px;
    max-width: 389.95px;
}
.card-listing .card-image {
    height: 22vw;
    margin-top: 1px !important;
    max-height: 175px;
}
price {
    font-weight: 600;
    color: black;
}
.carousal_select {
    border: none;
    -webkit-appearance: none;
    font-size: 18px;
    font-weight: 500;
    max-width: 100%;
    padding-right: 20px;
    cursor: pointer;
}
.keypad_container{
    background-color: #ffffff;  
}
.custom-tabbar-label{
    padding-bottom: 2px;
}
.cstm-cursor-ptr{
    cursor: pointer;
}
.card-listing .card {
    max-width: 100%;
}
/*// New*/
.desktop-toolbar{
    display: block;
}
.logo-cover{
    margin-left: 20px;
}
.desktop-toolbar-label{
    font-size: 11px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0.30px;
    font-family: OpenSans;
}
.mobile-view{
    display:none !important;
} 
.web-view{
    display:block;
}
.new-txt-title{
    border-bottom: 1px solid rgb(223,227,233);
    padding-bottom: 5px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}
.navbar::after,.toolbar::before{
    /*background-color: #efefef;*/
    /*background-color: #c4c4c4;*/
    background:none;
}
.navbar-inner.fixed-navbar.desc.navbar-on-center, .navbar-inner.fixed-navbar.desc,
.navbar-inner.fixed-navbar.date-select.navbar-on-center, .date-select .container, 
.navbar-inner.fixed-navbar.clist.navbar-on-center,.navbar-inner.fixed-navbar.clist,
.navbar-inner.fixed-navbar.cart, .clist .container ,.navbar-inner.fixed-navbar.registration,
.navbar-inner.fixed-navbar.date-select,.navbar-inner.fixed-navbar.checkout,
.navbar-inner.fixed-navbar.calendar-select.navbar-on-center, .calendar-select .container,.navbar-inner.fixed-navbar.calendar-select{
    max-width: 1200px;
    margin: auto;
    position: relative;
    /*border-bottom: 1px solid rgb(223,227,233);*/
}
.navbar-inner.fixed-navbar.checkout{
    max-width: 1200px;
}
.navbar-on-left .left, .navbar-on-left .right, .navbar-on-left .center, .navbar-on-left .subnavbar, .navbar-on-left .fading {
    /*opacity: 2;*/
}
.navbar-inner.fixed-navbar.list{
    max-width: 1200px;
    margin: auto;
    position: relative;
}
.view.reff-view .navbar .navbar-inner,.view.tab.myaccount-view .navbar .navbar-inner,.view.message-view .navbar .navbar-inner,.view.tab.curr-view .navbar .navbar-inner{
    max-width: 1200px;
    left: 50%;
    transform: translate(-50%, 0%);
    /*border-bottom: 1px solid rgb(223,227,233);*/
}
.view.tab.curr-view .navbar .navbar-inner{
    border:none;
}
.page-content{
    /*height: calc(100% - 110px);*/
    background: #f4f6f8;
}
.navbar{
    background-color: white;
}
.navbar .navbar-inner {
    padding: 0;
}

.web-container-maxwidth-905{
    max-width: 905px;
    margin: auto;
    padding-left: 15px;
}
.new-web
{
    margin-top:50px;   
}
.desc .web-view .card {
    padding: 15px;
}
.desc .web-view .active-cus.toolbar-button {
    padding-top: 0;
}
.active-cus.toolbar-button {
    border-radius: 0;
    height: 45px;
    margin-top: 5px;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 500;
}
.button-maxwidth {
    max-width: 500px;
    margin: auto;
    padding-top: 10px;
}
.desc .card-image {
    height: 22vw;
    max-height: 215px;
}
.desc .card-content h2 {
    font-size: 16px;
    border: none;
    margin-top: 10px;
    font-weight: 400;
}
.desc .card-content h1, .desc .card-content h2 {
    border-bottom: 1px solid rgb(223,227,233);
    padding-bottom: 5px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}
.navbar-inner.home {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
    max-width: 1200px;
    margin: auto;
    position: initial;
}
.f7-icons.menu_icn{
    color: black; 
}
.cstm-topbar{
    height: 80px;
    background-color: white;
    max-width: 1200px;
    margin: auto;
}
.cstm-topbar a{
    min-width: 44px;
    margin: 0;
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    position: relative;
    line-height: 44px;
    padding: 5px;
}
.form-group label {
    position: absolute;
    top: 17px;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    background: #fff0;
    left: 15px;
    bottom: 18px;
    color: rgb(74,74,74);
    pointer-events: none;
    font-size: 16px;
}
.form-group input {
    font-size: 14px;
    height: 25px;
    background: transparent;
    position: relative;
    padding: 20px 0px 5px 15px;
    width: 95.5%;
    outline: 0;
    /*box-shadow: 0 1px 0 0 #e5e5e5;*/
    transition: box-shadow 150ms ease-out;
    border-bottom: 1px solid lightgrey;
    border-radius: 0;
    border: none;
    color: rgb(74,74,74);
    font-weight: 400;
}
.form-group, .form-group select {
    border-radius: 10px;
    background: rgb(244,246,248);
    border: 1px solid rgb(244,246,248);
    font-size: 16px;
}
.waiver-text {
    font-size: 14px;
    font-weight: 100;
    max-height: 92px;
    overflow-y: auto;
    text-align: left;
}
.retail-view .card-content h1 {
    font-size: 17px;
    font-weight: 600;
}
.page{
    background: white;
}
.f7-icons.next_icon.white{
    top: 50px;
    cursor: pointer;
}
.mobile-center-logo{
    left: 0px !important;
}
.navbar .left{
    margin-left: 15px;
}
.desktop-toolbar{
    /*margin-right: 0px;*/
}
.cstm-toolbar-next{
    margin-bottom: 0 !important;
}
.desc-container{
    padding-bottom: 20px;
}
.opt-disc-container{
    padding: 0px;
}
.card-container-padding{
    /*padding-left: 15px;*/
}
.cstm-refr-page-content{
    margin-top: 0px;
}
.cstm-with-back-logo{
    margin-top: -5px;
    margin-left: 66px;
}
.cstm-without-back-logo{
    margin-left: 30px;
    margin-top: 0px;
}
.cstm-new-cancel{
    position: relative;
    color: black;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.1px;
    cursor: pointer;
    margin-top: -22px;
    margin-right: 10px;
}

.cstm-mobile-col50{
    width: 50% !important;
}
.cstm-mobile-col49{
    width: 49% !important;
}
.mem-cart{
    max-width: 905px !important;
}
.cstm-mrgn-rgt{
    margin-right: 10px;
}
.retail-crd-img{
    height: 8.5vw;
}
.cstm-col-49{
    width:49% !important;
}
.cstm-col-50{
    width:50% !important;
}
.block-with-text {
    overflow: hidden;
    position: relative;
    max-height: 50px;
    height: 50px;
    text-align: left;
    margin: 0;
    color: #000000;
}
.form-group.white-bg label.expiryLabel {
    position: initial;
    padding-left: 16px;
}
/* hide this code for desktop new nav bar */
/* .des-ev-nme{
    margin-top: -10px; 
    margin-left: 1px;
}
.des-re-nme{
    margin-top: -12px;
}
.des-ms-nme{
    margin-top: -10px;
}
.des-cu-nme{
    margin-top: -12px; 

}
.des-ref-nme{
    margin-top: -12px; 
}
.des-cart-nme{
    margin-top: -12px;
    display: block;
    text-align: center;;
} */
.des-ev-img{
    height: 25px;
    margin: 0px 0px 0px 7px;
    width: 35px;
}
.des-re-img{
    margin: 0px 0px 0px 0px;
    width: 30px;
    height: 30px;
}
.des-ms-img{
    margin: 0px 0px 0px 12px;
    width: 30px;
    height: 25px;
}
.des-cu-img{
    margin: 0px 0px 0px 15px;
    width: 30px;
    height: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;          
}
.des-ref-img{
    margin: 0px auto auto auto;
    width: 20px;
    /*height: 30px;*/
}
.des-ref-lst{
    margin-right: 15px;
    min-width: 85px !important;
}
.des-curr-lst{
    min-width: 70px !important;
}
.des-cart-img{
    margin: 0px auto auto auto;
    width: 30px;
    height: 20px;
    display: block;
    background-position: center;
}
.desc-container-trial{
    margin-top: 10px;
    width: 100%;
}
.desc-container-trial p {
    margin-top: 10px;
    /*        max-height: 150px;
            overflow: auto;*/
}
.safari .desc-container-trial p,.safari .desc-container p,.safari .waiver-text{
    /* Check if font-weight is bold and exclude a font family */
    :is([style*="font-weight: bold"]:not([style*="font-family"])){
        font-family: 'OpenSans-Bold' !important;
        font-weight: normal !important;
    }
}
.safari .new-big-grey-btn,
.safari .new-big-white-btn {
    font-size: 13.5px !important;
}
.new-big-grey-btn, .new-big-white-btn{
    min-width: 300px;
    min-height: 45px;
    font-size: 14.5px;
}
.new-maxwidth320-cont{
    max-width: 350px;
    overflow: auto;
    margin: auto;
    margin-bottom: 90px;
}
.new-web-signin-btn{
    border-radius: 0;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 500;
    width: 100%;
    background: #009a61;
    color:white;
}
.web-nav-back20{
    cursor: pointer;
    padding-bottom: 20px;
}
.web-nav-back50{
    cursor: pointer;
    padding-bottom: 50px;
}

.cstm-mobile-col50{
    width: 50% !important;
}
.cstm-mobile-col49{
    width: 49% !important;
}
.mem-cart{
    max-width: 905px !important;
}
.cstm-mrgn-rgt{
    margin-right: 10px;
}
.retail-crd-img{
    height: 8.5vw;
}
.cstm-col-49{
    width:49% !important;
}
.cstm-col-50{
    width:50% !important;
}
.block-with-text {
    overflow: hidden;
    position: relative;
    max-height: 50px;
    height: 50px;
    text-align: left;
    margin: 0;
    color: #000000;
}
.form-group.white-bg label.expiryLabel {
    position: initial;
    padding-left: 16px;
}
/* hide this code for desktop new nav bar */
/* .des-ev-nme{
    margin-top: -10px; 
    display: block; */
    /*    margin-left: auto;
        margin-right: 7px;*/
    /* text-align : center;
} */
/* .des-re-nme{
    margin-top: -12px;
    display: block;
    text-align: center;
}
.des-ms-nme{
    margin-top: -10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.des-cu-nme{
    margin-top: -12px;  
    display: block;
    text-align: center;
}
.des-ref-nme{
    margin-top: -12px; 
} */
.des-ev-img{
    height: 20px;
    margin: 0px auto auto auto;
    width: 35px;
    display: block;
    /*    margin-left: auto;
        margin-right: auto;*/
    background-position: center;
}
.des-re-img{
    margin: 0px auto auto auto;
    width: 30px;
    height: 20px;
    display: block;
    background-position:center;
}
.des-ms-img{
    margin: 10px 0px 0px 14px;
    width: 30px;
    height: 16px;
    display: block;
    /*margin-left: auto;*/
    margin-right: auto;
}
.des-cu-img{
    margin: 0px auto auto auto;
    width: 30px;
    height: 20px;
    display: block;
    background-position: center;

}
.des-ref-img{
    margin: 0px auto auto auto;
    width: 20px;
    /*height: 20px;*/
}
.des-ref-lst{
    margin-right: 15px;
    min-width: 85px !important;
}
.des-curr-lst{
    min-width: 70px !important;
}
.desc-container-trial{
    margin-top: 10px;
    width: 100%;
}
.desc-container-trial p {
    margin-top: 10px;
    /*    max-height: 150px;*/
    /*overflow: auto;*/
}
.new-big-grey-btn, .new-big-white-btn{
    min-width: 300px;
    min-height: 45px;
    font-size: 14.5px;
}
.new-maxwidth320-cont{
    max-width: 350px;
    overflow: auto;
    margin: auto;
    margin-bottom: 90px;
}
.new-web-signin-btn{
    border-radius: 0;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 500;
    width: 100%;
    background: #009a61;
    color:white;
}
.web-nav-back20{
    cursor: pointer;
    padding-bottom: 20px;
}
.web-nav-back50{
    cursor: pointer;
    padding-bottom: 50px;
}

#student_form_login > div.form-group, #student_register > div.form-group{
    background: none;
    border: none;
    font-size: 14px;
}
.light-underline{
    border-bottom: 1px solid lightgray;
    padding:10px 0;
}
#form-datepicker select,#form-datepicker_1 select{
    border-radius: 10px !important;
    background:rgb(244,246,248);
    border: 1px solid rgb(244,246,248);
    -webkit-appearance: none;
    -moz-appearance: none;
}
.myacc-new-txt-title{
    font-family: OpenSans;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.24px;
    color: #000000;
    cursor: pointer;
}
.myacc-main-row{
    border: solid 1px #e2e2e2;
    background-color:#ffffff;
    /*min-height: 70vh;*/
    margin-top: 30px;
}
.edit-buyer-info-btn{
    width: 89px;
    height: 29px;
    border-radius: 5px;
    background-color: #009a61;
    color: white;
    font-family: OpenSans;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #fff;
}
.remove-mar-top{
    margin-top: 0px;
}
.web-light-underline{
    border-bottom: none;
    padding: 30px 15px 0px;
}
.padding-content-inner-custom{
    padding-left: 30px;
}
.none-bor-botm{
    border-bottom: none;
}
.new-del-btn{
    border: solid 2px #e2e2e2;
    background-color:#ffffff;
    color: black;
}
.myacc-main-ul{
    list-style: none;
    padding: 5px 0px 0px 35px;
    cursor: pointer;
    /*position: fixed;*/ 
}
.myacc-main-ul > li > div{
    padding: 3px 35px 3px 0px;
}
.myacc-main-ul > li.active > div{
    border-right: solid 3px #009a61;
}
.myAccountMenuContent{
    width: 100%;
    overflow: hidden;
}
.labelAlignML30{
    margin-left: 30px;
}
.web-payment_type_color{
    color: #747474;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.2px;
}
.web-max-width640{
    max-width: 640px;
}
#addparticipantmodal .dob_year,#addparticipantmodal .dob_month,#addparticipantmodal .dob_day,#editparticipantmodal .dob_year,#editparticipantmodal .dob_month,#editparticipantmodal .dob_day{
    width: 80px;
    margin-left: -3px;
    padding-left: 0px;
}
#addparticipantmodal .dob_month,#addparticipantmodal .dob_day,#addparticipantmodal .dob_year,#editparticipantmodal .dob_month,#editparticipantmodal .dob_day,#editparticipantmodal .dob_year{
    margin-left: 2px;
    font-size: 14px
        /*text-align: center;*/
}
#addparticipantmodal .dob_year, #editparticipantmodal .dob_year{
    padding-left: 13px;
}
#editparticipantmodal .dob_month{
    padding-left: 9px;
    color: #000000;
}

/*HAS MONTH*/
#addparticipantmodal .dob_month1{
    padding-left: 2px;
}
#addparticipantmodal .dob_day, #editparticipantmodal .dob_day{
    padding-left: 15px;
}
#form-datepicker img,#form-datepicker_1 img{
    width:13px;
    position: absolute;
    margin-top: 17px;
    pointer-events: none;

}
#form-datepicker #dobimg1,#form-datepicker_1 #dobimg_1{
    margin-left: -194px;
}
#form-datepicker #dobimg2,#form-datepicker_1 #dobimg_2{
    margin-left: -115px;
}
#form-datepicker #dobimg3,#form-datepicker_1 #dobimg_3{
    margin-left: -28px;
}
/*NO DATE*/
#addparticipantmodal .dob_month{
    padding-left: 1px;
}
#addparticipantmodal #dobimg1{
    margin-left: -184px;
}
#addparticipantmodal .dob_day{
    padding-left: 9px;
}
#addparticipantmodal #dobimg2{
    margin-left: -111px;
}
#addparticipantmodal .dob_year{
    padding-left: 9px;
}
#addparticipantmodal #dobimg3{
    margin-left: -28px;
}
/*With date*/
#editparticipantmodal .dob_month{
    padding-left: 10px;
}
#editparticipantmodal #dobimg_1{
    margin-left: -192px;
}
#editparticipantmodal .dob_day{
    padding-left: 10px;
    color: #000000;
}
#editparticipantmodal #dobimg_2{
    margin-left: -111px;
}
#editparticipantmodal .dob_year{
    padding-left: 7px;
    color: #000000;
}
#editparticipantmodal #dobimg_3{
    margin-left: -29px;
}
.web-p30{
    padding: 30px;
}
.myacc-box-shadow{
    box-shadow: 0 1px 2px 0 rgba(184, 184, 184, 0.5);
}
.myacc-div-box-shadow{
    box-shadow: 0 2px 3px 0 rgba(184, 184, 184, 0.5);
}
.pl15{
    padding-left: 17px;
}
.myacc-forward-icon{
    width: 8px !important;
    float: right;
    right: 15px;
    filter: hue-rotate(-60deg) brightness(0) contrast(0) !important;
    cursor: pointer;
}
.myacc-addpart-btn{
    border-radius: 4px;
    border: solid 1px #009a61;
    background-color: #ffffff;
    color: #009a61;
    width: 25%;
    margin-left: 10px;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.05px;
    text-align: center;
    color: #009a61;
}
.mt30{
    margin-top: 30px;
}
.mod-dropdown-txt{
    font-size: 13px !important;
    color: black !important;
    padding-left: 0;
}
.cstm-modal-dropdown{
    top: 25px;
    width: 12px;
}
.cstm-modal-dropdown1{
    top: 23px;
    width: 12px;
}

.only-mob-view{
    display:none !important;
}
.not-mob-view{
    display:block !important;
}
.arrow_alignment{    
    top: 5px;
    position: absolute;
}
.web-mt100{
    margin-top: 100px;
}
.new-student-page-content{
    overflow: auto;
    box-sizing: border-box;
    height: 100% !important;
    position: relative;
    z-index: 1;
    margin-top: 0px !important;
    padding: 0px !important;
}
.mt40{
    margin-top: 40px !important;
}
.web-content-inner{
    padding: 0;
}
.ml0{
    margin-left: 0px !important;
}
.w100per{
    width: 100%;
}
.guestuserAchModallabel{
    font-size: 15px;
    width: 115%;
    display: inline-block;
    margin-left: -19px;
    border-bottom: solid 1px #bebebe;
    padding:20px 0px;
    cursor: pointer;
}
.achguestuserbutton{
    font-family: OpenSans;
    font-size: 15.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.10px;
    text-align: center;
    color: #009a61;
}
.pt0{
    padding-top: 0px !important;
}
.pt5{
    padding-top: 5px;
}
.pb5{
    padding-bottom: 5px;
}
.box-shad-none{
    box-shadow: none;
}
.box-shad-none-imprt{
    box-shadow: none !important;
}
.unver_text{
    font-size: 16px;
    color:red;
    margin:10px 5px;
}
.select-payment{
    width: 100%; 
    margin-top:20px;
}
.myacc-mob-main-div{
    padding-left: 15px;
    box-shadow: 0 1px 2px 0 rgba(184, 184, 184, 0.5);
    padding-top: 10px;
}
.mt2px{
    margin-top: 2px;
}
.mt-2px{
    margin-top: -2px;
}
.confirm_add_ach{
    position: relative;
    left: 30px;
    width: 55px;
}
.update_payment_method,.update_schedule_detail, .dis_modal, .sm_modal,.cardmodal_new{
    transform: translate(-50%,-50%) !important;
    margin: 0!important;
    transition-duration: 1ms !important;
    border-radius: 10px !important;
}
.centered-modal{
    margin:0!important;
    transform: translate(-50%,-50%) !important;
    width: 360px !important;
    transition-duration: 1ms !important;
    background: white;
    border-radius: 10px;
}
/*.navbar:after {
    background-color: white;
}*/
.line-nav:after {
    /*background-color: #efefef;*/
}
.view,.navbar{
    background: #f4f6f8;
}
/*.navbar:after{
    background: none;
}*/
.line-nav{
    background: white;
}
/*Dancing fix*/
.navbar{
    /*height: 100px;*/
}

.cstm-msg-pgcntnt{
    padding-bottom: 30px;
    margin-top: 0px;
}
.main-navbar{
    height: 70px;
}
.main-navbar-div{
    max-width:1200px;
    margin:auto;
}
.mt20{
    margin-top: 20px !important;
}
.mt0{
    margin-top: 0px !important;
}
.card-container{
    max-width: 1200px;
    margin: auto;
    /*max-height: calc(100vh - 200px);*/
    /*overflow-y: auto;*/
}
.row .col-60 .card-image{
    background-size: cover;
}
.row .col-40 .card-image{
    padding-left: 10px;
}
.fs17{
    font-size: 17px;
}
.desc-container{
    padding: 10px 10px 10px 0;
    /*    max-height: 100px;
        overflow-y: auto;*/
    width: 100%;
    margin-top: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
/*.cstm-scroll{
    position: absolute;
    width: 15px;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
}
 CSS class
.cstm-scrollbar::-webkit-scrollbar {
    height: 20px;
    width: 15px;
}
.cstm-scrollbar::-webkit-scrollbar-button {
    background-size: 100%;
    height: 10px;
    width: 10px;
}
.cstm-scrollbar::-webkit-scrollbar-button:end {
    display: block;
}

.cstm-scrollbar::-webkit-scrollbar-button:start {
    display: none;
}
.cstm-scrollbar::-webkit-scrollbar-button:vertical:increment {  Down 
    background-image: url("img/dropdown.jpeg");
    background-repeat: no-repeat;
}
.cstm-scrollbar::-webkit-scrollbar-track {
    background: white;
}
.cstm-scrollbar::-webkit-scrollbar-thumb {
    background: #d8d8d8;;
    border-radius: 5px;
    height: 30px;
    width: 10px;
}*/
.content-block > center > span{
    text-align: center; 
}
.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs10{
    font-size: 10px;
}
.fs11{
    font-size: 11px;
}
.mw1000{
    max-width: 1000px;
}
.mw1000 .card,.no-min.card{
    min-height:0px;
} 
.new-cart-div{
    box-shadow: 0 2px 3px 0 rgba(184, 184, 184, 0.5);
    /*border: solid 0.5px #dfe3e7;*/
    background-color: #ffffff;
    padding: 15px;
}
.new-cart-card{
    background: #f4f6f8;
    box-shadow: none;
}
.pp-list{
    float:right;
    text-align: right;
    padding-right: 5px;
}
.w50p{
    width: 50% !important;
}
.w100p{
    width: 100% !important;
}
.pay-btn{
    /*  position: relative;
      bottom: 0;*/
    width: 100%;
    border-radius: 5px !important;  
}
.dis-app-btn{
    height: 30px;
    left: 0px;
    /*color:black;*/
    font-size: 15px;
    font-weight: 500;
}
.p0{
    padding: 0px !important
}
.cart-ckout-row{
    box-shadow: 0 2px 3px 0 rgba(184, 184, 184, 0.5);
    border: solid 0.5px #efefef;
    background-color: #ffffff;
    padding: 0px 15px;
}
.p15{
    padding: 15px !important;
}
.mem-title-txt{
    margin: 10px 0px 5px;
    font-weight: 600;
    font-size: 15px;
}
/*.h200{
    height: 200px;
}*/
.card-footer{
    padding: 15px;
}
.p05{
    padding: 0px 5px;
}
.bordered-line{
    border-bottom: 1px solid #dfe3e9;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}
.pr5{
    padding-right: 5px;
}
.p10{
    padding: 10px !important;  
}
.play-img{
    width: 150px;
    top: 30%;
    position: absolute;
    left: 30%;
    cursor: pointer;
}
.mt10{
    margin-top: 10px !important;  
}
.mt15{
    margin-top: 15px;
}
.h50{
    height: 50px !important;
}
.dnone{
    display: none !important;
}
.dflex{
    display: flex !important;
}
.pl0{
    padding-left: 0px !important;
}
.mt25{
    margin-top: 25px !important;
}
.m0{
    margin: 0px !important;
}
.center.mobile-view .nav-img.logo-cover{
    margin-top: 20px;
}
.m15{
    margin: 15px !important;
}
.m20{
    margin: 20px !important;
}
.gcolor{
    color:#009a60 !important;
}
.add-part-btn{
    color: #777777;
    border-top: solid 1px #bebebe;
    width: 100%;
    display: block;
    padding: 15px;
    cursor: pointer;
}
.mb10{
    margin-bottom: 10px;
}
.p5{
    padding: 5px !important;
}
.p20{
    padding: 20px !important;
}
.pl10{
    padding-left: 10px !important;
}
.fw900{
    font-weight: 700;
}
.fw800{
    font-weight: 600;
}
.fw500{
    font-weight: 500;
}
.pr10{
    padding-right: 10px !important;
}
.bbnone{
    border-bottom: none;
}
.retail-subtitle{
    font-weight: 400;
    font-size: 13px;
    margin-top: 0px;
}
.txt_algn_l p, .txt_algn_l span{
    text-align: left !important;
}
.exist_prt_div{
    background:#f4f6f8;
    position: absolute;
    width: 100%;
    z-index: 1000;
    cursor: pointer;
    top: 0px;
    left: 0;
}
.exist_prt_div2{
    max-height: 250px;
    overflow-y: auto;
    border-bottom: 1px solid #e1e0e0;
}
.exist_prt_div2 ul{
    list-style-type: none;
    padding: 0;
    background-color: #f4f6f8;
}
.exist_prt_div2 ul li{
    padding: 10px 0px 10px 10px;
}
.exist_prt_div2 ul li:hover {
    background-color: #efefefb3;
}
.exist_prt{
    padding: 10px;
}
.exist_prt label{
    position: relative !important;
    left: 0px !important;
    top:0 !important;
    cursor: pointer;    
}
.exist_prt_label{
    margin-left:35px;
    cursor: pointer;    
}

.df{
    display: flex !important;
}
.cart-titlespan div center{
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: -0.29px;
    color: #000000;
}
.cart-contentspan div center{
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.29px;
    color: #000000;
}
.class_scheduler_text{
    font-family: OpenSans;
    font-size: 16.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.43px;
    text-align: center !important;
    color: #838a8c !important;
}
.class_scheduler_back_icon{
    padding:20px;
    margin-left: 162px;
    font-size:17px;
    font-weight: 600;
}
.class_scheduler_plus_icon{
    width:17px;
    cursor: pointer;
    position: relative;
    top: 3px;
}
.class_scheduler_add_par_text{
    font-size: 16px;
    font-weight: 600;
    color: #009a61;
    cursor: pointer;
}

.class_scheduler_additional_details{
    font-size:14px;
    font-weight: 100;
    max-height: 92px;
    max-width: 550px;
    overflow: hidden;
}
/* .class_scheduler_card{
    width:398px;
    height:400px;
} */
.class_scheduler_card_text{
    height: 135px;
    margin-top:30px;
}
.pd15{
    padding:15px;
}
.mg10{
    margin-top:10px;
}
.mg80{
    margin-top:-80px;
}
.class_scheduler_title_text{
    padding:20px;
    font-family: OpenSans;
}
.pt10{
    padding-top: 10px;  
}
.toolbar.tool-btn div a.button{
    width: 100%;
    height: 100%;
    background: #009a61;
    border-radius: 0;
    color:white;
    text-align: center;
    padding: 15px 0 0;
    font-stretch: normal;
    text-align: center;
    font-family: OpenSans;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 500;
}
.h100p{
    height: 100% !important;
}
.bottom-row{
    width: 100% !important;
    position: relative !important;
    bottom: 137px;
    z-index: 501; 
    background: white;
}
.retail_cart .bottom-row{
    /*bottom: 123px;*/
}
.title-bar h3.title {
    margin: 0;
}
.mb0{
    margin-bottom: 0;
}
.curr-card .card-header{
    background-size: contain;
    background-position: center;
    display: block !important;
    color: #6d6d72 !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding: 25%;
}
/*.pm-section + .ach-section{
    margin-top: 40px;
}
.pm-section.ng-hide + .ach-section.ng-hide + .cc-section{
    margin-top: 0px;
}
.pm-section + .ach-section.ng-hide + .cc-section{
    margin-top: 15px;
}*/
.dot_img{
    top: 12px;
    position:relative;
    width:35px;
}
.ldot_img{
    width: 30px;
    margin-top: -16px;
    position: relative;
    top: 10px;
}
.rgt_btn{
    width: 65px;
    font-size: 12px;
    margin-top: -5px;
    float: right;
    right: 15px;
}
.p1015{
    padding: 10px 15px !important;
}
.btl{
    border-top:1px solid #ebebeb;
}
.web-cart-row{
    background:white;
    box-shadow: 0 2px 3px 0 rgba(184, 184, 184, 0.5);
}
.p150{
    padding: 15px 0px;
}
input[type="text"].retail-discount-box::-ms-input-placeholder, input[type="text"].retail-discount-box::placeholder {
    color: black;
}
input[type="text"].retail-discount-box::-webkit-input-placeholder {
    color: black;
}
.pb10{
    padding-bottom: 10px;
}
.txt-align{
    text-align: center !important;
    display: inherit;
}
.card_retail{
    min-height: 206px !important;
}
.card_retailM{
    min-height: 150px !important;
}
.carttotal
{
    border-bottom: solid 1px #dfe3e7;
    background-color: #ffffff;
    padding :10px;
}
.cartbutton
{
    width: 309.9px;
    height: 41.8px;
    border-radius: 5px;
    background-color: #009a61;
}

.part-list{
    padding: 12px;
}
.part-list .dropdown{
    top: 22px;
    right: 8px;
}
.cc-ddown .form-group{
    width:100%;
    height: 50px;
}
.cc-name{
    position: relative;
    left: 10px;
    top: 1px;
}
.trial-cc .editcreditimage, .trial-cc .editcreditdropbtn,.mem-cc .editcreditimage, .mem-cc .editcreditdropbtn{
    top:15px;
}
.cc-section .editcreditdropdown-content ul{
    padding-left: 15px;
}

.part-list-width{
    width: 50%;
}
#edit_New_Participant .form-label{
    left: 15px;
    top:20px;
}
#add_New_Participant .focused .form-label{
    top:20px;
}
.retail-update-pm{
    margin: auto;
    width: 450px;
    background: white;
}

.xs-container{
    max-width: 350px;
    margin:auto;
    width:100%;
}
.unauthorized-screens .page-content{
    height: 100%;
    padding: 0 !important;
    margin: 0;
}
.popover-student-country{
    background: white;
}
.panel-overlay{
    background: black;
    opacity: 0.4;
}

.retail-discount-box{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1px;
    color:black;
}
.content-block-inner{
    margin: 0px;
    padding: 10px 0px;
}
.modal-no-buttons .modal-inner{
    background: white;
}
.mem-disc{
    border-top:1px solid #efefef;
}
.mem-disc .sf-disc, .mem-disc .mf-disc{
    border:none !important;
    padding: 15px;
}
.sf-disc{
    /*border-bottom: none;*/
}
.sf-disc + .mf-disc{
    /*border-top: none;*/
    /*box-shadow: 0 4px 3px 0 rgba(184, 184, 184, 0.5);*/
    padding-top: 0px;
}
.sf-disc.ng-hide + .mf-disc {
    /*border-top: 1px solid #efefef;;;*/
    /*box-shadow: 0 1px 3px 0 rgba(184, 184, 184, 0.5);*/
    padding-top: 15px;
}
.shadow{
    box-shadow: 0 2px 4px 0 rgba(192,192,192,.5); 
}
.block-with-textfooter1{
    padding-right: 20px;
    position: absolute;
    margin-right: 15px;
    white-space: pre-wrap;
}  
.h70
{
    height : 70px !important;
}
.pay-sec .card-content-inner{
    padding-top: 0 !important;
}
.cstm-curr-pgcntent,.curr-card .card-header{
    padding:15px;
    height :220px;
}
.cstm-curr-pgcntent,.curr-card .card-header h3{
    margin:0px;
}
.cstm-curr-pgcntent,.curr-card .outer{
    height: calc(100% - 30px);
    width:calc(100% - 30px);
}
.curr-card .card-header h6{
    max-width: 300px;
}
.signaturediv{
    height: 100% !important;
    padding: 0px 15px;
}
.signsavebtn{
    height: 50px;
    width:140px;
    font-size:16px;
    border-radius:5px;
    color:#ffffff;
    background:#00ad68;
    cursor: pointer;
    border: none;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.26px;
}
.signshowdiv{
    /*display: flex;*/
    border-bottom: 1px solid black;
}
.signtxtrw{
    margin: 10px 0px;
    text-align: left;
    display: inline-block;
}
.signbb{
    border-bottom: 1px solid black;
}
.signsubmitrow{
    padding: 15px;
    min-height: 50px;
}
.btnrgt{
    float: right;
    right: 15px !important;
    position: absolute;
    bottom: 15px;
}
.signbyrtxt{
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.26px;
}
.p015{
    padding: 0 15px !important; 
}
.signdiv{
    height: 100% !important;
    margin: 0 15px;
    width: inherit !important;
}
.signature canvas{
    height: 100%;
}
.signwebdiv,.signtabdiv,.signsmallwebdiv{
    height: 100%;
}
.signsmallwebdiv{
    display:none;
}
.signwebdiv{
    display:block;
}
.signtabdiv{
    display:none;
}
.editsign-icn{
    width: 20px;
    cursor: pointer;
    bottom: 50px;
    position: absolute;
}
.bbprop{
    border-bottom: 1px solid black;
    margin: 0 15px;
    width: inherit !important;
    text-align: center;
}
.sign_pg_cnt{
    background: white;
    overflow-x: hidden;
}
.centlabel{
    height: 25px;
    /*width: 75%;*/
    margin-top: 10px;
}
.retail-view .page-content.retail_payment_update.shipping_details{
    margin: 0;
    margin-top: 80px !important;
}
.demo-card-header-pic .card-header.hide{
    display: none !important;
}
/* MULTI-LINE TRUNCATE CSS */
.custum_curr_cont_text .outer{
    width: calc(100% - 20px);
    height: calc(100% - 5px);
    padding: 10px; 
}
.firefox_height{ 
    height: calc(100% - 20px) !important;
}
.custum_curr_cont_text p:nth-child(1) {
    --lh: calc(1rem + 6px);
    line-height: var(--lh);
    position: relative;
    -webkit-font-smoothing:antialiased;
    padding: 0px 8px;
}
.custum_curr_cont_text p:nth-child(2) {
    --lh: calc(1rem + 2px);
    line-height: var(--lh);
    position: relative;
    -webkit-font-smoothing:antialiased;
    padding: 0px 5px;
}
.truncate-overflow {
    --max-lines: 2;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
}
.truncate-overflow::before {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0px;
}
.truncate-overflow::after {
    content: "";
    position: absolute;
    right: 0; /* note: not using bottom */
    width: 1rem;
    height: 1rem;
    background: white;
}


/*Class schedule Section css goes here*/
.classschedule-view{
    font-family: OpenSans;
    font-size: 15.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: center; 
    color: black;
    background-color:#f4f6f8;
}
.classschedule-view .navbar{
    display:none;
}    
.classschedule-view .page-content{
    height: calc(100vh - 70px);
    padding: 0 !important;
    margin: 0;
}
.classschedule-header{
    color:black;
    background-color: white;
    padding:15px;
    /*border: solid 1px #dde1e5;*/
    border-bottom-color: #fff;
}
.classschedule-header .left{
    font-weight: 500;
    font-size: 20px;
}
.classschedule-header .right{
    font-size: 16px;
    cursor: pointer;
}
.select-date{
    position: relative;
    right: 10px;
    bottom: 1px;
    font-size: 15px;
}
.appointment-col{
    /*width = 100 / 7 - FOR 7 DAYS*/
    width: calc(100% / 7);
}
.appointment-calender{
    height: 21px;
    width: 21px;
    position:relative;
    top: 3px;
}
.popover.classstart.popover-picker-calendar{
    width: 250px !important;
    background-color: #f6f6f6;
    border-radius: 0px;
    height: 240px;
    left: calc(100% - 307px) !important;
    top: 118px !important;
}
#appointment-calendar.calendar-custom-toolbar .center{
    font-size: 14px;
    font-weight: 500;
}
#appointment-calendar+.picker-modal-inner .picker-calendar-day span{
    font-size: 10px;
}
#appointment-calendar+.picker-modal-inner .picker-calendar-week-day{
    color: #9f9f9f;
    font-weight: 500;
    font-size: 11px;
}
#appointment-calendar+.picker-modal-inner .picker-calendar-months:before{
    background-color: white;
}
.classstart .popover-angle{
    display: none;
}
.popover.classstart.popover-picker-calendar.participant-calendar{
    font-size: 11px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    width: 320px !important;
    height: 300px;
}
.participant-calendar .picker-calendar-month {
    height: calc(100% - 20px);
    justify-content: space-between;
}
.participant-calendar .picker-calendar-day {
    font-size: 11px;
}

.classstart .picker-calendar-row{
    height: calc(100% / 9); 
}
.classstart .picker-calendar-row::after{
    height: 0px; 
}
.classlist_card{
    margin: 0;
    /*border-bottom: 1px solid #dde1e5;*/
    /*border-left: 1px solid #dde1e5;*/
    border-right: 1px solid #dde1e5;
    border-top: 1px solid #dde1e5;
   /* border: solid 0.5px #dde1e5;*/
    /*box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);*/
    border-radius: 0px;
    /* height:83px;*/
    height: 113px;
}
.classlist_card .appointment-slot:hover{
    cursor:pointer;
}
.appointment_list .max_appointment_height:last-child .classlist_card{
  border-right: none;
}
.class-schedule-navbar{
    padding:30px 5px 15px
}
.spots_left.modal{
    width: 258px;
    height: 151px;
    background: #FFFFFF;
    border-radius: 15px;
}
.spots_left .custom-modal-content{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 13px;
    padding-left: 20px;
    padding-right: 20px;
}
.spots_left .custom-modal-green-button{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #00A66A;
    background-color: #FFFFFF;
    width: 258px;
    position: absolute;
    left: 0px;
    bottom: -28px;
    border-radius: unset;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.classParticipantAttendanceAlertPopup .modal-inner{
    padding: 0px;
}

.ParticipantRedirect.modal{
    width: 260px;
    height: 174px;
    background: #FFFFFF;
    font-family: OpenSans;
    font-style: normal;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.474176px;
}
.ParticipantRedirect .modal-inner{
    padding: 20px;
}
.ParticipantRedirect .custom-modal-content{
    font-weight: 400;
    font-size: 15px;
    color: #000000;
}
.ParticipantRedirect .custom-modal-white-button{
    font-weight: 600;
    font-size: 12px;
    color: #009A61;;
    position: absolute;
    top: 124px;
    left: 0;
    border-top: 2px solid #979797;
    border-radius: unset;
}
.del_class_confirm_card_details.modal{
    background: #FFFFFF;
    width: 275px;
    height: 200px;
    font-family: OpenSans;
    font-style: normal;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.474176px;
}
.del_class_confirm_card_details .modal-inner{
    padding: 28px;
}
.del_class_confirm_card_details .custom-modal-content{
    font-weight: 500;
    font-size: 15px;
    color: #000000;
}
.del_class_confirm_card_details .custom-modal-green-button{
    background: #009A61;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    position: absolute;
    top: 97px;
    left: 0;
    border: none;
    border-radius: unset;
}
.del_class_confirm_card_details .custom-modal-white-button{
    font-weight: 600;
    font-size: 12px;
    color: #777777;
    position: absolute;
    top: 149px;
    left: 0;
    border: none;
    border-radius: unset;
}
.blockout.modal{
    width: 258px;
    height: 170px;
    background: #FFFFFF;
    border-radius: 15px;
}
.blockout .custom-modal-content{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}
.blockout .custom-modal-blockout-note{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.035em;
    color: #A3A3A3;
    margin-top: 5px;
    padding-bottom: 45px;
}
.blockout .custom-modal-green-button{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #00A66A;
    background-color: #FFFFFF;
    width: 258px;
    position: absolute;
    left: 0px;
    bottom: -12px;
    border-radius: unset;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-right: none;
    border-left: none;
    border-bottom: none;
}
.classUserRedirect.modal{
    width:250px;
}
.classUserRedirect .modal-inner{
    padding: 0px;
}
.classUserRedirect .custom-modal-green-button{
    font-weight: 500;
    font-size: 15.5px;
    border-radius: 0px;
}
.classUserRedirect .custom-modal-green-button:active{
    background: rgb(0,137,87);
    border: 1px solid rgb(0,137,87);
}
.classUserRedirect .custom-modal-white-button{
    font-size: 15.5px;
    color: #777777;
    font-weight: 500;
    border-radius: 0px;
}
.classUserRedirect .custom-modal-white-button:active{
    background: #fff;
    border: 1px solid #fff;
}
.classUserRedirect .custom-modal-content{
    padding: 5px 26px;
    font-size: 15px;
}
.classschedule-view .card-container{
    /*max-height: calc(100vh - 100px);*/
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);*/
}
.classschedule-view .class_listing_page .card-container{
    /*box-shadow: none;*/
    margin: 30px auto;
}
.classschedule-view .appointment_register_page .card-container{
    /*max-height: calc(100vh - 150px);*/
    box-shadow: none;
    padding-bottom: 15px;
}
.classschedule-view .appointment_register_page h3.title{
    text-align: left;
}
.classschedule-view .participant_listing_page .card-container .card{
    min-height: 0;
    height: 100px;
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);*/
    border: 1px solid #dfe3e7;
    cursor:pointer;
}
.classschedule-view .container{
    max-width: 1200px;
    margin: auto;
}
.participant_listing_page .card-container{
    box-shadow: none;
    max-width: 850px;
    margin: 20px auto 30px auto;
}
.participant_listing_page .participant_details{
    margin: 15px;
    /*position: relative;*/
}
.participant_details .fixed-text{
     width: 232px;
}
.participant_listing_page .participant_name{
    margin: 0;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.43px;
    /*width: 232px;*/
}
.participant_listing_page .participant_title{
    margin: 2px 0 0;
    font-size: 15px;
    font-weight: 400;
    color: #838a8c;
    letter-spacing: -0.43px;
    --lh: calc(1rem + 2px);
    line-height: var(--lh);
    position: relative;
    -webkit-font-smoothing:antialiased;
    padding: 0px 5px 0 0;
}
.trash_align{
    margin-top: -20px;
}
.appointment_details_checkout_align{
    padding-bottom: 0px !important;
}
.appointment_proceed_checkout_page .no-min{
    background: #FFFFFF;
    box-shadow: 0px 1.99228px 6.97297px rgba(0, 0, 0, 0.15);
}
.appointment_proceed_checkout_page .class_discount_box{
    width: 90%;
    -webkit-appearance: none;
    height: 40px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgba(184, 184, 184, 0.5);
    -webkit-box-shadow: 0px 2px 7px rgba(184, 184, 184, 0.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 2px 7px rgba(184, 184, 184, 0.5); 
    border-radius: 9.4839px;
    text-align: center;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0.14881px;
    color: #000000;
}
.appointment_proceed_checkout_page .class_discount_apply[disabled]{
    background: #E6E6E6;
}
.appointment_proceed_checkout_page .class_discount_apply{
    box-shadow: 0px 3.21267px 6.41349px rgba(0, 0, 0, 0.25);
    border-radius: 9.4839px;
    background: #009A61;
    height: 40px;
    border: none;
    color: #FFFFFF;
    width: 100%;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.14881px;
}
input[type="text"].class_discount_box::placeholder { /* Most modern browsers support this now. */
   color:#000000;
}
.appointment_proceed_checkout_page .class_proceed_checkout{
    width: 100%;
    background: #009A61;
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    height: 40px;
    border-radius: unset;
}
.appointment_proceed_checkout_page .appointment_details_checkout{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.354137px;
}
.appointment_proceed_checkout_page .class_checkout_confirmCartDetails{
    font-weight: 600;
    font-size: 17px;
}
.appointment_proceed_checkout_page .checkout_dropinprize{
    font-weight: 600;
    letter-spacing: -0.354137px;
}
.appointment_proceed_checkout_page{
    font-family: OpenSans;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.14881px;
    color: #000000;
}
.appointment_register_page checkout .class_cvv_form_group{
    margin-top: 15px;
}
.appointment_register_page checkout .class_cc-year_group{
    margin-top: 10px;
}
/* ---- modal -------- */
/*.modal-overlay{*/
/*        position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 13000;
    visibility: hidden;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    opacity: 0.8;
    background: black;
    }
    .modal {
    width: 250px;
    position: absolute;
    z-index: 13500;
    left: 50%;
    margin-left: -125px;
    margin-top: 0;
    top: 50%;
    text-align: center;
    border-radius: 13px;
    color: #000;
    box-shadow: 0px 2px 4px rgba(181, 181, 181, 0.5);
    background: white;
    visibility: hidden;
    }
    .modal-inner {
    padding: 15px;
    border-radius: 13px 13px 0 0;
    position: relative;
    background: rgba(255, 255, 255, 0.95);
    }
    .modal-button {
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #00ad68 !important;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.95);
    }
    .modal-buttons{
        padding-top: 5px;
    padding-bottom: 5px;
    }
    .modal-text{
        border-bottom: 1px solid #dde1e5;
        background-color: white;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 40px;
        padding-left: 40px;
        font-weight: 600;
    }
    .modal-overlay.modal-overlay-visible {
    visibility: visible;
    opacity: 0.8;
    background: black;
}*/
/*-------   /modal-----------*/
.appointment_list{
    /*padding-bottom: 30px;*/
    /*height: 100px;*/
}
.appointment_list .appointment-col:nth-child(odd){
    background-color: #fafafa;  
}
.appointment_list .appointment-col:nth-child(even){
    background-color: #ffffff;  
}
.appointment_list_header{
    padding:10px 0px;
    font-size: 16px;
    /*border: solid 1px #dde1e5;*/
    border-top: solid 1px #dde1e5;
    border-bottom-color: #fff;
}
.appointment_list_header .appointment-slot{
    padding: 0 15px;
    text-align: left;
}
.appointment_list .appointment-slot{
    text-align: left;
}
.appointment-slot .day{
    font-weight: 600;
}
.appointment-slot .date{
    color:#9f9f9f;
}
.appointment_time{
    font-size: 13px;
    font-weight: 500;
    margin: 0px;
    letter-spacing: -0.43px;
}
.class_appointment{
    /*font-weight: 400;
    font-size: 13.5px;*/
    font-weight: 500;
    font-size: 13px;
    margin: 3px 0 0 0;
    letter-spacing: -0.43px;
}

.appointment_title{
    font-size: 10px;
    /*color: #838a8c;*/
    margin: 3px 0 0 0;
    font-weight: 500;
    letter-spacing: -0.43px;
}
.appointment_staff{
    margin-top: 3px;
    font-weight: normal;
    font-size: 10px;
    font-family: OpenSans-SemiBold !important;
    color: #8B9091;
    margin-bottom: 0;
}
.appointment_staff_mobile{
    font-size: 12px;
    margin: 0;
    line-height: 19px;
    text-align: left;
}
/*.class_schedule_staff_home .list-card-mobile .row{
    align-items: center;
}*/
.participant_listing_page.home .list-card-mobile,.class_schedule_type_home .list-card-mobile,.class_schedule_staff_home .list-card-mobile,
.participant_listing_page.participant .list-card-mobile{
    height: 73px !important;
    padding: 0 15px !important;
}
.participant_listing_page.home .list-card-mobile .row,.class_schedule_type_home .list-card-mobile .row,.class_schedule_staff_home .list-card-mobile .row,
.participant_listing_page.participant .list-card-mobile .row{
    height: 73px !important;
    align-items: center !important;
}
.participant_listing_page.home .list-card-mobile .col-10,.class_schedule_type_home .list-card-mobile .col-10,.class_schedule_staff_home .list-card-mobile .col-10,
.participant_listing_page.participant .list-card-mobile .col-10{
    line-height: 0 !important;
}
.participant_listing_page.home .list-card-mobile .appointment-arrow,.class_schedule_type_home .list-card-mobile .appointment-arrow,.class_schedule_staff_home .list-card-mobile .appointment-arrow,
.participant_listing_page.participant .list-card-mobile .appointment-arrow{
    padding: 0 !important;
}
.participant_listing_page.home .list-card-mobile .participant_name{
    font-weight: 600 !important;
}
.color_gray{
    color: #A3A3A3;
}
.color_gray2{
    color: #8A9091;
}

.hide_spots_left{
    visibility: hidden;
}
.appointment_spots_left{
    font-size: 10px;
    /*color: black;*/
    font-weight: 600;
    letter-spacing: -0.43px;
    margin: 3px 0 0 0;
}
.fw600{
    font-weight: 600 !important;
}
.appointment_register_page .appointment_details{
    text-align: left;
    color: #4a4a4a;
}
.appointment_register_page .appointment_details{
    text-align: left;
    color: #4a4a4a;
    font-size: 15px;
}
.appointment_details .date{
    font-weight: 600;
}
.appointment_details .program{
   position: relative;
   /*top: 3px;*/
}
    .classschedule-view .select-participant{
        margin:0;
        font-size: 19px;
        font-weight: 600;
/*        position: relative;
        left: -25px;*/
    }
    .classschedule-view .cstm-new-back{
        font-size: 15px;
        padding-top: 2px;
        position: relative;
        bottom: 2px;
        right: 8px;
    }
    .classschedule-view .cstm-back-icon{
        height: 15px;
        width: 9px;
        margin: 0;
    }

.Tablet .appointment-col{
    /*width = 100 / 5 - FOR 5 DAYS*/
    width:calc(100% / 5);
}
.retail-view .mobile-view .carousal_content{
    padding-top: 15px;
    overflow: auto;
    height: calc(100vh - 100px);
}
.products_listing .web-view .card_container{
    padding:10px;
    overflow: auto;
    height: calc(100vh - 200px);
}
.stripeCheckoutDecideModal{
    width:330px!important;
    background: white;
    margin-left: -150px;
}
.stripeCheckoutDecideModal .modal-inner,.MemberappAccessModal .modal-inner{
    padding:0px;
}
.stripeCheckoutDecideModal .modalVerification {
    padding :15px 25px;
    font-size: 16px;
}
.stripeCheckoutDecideModal button{
    border-radius: 0px;
    font-size: 17px;
}
.stripeCheckoutDecideModal .price-section{
    background: #f7f7f8;
    padding: 10px 9px;
}
.stripeCheckoutDecideModal .price-section span small{
    font-size: 13px;
}
.stripeCheckoutDecideModal .processing_fee_span{
    position: relative;
    top: 5px;
}
.stripeCheckoutDecideModal .price-section price {
    font-weight: 700 !important;
    font-size: 16px !important;
}
.MemstripeCheckoutDecideModal{
    width:330px!important;
    background: white;
    margin-left: -150px !important;
    margin-top : -150px !important;
}
.MemstripeCheckoutDecideModal .modal-inner{
    padding:0px;
}
.MemstripeCheckoutDecideModal .modalVerification {
    padding :15px 25px;
}
.MemstripeCheckoutDecideModal button{
    border-radius: 0px;
}
.MemstripeCheckoutDecideModal .price-section{
    background: #f7f7f8;
    padding: 10px 9px;
}
.MemstripeCheckoutDecideModal .price-section span small{
    font-size: 13px;
}
.MemstripeCheckoutDecideModal .processing_fee_span{
    position: relative;
    top: 5px;
}
.MemstripeCheckoutDecideModal .price-section price{
    font-weight: 700 !important;
    font-size: 16px !important;
}
#dynamic-country-list{
    max-height: 250px;
}
ul#dynamic-country-list li{
    padding: 10px;
}

/*LANDING PAGE CSS*/
:root{
    --color_choice_1: #ffffff;
    --color_choice_2: #686767;
    --color_choice_3: #0b0c0a;
    --color_choice_4: #ffffff;
    --viewport-height : 100vh;
}
.landing-button{
    background-color: #fff;
    color: var(--color_choice_1);
    height: 39px;
    padding-top: 6px;
    border-width: 0px;
}
.landing-review-btn{
    width: 170px;
    background-color:var(--color_choice_2);
    color: var(--color_choice_4);
    border-color:var(--color_choice_2);
    font-weight: 600;
    margin: 50px auto 20px auto;
}
.landing-banner{
    background-color: var(--color_choice_1);
    color: #fff;
    margin:0px;
    padding: 6px 0px 5.6px 0px;
    height: 20px;
    font-size: 16px;
}
.landing-footer{
    padding: 20px;
    text-align: left;
    background-color: var(--color_choice_2);
    color:  var(--color_choice_4);
}  
.landing-footer h1{
    margin:0;
}
.landing-footer h3{
    margin: 5px 0;
}
.landing-footer p{
    margin: 2px 0 0;
}
.social-section{
    padding: 5px;
    margin-top:20px; 
    text-align: center;
}
.social-section img{
    cursor: pointer;
    margin: 40px;
}
.overlay-container{
  position: relative;
  text-align: center;
  /*color: white;*/
}
.overlay-container .overlay-image{
    max-width: 100%;
    opacity: 0.8;
}
.overlay-container .overlay-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 999;
}
.overlay-text h1{
   font-size: 32px;
   font-weight: 600;
   color:white;
   margin:0;
   line-height: normal;
   overflow-wrap: break-word !important;/*ADD THIS CSS FOR MOBILE VIEW TO AVOID IF LONG TEXT TO CROP CROPPING*/
}
.overlay-text h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    color: white;
    line-height: normal;
    overflow-wrap: break-word !important;/*ADD THIS CSS FOR MOBILE VIEW TO AVOID IF LONG TEXT TO CROP CROPPING*/
}
.swiper-container {
/*    height: 170px; 
    padding: 0 0 50px 0;*/
}
.swiper-slider-width{
     /*height: 170px;*/
}
.header-swiper.swiper-container{
    height: 500px;
    padding:0;
}
.overlay-container .overlay-text{
    height: 600px;
}
.program-swiper.swiper-container,.event-swiper.swiper-container{
    height: 317px; 
    padding: 0 0 100px 0;
    /*margin: 0 20px;*/
}
.imagegallery-swiper.swiper-container{
   width: 863.2px;
   height: 575px;
   margin: 171px 288.8px 278px 288px;
}
.review-swiper.swiper-container{
    height: auto;  /*giving value auto for avoiding image crop for large screen*/
    padding: 0;
}
.photo-browser{
    /*background: rgba(255,255,255,0.8);*/
    /*opacity: 0.8 !important;*/
}
.photo-browser-swiper-container{
    background: rgba(255,255,255,0.9);
}
.photo-browser .link.photo-browser-close-link,.photo-browser .center.sliding{
    margin-top: 20px;
}  
.slider-img-caption{
    color:var(--color_choice_2);
    margin: 5px 0 15px 0;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    top:317px;
    font-style: normal;
}
.swiper-slide{
    box-sizing:border-box;
    line-height:120px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}
.header-swiper .swiper-slide{
    border-radius: 0;
}
.review-swiper .swiper-slide{
    border-radius: 0;
}
.overlay-desc {
    background: rgba(0,0,0,0);
    position: absolute;
    color: var(--color_choice_4);
}
/* Hide this code for confirmation to text in video or not */
/* .overlay-desc-text-overvideo {
    background: rgba(0,0,0,0);
    position: absolute;
    color: var(--color_choice_4);
    margin-top: 17%;
    width: 100%;
} */
.landing-logo{
    /* height: 70px; */
}
.landing-logo .col-100{
    padding: 10px;
}
.landing-logo img{
    max-width: 100px;
    height: auto;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}
.landing-logo h1{
    display: inline-block;
    margin: auto;
    color:var(--color_choice_1);
}
.rewards-section, .gallery-header{
    padding: 30px;
}
.award-section{
    justify-content: center;
    padding-top: 20px;
    max-width:800px;
}
.award-section .col-16 {
    width: 16.66%;
}
.image-gallery .row{
    justify-content: start;
    width: 65%;
}
.row.award-section{
    width:90%
}
.row.award-section.server-image{
    width:100%
}
.award-section img {
    width: 90%;
    padding:5px;
}
.award-section.server-image img{
/*    width: calc((100% - 100px) / 4);
    width: calc((100% - 150px) / 6);*/
    padding: 0;
}
.award-section.server-image img + img{
    margin-left:30px;
}
.award-section .award-bg-img img{
    width:100%;
    padding:0;
    height: auto;
    margin: 0px 0.50rem;
    /*margin:0 25px*/
}
/*.award-section .col-16:first-child .award-bg-img img{
    margin-left:0;
}
.award-section .col-16:last-child .award-bg-img img{
     margin-right:0;
}*/
.award-bg-img{
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 15px;
}
.rewards-section .col-25{
    margin: auto;
}
.gallery-header h6{
    color:var(--color_choice_2) !important;
    margin: 0;
    display: inline;
    font-size: 18px !important;
    font-style: normal !important;
}
.gallery-header h6.viewall{
    color:var(--color_choice_1) !important;
    font-weight: 500 !important;
    cursor: pointer;
    font-size: 18px !important;
    font-style: normal !important;
}
.gallery-promo-section{
    padding: 50px 30px;
    background-color:var(--color_choice_1);
}
.gallery-promo-section h1{
    margin:0;
    color:var(--color_choice_4);
    font-size: 34px;
}
.gallery-promo-section h4{
    margin:0;
    color:var(--color_choice_4);
    font-size: 24px;
    font-style: normal;
    font-weight: 200;
}
.gallery-promo-section button{
    background-color: #fff;
    color: var(--color_choice_1);
    height: 40px;
    padding: 6px 22px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    border-color: #fff;
    width:230px;
    margin: 15px 0 0;
}
.gallery-promo-section button + button{
    margin-left: 15px;
}
.landing-about{
    padding: 40px;
    background-color:var(--color_choice_1);
    color:var(--color_choice_4);
}
.landing-about h1{
    margin: 0;
}
.landing-about p{
    margin: 2px 0 0;
    font-weight: 100;
    line-height: normal;
    font-size: 20px;
    font-style: normal;
}
.image-gallery{
    background-color:var(--color_choice_2);
    padding: 10px 20px 30px 20px;
    
    
}
.image-gallery .col-25{
    width: calc((100% - 15px*4) / 6) !important;
    margin-left: 10px;
}
.image-gallery .row{
    justify-content: start;
    width: 65%;
}
.photo-browser-close-link .icon{
    margin-top: 0px !important;
}
.image-gallery-bg-img{
    width: 90%;
    border-radius: 10px;
    height: 95px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
}
.default-image-gallery-bg-img{
    width: 90%;
    border-radius: 10px;
    height: 95px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
    background-color: #e1e1e1;
}
.landing-preview{
    background-color: var(--color_choice_1);
    color: var(--color_choice_4);
    margin:0px;
    padding: 3px 0px 3px 0px;
    display: none;  /*HIDE BY DEFAULT*/
    border-bottom: 1px solid var(--color_choice_4);
}
.preview-mode .landing-preview{
    display: block;
}
.preview-mode .navbar{
    display: none;
}
.default-what-others-are-saying--bg-img{
    width: 75%;
    height: 172px;
    margin: 10px 0px 20px 0px;
}
.landing-preview-button{
    background-color: transparent;
    color: var(--color_choice_4);
    padding: 4px 18px 4px 18px;
    border-radius: 6px;
    margin: 4px 0px 0px 0px;
    width: 100px;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 14px;
}
.landingPage-view .page-content{
    margin-bottom:0;
    height: calc(100% - 60px);
    padding-bottom: 0 !important;
}
.landingPage-view.preview-mode .page-content{
    margin:0;
    height:calc(100% - 60px);
    padding-bottom: 0 !important;
}
.review-section{
    padding: 10px 0px 30px 0px;
}
.review-section h3{
    color: var(--color_choice_2);
    font-size: 34px;
    font-style: normal;
 }
.about-section-content{
    max-width: 800px;
    margin: 30px 0px 70px 0px;
}
.about-section-content h1{
    font-size: 34px;
}
.viewall{
    padding-left: 8px;
}
.what-others-saying-close{
    margin: 30px 30px 0px 0px;
    text-align: right;
    color: #b1afaf;
}
.what-other-saying-content{
    margin-top: 160px;
    font-weight: 500;
    color: #b3b1b1;
}
.modal-overlay.modal-overlay-visible{
    visibility: visible;
    opacity: 0.6;
    background: black;
}
.preview-login-alert-text{
    font-weight: 400;
}
.preview-login-alert-button {
    font-weight: 500;
}
#headerVideoiframe iframe{
    /*position: static;*/
    /*height:500px;*/
    z-index: auto;
}
.vp-center .player {
    max-height:auto !important;
    max-width:auto !important;
}
.iframe-container {
  /*position: sticky;*/
  position: relative;
  width: 100%;
  /*overflow: hidden;*/
  padding-top: 56.25%;  /*16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.MemberappAccessModal .modalVerification {
    padding :25px 40px;
    font-size: 16px;
}
.MemberappAccessModal .custom-modal-white-button{
    min-height: 60px;
    border-radius: 0;
    font-size: 17px;
    border:transparent;
    border-top : solid 1px #dcdcdc;
}
/*increasing height for modal title and button to show like shadow bottom border */
.modal-buttons-vertical .modal-button:after, .modal-inner:after {
    height:2px;
}
/*.image-gallery-view{*/
    /* padding: 4% 20% 0% 20%; */
/*    margin-left: 20.5%;
}*/
.image-gallery-view-close{
    color: #D8D8D8 !important;
    position: absolute;
    top:10px;
    right: 20px;
    z-index: 5;
}
#lpm .swiper-button-prev, #lpm .swiper-button-next{
    top:38%;
}
#lev .swiper-button-prev, #lev .swiper-button-next{
    top:40%;
}
.popup.popup-about.photo-browser-cstm.modal-in{
    background-color: rgba(0, 0, 0, 0.7) !important;
}
.photo-browser-cstm .close-popup{
    cursor:pointer;
}
.landing-preview span{
    font-size: 16px;
    margin-left: -25%;
}
.remove-li{
    margin: 0 !important;
    padding: 0 !important;
}
.appointment_list .classlist_card .appointment_subtitle,
.appointment_list .list-card-mobile .appointment_title{
    /*color: #8A9091;*/

}
/* .reschedulebanner{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.091px;
    color: #000000;
    height: 29px;
} */

/* .reschedulebannertext{
    text-align: center; 
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #000000;
    height: 29px;
} */

.classUserReschedule.modal{
    width:312.87px;
    height :286.46px;
}
.classUserReschedule .modal-inner,.classReschedulesuccess .modal-inner{
    padding: 0px;
}
.classUserReschedule .modal-text,.classReschedulesuccess .modal-text{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16.8px;
    line-height: 25px;
    letter-spacing: -0.252px;
    color: #000000;
}
.classUserReschedule .custom-modal-green-button,.classReschedulesuccess .custom-modal-white-button{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 16.875px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.213233px;
    color: #FFFFFF;
    height: 67px;
    border-radius: 0px;
    border: transparent;
}

.classUserReschedule .custom-modal-white-button{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16.875px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.213233px;
    color: #777777;
    border: transparent;
    height: 63px;
    border-radius: 0px;
    border-radius: 0px 0px 11.25px 11.25px;
}

.classUserReschedule .custom-modal-content{
    padding: 5px 26px;
    font-size: 15px;
}
.classUserReschedule .detail_txt{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 16.8px;
    line-height: 25px;
    letter-spacing: -0.252px;
    color: #000000;
}
.classReschedulesuccess.modal{
    height: 191px;
    width: 273px;
    border-radius: 11.25px;
}
.classReschedulesuccess .custom-modal-white-button{
    color: #009A61;
    background: white;
    height: 72px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.summary_innersection .tab {
    float: left;
    text-align: left;
    padding: 0px;
    text-decoration: none;
    border-bottom: none;
    cursor: pointer;
    display: block;
    width:97px;
    height: 19px;
}
.cssummarynotxt{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3675px;
    color: #3F3F3F;
}
.summary_innersection  .tab .activegreen,.MacOS.safari.chrome .summary_innersection  .tab .activegreen{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #009A61 !important;
    border-bottom: 3px solid #009A61;
    padding: 0 0px 5px;
    transition: color 0.1s,transform 0.2s ease-out;
}
.summary_innersection .ul-tab {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}
.summary_scroll {
    overflow-x: hidden;
    max-height: 444px;
    overflow-y: auto;
    margin-right: -19px;
    width: calc(100% + 19px);
    margin-top:20px !important;
}
.dateWidth{
    max-width: 90px;
    width: 90px;
}
.timeWidth{
    max-width: 71px;
    width: 71px;
}
.detailsWidth{
    max-width: 130px;
    width: 130px;
}
.Android .summary_scroll{
    max-height: calc(100vh - 160px)!important;
}
.myaccount-sub-summary{
   width: 75%;
   background-color: #F9F9F9;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;     
}
.summary_none{
    display :none!important;
}
.noAppointmentMobile{
    padding: 0px 5px;
    margin: 10px 0px;
}
.content{
    overflow-y: auto;
    padding-bottom: 20px !important;
}
.Android .classschedule-view .class_listing_page .page-content .content{
    height: calc(100vh - 230px);
}
.Android .content.reschedulerContent{
    height: calc(100vh - 270px);
}
.trial .details_width{
    width: calc(100vw - 240px);
    max-width: calc(100vw - 240px);
}
.trial .start-date,.trial .end-date{
    width:95px;
    max-width:95px;  
}
.trial .upcome_table,.summary_misc .upcome_table,.retail_summary .upcome_table,.sum_membership .upcome_table,.event_summary .upcome_table{
    width: 540px
}
.summary_back{
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    padding-left: 3px;
    cursor: pointer;
}
.summaryList_header{
    margin :10px 0px;
    padding-left :3px!important;
}
.misc_details_header,.MacOS.safari.chrome .misc_details_header{
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    text-align: right;
    font-style: normal;
    width: 135px;
    /*padding-right:25px;*/
}
.misc_details_txt{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.34125px;
    text-align: left;
    padding: 5px 15px 5px 25px;
}
.myaccount-summary .summary-card{
    margin-bottom:  10px;
}
.misc_card_name,.MacOS.safari.chrome .misc_card_name{
    max-width: 64px;
    display: inherit;
    position: relative;
    top:5px
}
.price_width{
    max-width:80px;
    width:80px;
}
.misc_card_span,.MacOS.safari.chrome .misc_card_span{
    display: inline-block;
    top: -3px;
    position: relative;
}
.trial .misc_card_span,.MacOS.safari.chrome .trial .misc_card_span{
    top:-4px;
}
.modal_misc_cardtop,.MacOS.safari.chrome .modal_misc_cardtop{
    top:5px;
}
.iOS .misc_card_span,.iOS .misc_card_name,.iOS .modal_misc_cardtop,.MacOS.safari .misc_card_name,.MacOS.safari .misc_card_span,.MacOS.safari .modal_misc_cardtop{
    top:0px
}

.upcome_table .section2, .retail_table .section2{
font-weight: 600;
font-size: 10px;
line-height: 14px;
padding: 8px 0px 6px 15px;
}
.summary_misc .upcome_table .section2{
     padding: 9px 0px 8px 15px; 
}
.sum_trial_disc,.MacOS.safari.chrome .sum_trial_disc{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    padding-left: 10px;
    cursor: pointer;
}
.dis_modal{
    border: none;
    border-radius: 9.5625px !important;
    width:332px  !important;
    height:auto !important;
}
.member_innersection .summary_back{
    padding-left: 0px;
}
.align-top{
  vertical-align: top;
  padding-top: 10px;
}
.card_name_bold{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 800!important;
    font-size: 15px!important;
    line-height: 20px!important;
}
.cs-pointer,.optionsview-content{
    cursor: pointer;
}
/* NEW CSS ABOVE */
/* MEDIA CSS HERE */

/*curriculum css*/
.curr_justify{
    justify-content: center;-webkit-justify-content:center
}
.curr-card-shadow{
    box-shadow: 4px 9px 8px -6px rgba(194, 194, 194, 0.5);border: solid 1px #fff;
}
.curr-cont-card-shadow{
    box-shadow: 4px 9px 8px -6px rgba(194, 194, 194, 0.5); 
}

#newcurr_sub_box h3,h6{
    font-family: OpenSans !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.32 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #030303 !important;
}
#newcurr_sub_box h6{
    font-size: 12px !important;
    font-weight: 500 !important;
}

.hideimgtagcurr{
    visibility: hidden; 
}
.disable_user_access {
    pointer-events: none;
    opacity: 0.4;
    }

.custum_curr_cont_text{ 
    font-family: OpenSans;
    font-size: 15.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: center; 
    color: black;
}
.custum_curr_cont_text p:nth-child(2){
    font-size: 12px !important;font-weight: 500 !important;
}
#view-3 .cstm-new-back{
    margin-left: 15px;font-weight: 400;font-size: 14px;margin-top: -19px;
}
#view-3 i.icon.icon-back{
    width: 10px;height: 20px;
}
#view-3 .cstm-new-back{
    margin-left: 12px !important;
}
.date_text{
    font-size: 16px;
    letter-spacing: 0.24px;
    font-weight: 600;
    margin: 0;
}
.safari .date_text{
     font-family: 'OpenSans-SemiBold' !important;
     font-weight: normal !important;
}
.trial_discount_apply{
    box-shadow: 0px 3.21267px 6.41349px rgba(0, 0, 0, 0.25);
    border-radius: 9.4839px;
    background: #009A61;
    height: 40px;
    border: none;
    color: #FFFFFF;
    width: 100%;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.14881px;
}
.trial_discount_box{
    width: 100%;
    height: 40px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgba(184, 184, 184, 0.5);
    border-radius: 9.4839px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0.14881px;
    color: #000000;
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"].trial_discount_box::placeholder { /* Most modern browsers support this now. */
    color:#000000;
}
.trial-clear-discount{
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}


    
/*Till Tablat //Muthulakshmitab
@media only screen and (max-width: 990px) {
    #desk-nav{
        display: none !important;
    }
    .desktop-toolbar{
        display: none !important;
    }
    .mobile-view{
        display:block !important;
    }
    .web-view{
        display:none !important;
    }
    .col-33-cardlisting{
        width:100%;
    }
    .button-maxwidth{
        max-width: 100%;
    }
    .web-container-maxwidth-905{
        margin:0px;
        max-width: 100%;
        padding-left: 0px;
    }
    .desktop-toolbar-right{
        display: none;
    }
    .select-container {
        position: relative;
        z-index: 1;
    }
    .carousal_container {
        padding: 110px 0 0 0;
        background: white;
    }
    .select_icon {
        position: relative;
        right: 22px;
        top: 1px;
        cursor: pointer;
        pointer-events: none;
    }
    .page-content.horz_carousal,.page-content1.horz_carousal {
        margin: 0 !important;
    }
    .cstm-new-back{
        margin-top: -21px;
        position: absolute;
        margin-left: 12px;
    }
    .checkout .row.split_view > .col-50 {
        width: 100%;
    }
    .row .col-50{
        width: 100%;
    }
    .hold-50-mob.row .col-50{
        width: 50%;
    }
    .cstm-new-back{
        color: #009a61;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.1px;
        cursor: pointer;
    }
    .myacc-new-back-mobile{
        margin-left: 20px;
        margin-top: -5px;
    }
    i.icon.icon-back{
        margin-top: 25px;
    }
    .menu_icn {
        margin-top: 32px;
        font-size: 32px !important;
        color: #009a61;
    }
    .f7-icons.menu_icn {
        color: #009a61;
    }
    .navbar,.toolbar{
        min-width: 100%;
    }
    .page-content.retail_checkout{
        height: calc(100% - 108px);
    }
    .navbar{
        height: 60px;
        background: white;
    }
    .navbar-inner.fixed-navbar.navbar-on-center {
        margin-top: -60px !important;
    }
    .carousal_container {
        padding-top: 70px;
        border-bottom: 1px solid #efefef;
        padding-top: 45px;
    }
        .page-content.retail_cart,.page-content.retail_checkout,.page-content.retail_payment_update{
            margin-top: 0px;
        }
    .discount-container.mobile-view{
        bottom: 100px;
    }
    .cstm-trolley-icon{
        margin-right: 15px;
    }
    .cart-badge{
        left: -25px;
    }
    .discount-container.mobile-view {
        bottom: 115px;
    }
    .discount-apply{
        height: 34px;
    }
    .page-content.retail_category{
        margin-top: 0px;
    }
    .card-container-padding{
        padding-left: 0px;
    }
    .cstm-col-49{
        width:49% !important;
    }
    .cstm-col-50{
        width:50% !important;
    }
    .cstm-refr-page-content{
        padding: 25px 5px 60px 5px !important;
    }
    .icon-mem-back{
        margin-top: 0px !important;
    }
    .cstm-new-cancel{
        color: #009a61;
        font-size: 16px;
    }
    .page-content{
        padding-top: 60px !important;
    }
    .page-content.retail_cart{
        padding-bottom: 0px !important;
    }
    .row .tablet-5{
        margin-right: 4px;
    }
    .toolbar-inner-custom{
        padding: 0px;
    }
    .active-cus.toolbar-button{
        border-radius: 0 !important;
        height: 30px;
        font-size: 14px;
        padding: 8px;
        margin: 2px 0 0;
        height: 40px;
    }
    .button-maxwidth{
        padding-top: 0px;
        font-size: 14px;
    }
    .mem-cancel-right{
        margin-left: -75px;
        margin-top: 0px; 
    }
    .picker-modal .toolbar .left .link.icon-only i.icon.icon-back{
        margin-top: 0px;
    }
    .login_container-box{
        display: none;
    }
    .toolbar-fixed-custom{
        BUTTON TEXT
        bottom:50px;
    }
    .myacc-main-row {
        border: none;
        background-color: #ffffff;
        min-height: 0vh;
        margin-top: 0px;
    }
    .myaccount-sub-view{
        min-height: 0vh;
        border-left: none;
        width: 100% !important;
    }
    .web-light-underline{
        padding: 15px 15px 5px;
    }
    .web-payment_type_color{
        color:black;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: -0.2px;
    }
    .web-max-width640{
        max-width: 100%;
    }
    .web-bb{
        border-bottom: 1px solid lightgray;
        padding: 10px 15px;
    }
    .popover-student-country{
        left: calc(100% - 75%) !important;
        top:240px !important;
    }
    .web-p30{
        padding: 0px;
    }
    .padding-content-inner-custom{
        padding: 20px 15px;
    }
    .mob-mt10{
        margin-top: 10px;
    }
    .mob-mt0{
        margin-top: 0px;
    }  
    .myacc-edit-btn, .myacc-del-btn{
        width: 25%;
    }
    .mob-p15-0{
        padding: 15px 0px;
    }
    .select-payment{
        margin: 20px 15px 0px;
    }
    .myacc-page-content{
        margin-top: 40px;
    }
    .toolbar{
        position: fixed !important;
        background: white;
    }
    #calendar-inline-container2 .toolbar, #calendar-inline-container .toolbar{
        position: relative !important;
    }
    .mob-w100{
        width: 100% !important;
    }
    .demo-card-header-pic .card-header{
        padding: 0% !important;
        background-size: cover;
        min-height:50vh !important;
    }
    .card-content h3{
        padding: 10px 0px;
    }
    .cart-page .card-content h3{
        padding: 0;
    }
    .item-title{
        margin-top:0;
    }
    .mob-p20{
        padding: 20px;
    }
    .keypad_container{
        bottom: 50px;
    }
    .card-content-inner{
        padding: 0px !important;
    }
    .cart-ckout-row,.new-cart-div{
        box-shadow: none;
    }
    .mob-mt20{
        margin-top: 20px;
    }
    .cart-ckout-row,.new-cart-div{
        box-shadow: none;
    }
    .mob-mt20{
        margin-top: 20px;
    }
    .p15{
        padding: 15px !important;
    }
    .mob-p15{
        padding: 15px !important;
    }
    .mob-p015{
        padding: 0 15px !important;
    }
    .mob-fs18{
        font-size: 18px !important;
    }
    mob-fs10{
        font-size: 10px !important;
    }
    .mob-fs16{
        font-size: 16px !important;
    }
    .mob-fs15{
        font-size: 15px !important;
    }
    .mob-mt-0{
        margin-top: 0px !important;
    }
    .mob-mt-10{
        margin-top: 10px !important;
    }
    .bordered-line{
        border-bottom: none;
    }
    .mob-txt-align{
        text-align: center !important;
        display: inherit;
    }
        .desc-container{
            max-height: 135px;
        }
    .mob-p10{
        padding: 10px !important;
    }
    .page-content{
        height: calc(100% - 50px);
    } 
    .page-content.reg-pge-content{
        height: calc(100% - 100px);
    }
    .event-mulcart-div{
        max-height: calc(100vh - 350px);
        overflow: auto;
    }
    .mem-pp-div{
                max-height: calc(100vh - 500px);
                overflow: auto;
    }
    .curr-card .card-header{
        min-height: 55vw !important;
    }
    .card-listing .card{
        margin-top: 0px;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    }
    .mob-mt10{
        margin-top: 10px;
    }
    .navbar-hidden{
        height: 60px !important;
        display: block;
    }
    .mob-mrgn-top{
        margin-top: 0px !important;
    }
    .myacc-page-content.with-toolbar-btn{
        margin: 60px 0 112px 0;
        padding: 0 !important;
        height: calc(100% - 172px);
    }
    
    #myaccdiv.page-content{
         height: calc(100% - 70px);
     }
    .retail-view .page-content.retail_payment_update{
        background: #f4f6f8;
    }
    .retail-update-pm .card-content-inner{
        padding: 10px !important;
    }
    .h0{
        height: calc(100% - 0px)!important;
    }
     James 
    .toolbar{
        height:50px;
    }
    .navbar::after,.toolbar::before{
        background-color: #efefef;
        background-color: #c4c4c4;
    }
    .toolbar.custom-toolbar-xlheight{
        height: 90px;
    }
    .page-content{
        margin: 60px 0 50px 0;  Header = 60px, Footer menu = 50px, Total - 110  
        padding: 0 !important; 
        height: calc(100% - 110px);
    } 
    .page-content.reg-pge-content{
        height: calc(100% - 100px);
    }
    .listing .page-content .my-account .page-content{
        margin: 60px 0 50px 0;  Header = 60px, Footer menu = 50px, Total - 110  
        padding: 0 !important; 
        height: calc(100% - 110px);
    }
    .listing.wo-btmtb .page-content {
        height:calc(100% - 60px);
        margin: 60px 0 0 0;
    }
    .date-page .page-content{
        height: calc(100% - 100px) !important;
        padding: 0 !important;
        margin-bottom: 40px;
    }
        .cart-page .page-content{
            margin-bottom: 155px;
            height: calc(100% - 215px);
        } 
    .cart-page .page-content{
        margin-bottom: 90px;
        height: calc(100% - 150px);
    } 
    .cart-page.with-disc .page-content{
        margin-bottom: 155px;
        height: calc(100% - 215px);
    } 
    .cart-page.bothdisc-cart .page-content{
        margin-bottom: 205px;
        height: calc(100% - 265px);
    } 
    .cart-page.zerocost.bothdisc-cart .page-content{
        margin-bottom: 200px;
        height: calc(100% - 260px);
    } 
    .date-page .toolbar{
        height:40px;
    }
    .date-page .toolbar a.button.active-cus, .retail-view .product_desc .active-cus.toolbar-button{
        margin: 0;
        padding-top: 8px;
    }
    .desc-page .page-content, .checkout-page .page-content{
        height: calc(100% - 150px);
        margin-bottom: 90px;
    }
    .desc-page.zerocost .page-content, .cart-page.zerocost .page-content, .checkout-page.zerocost .page-content{
        height: calc(100% - 130px);
        margin-bottom: 70px;
    }
    .retail-view .desc-page.zerocost .page-content{
        height: calc(100% - 180px);
        margin-bottom: 70px;
    }
    .cart-page.zerocost.with-disc .page-content,has-cent-oneline.cart-page.zerocost.with-disc .page-content{
        height: calc(100% - 195px);
        margin-bottom: 135px;
    }
    .desc-page.zerocost .toolbar, .cart-page.zerocost .toolbar, .checkout-page.zerocost .toolbar , .appointment_proceed_checkout_page.zerocost .toolbar , .appointment_register_page.zerocost .toolbar{
        height:70px; 
    }
    .appointment_register_page.align_class_toolbar .toolbar{
        height:40px !important;
    }
    .toolbar_height_align{
        height:40px !important;
    }
    .checkout-span{
        display: block;
    }
    .toolbar-price {
        padding-top: 7px;
    }
    .toolbar-price span{
        font-size: 13px;
        position: relative;
        top: -5px;
        display: block;
    }
    .custom-toolbar-smheight{
        height:40px;
    }

    .bottom-row{
        bottom:155px;
        z-index:500;
    }
    .bottom-row .cart-ckout-row{
        padding:15px;
    }
    .cart-page.zerocost.with-disc .bottom-row,has-cent-oneline.cart-page.zerocost.with-disc .bottom-row{
        bottom: 135px;
        z-index: 500;
    }
    .bothdisc-cart .bottom-row{
        bottom: 190px;  
    }
    .bothdisc-cart.zerocost .bottom-row{
        bottom: 201px; 
    }
    .retail-view .active-cus.toolbar-button{
        border-radius:0;
        height:40px;
        padding-top: 7px !important;
        margin: 2px 0 0 !important;
    }
    .mobile-view .retail_cart_list{
        padding-bottom: 0px;
        box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
    }
    .unauthorized-screens .decider{
        margin:0 !important;
    }
    .retail_checkout .pm-section{
        padding-top:10px;
    }
    .participantListContent{
        padding-bottom:0;
    }
    .view.reff-view .navbar .navbar-inner,.view.tab.myaccount-view .navbar .navbar-inner,.view.message-view .navbar .navbar-inner,.view.tab.curr-view .navbar .navbar-inner{
        border-bottom: 1px solid rgb(223,227,233);
    }
    .new-cart-card{
        box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
    }
    .web-cart-row h3{
        padding-left: 10px;
    }
    .sf-disc + .mf-disc{
        border-top: none;
        box-shadow: 0 4px 3px 0 rgba(184, 184, 184, 0.5);
        padding-top: 0px;
    }
    .sf-disc.ng-hide + .mf-disc {
        border-top: 1px solid #efefef;;;
        box-shadow: 0 1px 3px 0 rgba(184, 184, 184, 0.5);
        padding-top: 15px;
    }
    .sf-disc, .mf-disc{
        box-shadow: none !important;
    }
    #c-tab .toolbar-inner{
        padding-left: 0;
        padding-right: 5px;
    }
    .waiv-sec, .pay-sec{
        margin-top: 0;
    }
    .mem-disc{
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }
    .bottom-row .disc-sec{
        padding-right: 20px;
    }
    .disc-sec.disc-row, .sf-disc.disc-sec.disc-row + .mf-disc.disc-sec.disc-row{
        padding-top: 7px;
    }
    .disc-sec.disc-row span{
        position: relative;
        top: 2px;
    }
    .sf-disc.disc-sec.disc-row.applied{
        padding-bottom: 0
    }
    .mf-disc.disc-sec.disc-row.applied{
        padding-bottom: 0
    }
    .custom-card-cont{
        padding-left: 5px;
    }
    .card-footer{
        padding: 10px;
    }
    .both-disc .sf-disc{
        padding: 10px 15px 0px 10px;
    }
    .both-disc .mf-disc{
        padding: 10px 15px 11px 10px;
    }
    .message-view .page-content{
        margin: 60px 0 105px 0;
        height: calc(100% - 165px);
    }
    .curr-view .card-header h3{
        margin-top: 50%;
    }
    .mob-pt10{
        padding-top:10px !important;
    }
    .mob-pt11{
        padding-top: 11px !important;
    }
    .cart_delete{
        margin-top: 10px;
    }
    .icon-padding{
        padding: 15px 5px 15px 15px;
    }
    .quantity_box{
        margin-top: 5px;
    }

    .has-cent-pro .toolbar-price span{
        font-size: 11px;
        position: initial;
        top:0px;
        display: inherit;
    }

    .has-cent-pro .toolbar-price span small{
        font-size: 11px;
    }

    .has-cent-pro .toolbar.custom-toolbar-xlheight{
        height: 106px;
    }
    .has-cent-pro.cart-page.with-disc .page-content{
        height: calc(100% - 232px);
    }
    .has-cent-pro.cart-page .page-content,.has-cent-pro.checkout-page .page-content{
        height: calc(100% - 167px);
    }
    .centlabel{
        width:auto;
    }
    .trash_icon_light{
        margin-top:10px;
    }
    
    CLASS SCHEDULE CLASSES
    .classschedule-view .page-content {
        margin: 60px 0 50px 0;  Header = 60px, Footer menu = 50px, Total - 110  
        height: calc(100vh - 110px);
    }
    .Android .classschedule-view .page-content {
        margin: 60px 0 50px 0;
        height: calc(100vh - 160px);  +50 px for browser bar
    }
    .classschedule-view .navbar{
        display:block;
    }
    .appointment_subtitle{
        font-size: 13px;
        font-weight: 600;
    }
    .appointment_time{
        padding: 11px 0px;
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }
    .appointment_title{
        font-size: 16px;
        font-weight: 500;
    }
    .classschedule-view .container{
        max-width: calc(90% - 30px);
    }
    .classschedule-view .card-container{
        margin: 15px auto !important;
        max-width: calc(100% - 30px);
    }
    .classschedule-view .cstm-back-icon{
        height: 20px;
    }
    .classschedule-view .cstm-new-back{
        position:relative;
        bottom:3px;
    }
    .classschedule-view .participant_listing_page h2{
        left: -10px;
        position: inherit;
        margin-top: 0px !important;
    }
    .iOS.safari.Tablet .classschedule-view .participant_listing_page .page-content,
    .MacOS.safari.Tablet .classschedule-view .participant_listing_page .page-content,
    .MacOS.safari.Mobile .classschedule-view .participant_listing_page .page-content,
    .iOS.safari.Tablet .classschedule-view .class_listing_page .page-content,
    .MacOS.safari.Tablet .classschedule-view .class_listing_page .page-content,
    .MacOS.safari.Mobile .classschedule-view .class_listing_page .page-content{
        margin: 60px 0 50px 0;
        height: calc(100vh - 130px);
    }
    
    .MacOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 190px);
    }
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content,
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content{
         margin: 60px 0 185px 0;
        height: calc(100vh - 185px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 245px);
    }
    .iOS.chrome.Tablet .classschedule-view .participant_listing_page .page-content,
    .MacOS.chrome.Tablet .classschedule-view .participant_listing_page .page-content,
    .iOS.chrome.Mobile .classschedule-view .participant_listing_page .page-content,
    .MacOS.chrome.Mobile .classschedule-view .participant_listing_page .page-content,
    .iOS.chrome.Tablet .classschedule-view .class_listing_page .page-content,
    .MacOS.chrome.Tablet .classschedule-view .class_listing_page .page-content{
        margin: 60px 0 50px 0;
        height: calc(100vh - 160px);
    }
    .classschedule-view .col-33-cardlisting{
        width:50%;
    }
    .classschedule-view .checkout .row.split_view > .col-50 {
        width: 100%;
    }
    .classschedule-view .checkout .card-content-inner{
        padding: 0;
    }
    .classschedule-view .checkout .container{
        max-width: 550px;
    }
    .classschedule-view .card-content-inner{
        padding: 15px !important;
    }
    .classschedule-view .class-schedule-navbar .left, .appointment_register_page .class-schedule-navbar{
        display: none;
    }   
    .classschedule-view .appointment_register_page .card-container{
        padding-bottom: 0;
    }
    .classschedule-view .appointment_register_page .page-content{
        margin: 60px 0 172px 0;
        height: calc(100vh - 172px);
    }
    .Android .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 230px 0;
        height: calc(100vh - 220px);
    }
    .iOS.safari.Tablet .classschedule-view .appointment_register_page .page-content,
    .MacOS.safari.Tablet .classschedule-view .appointment_register_page .page-content,
    .MacOS.safari.Mobile .classschedule-view .appointment_register_page .page-content{
        height: calc(100vh - 70px);
        padding: 0 !important;
        margin: 0;
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content{
        margin: 60px 0 247px 0;
        height: calc(100vh - 247px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content{
        margin: 60px 0 247px 0;
        height: calc(100vh - 174px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 247px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 330px);
    }
    .iOS.chrome.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 173px 0;
        height: calc(100vh - 318px);
    }
    .iOS.chrome.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 235px 0;
        height: calc(100vh - 235px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 203px 0;
        height: calc(100vh - 330px);
    }
    .iOS.chrome.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 119px 0;
        height: calc(100vh - 318px);
    }
    .iOS.chrome.Tablet .classschedule-view .appointment_register_page .page-content,
    .MacOS.chrome.Tablet .classschedule-view .appointment_register_page .page-content,
    .iOS.chrome.Mobile .classschedule-view .appointment_register_page .page-content,
    .MacOS.chrome.Mobile .classschedule-view .appointment_register_page .page-content{
        margin: 60px 0 235px 0;
        height: calc(100vh - 235px);
    }
    .classschedule-header .left{
      font-weight: 500;
      font-size: 24px;  
    }
    .appointment-slot .day{
       font-weight: 500; 
    }
    LANDING PAGE CSS
    .landing-about {
        padding: 15px 15px 60px 15px;
    }
    .header-swiper.swiper-container{
        height: 300px;
    }
    .overlay-container .overlay-text{
        height: 380px;
    }
    .award-bg-img{
        height: 50px;
        margin:10px;
    }
    .gallery-promo-section h1{
        font-size: 24px;
    }
    .about-section-content h1{
        font-size: 22px;
    }
    .overlay-text h1 {
        font-size: 25px;
    }
    .image-gallery-view{
         padding: 3% 20% 0% 20%; 
        margin-top: 10%;
        margin-left: 0%; 
    }
    .image-gallery-view-close{ 
        padding-right: 10%; 
        margin-top: 7%;
    }
    .imagegallery-swiper.swiper-container {
        width: 659px;
        height: 439px;
        margin: 15px 53px 212px 56px;
        padding: 13px 11px 95px 8px;
    }
    .image-gallery-view-close .f7-icons{
        font-size: 35px;
    }
    .landing-about p{
        font-size: 18px;
    }
    .review-section h3{
        font-size: 24px;
     }
    .review-swiper.swiper-container{
        height: 200px; 
    }
    .gallery-header h6{
    font-size: 16.5px !important;
    }
    .gallery-header h6.viewall{
        font-size: 16.5px !important;
    }
    .slider-img-caption{
        font-size: 18px;
    }
    .gallery-promo-section h4{
    font-size: 20px;
    }
    .gallery-promo-section button{
        width:175px;
    }
    .iframe-container{
        padding-top: 75.25%;
        HIDE THIS CODE FOR AVOIDING SPACE FOR VIDEO HEADER IN TAB AND MOBILE VIEW
    }
    .award-section.server-image img + img{
        margin-left:25px;
    }
    .mobile-ManagePayments{
        height: 100%;
    }
    .mobile-ManagePayments .col-25.myaccount-sub-view{
        display: none;
    }
    .myaccount-sub-summary{
        background: #f4f6f8;
    }
    .nav-grey-bg{
        background: #f7f7f8;
    }
}

@media only screen and (max-width: 1200px) {
    .signwebdiv, .signtabdiv{
        display:none;
    }
    .signsmallwebdiv{
        display:block;
    }
}

@media only screen and (max-width: 900px) {
    .carousal_select {
        max-width: 280px;
    }
    .retail-place-your-order{
        padding-top: 10px;
    }
    .signwebdiv, .signsmallwebdiv{
        display:none;
    }
    .signtabdiv{
        display:block;
    }
    .failure_payment_modal{
        left: 45%;
    }
    .summary_scroll{
        width: 100%;
    }
    .detailsWidth{
        max-width: 85px;
        width: 85px;
    }
}

@media only screen and (max-width: 600px) {
    .col-33-cardlisting{
        width:100%;
    } 
    .carousal_select {
        max-width: 150px;
    }
    .discount-container.mobile-view {
        bottom: 120px;
    }
    .retail-place-your-order{
        padding-top: 10px;
    }
    .row .tablet-5{
        margin-right: 0px;
    }
    .new-maxwidth320-cont{
        max-width: 1200px;
        overflow: auto;
        margin: auto;
        margin-bottom: 0px;
    }
    .popover-student-country{
        left: 5px !important;
        top:240px !important;
    }
    .popover-student-country-angle{
        left:40px !important;
        top:-25px !important;
        transform: rotate(90deg);
    }
    .myacc-edit-btn, .myacc-del-btn{
        width: 48%;
    }
    .only-mob-view{
        display:block !important;
    }
    .not-mob-view{
        display:none !important;
    }
    .mob-mt40{
        margin-top: 40px;
    }
    .active-cus.toolbar-button {
                bottom: 5px;
                position: absolute; 
                width: 96%;
    }
    .unver_text{
        font-size: 13px;
    }
    .border-btn{
        bottom: 0px !important;
    }
    .centered-modal{
        width: 90% !important;
        max-width:360px !important;
    }
    .part-list-width{
        width: 100%;
    }
    .myacc-page-content{
               margin-top: auto;
               z-index: auto;
               position: initial;
    }
        #myaccdiv.page-content{
            height: calc(100% - 70px);
        }
        .retail-view .page-content.retail_payment_update{
            padding-top: 61px !important;
        }
    .retail-update-pm{
        width:100%;
    }
    .xs-container{
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
    .bgset{
        background: #f4f6f8;
    }
    .mobile-pt20{
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .h0{
        height: calc(100% - 0px)!important;
    }
    .editsign-icn{
        bottom: 70px;
        right: 5px;
    }
    .has-cent-pro .toolbar.custom-toolbar-xlheight{
        height: 122px;
    }
    .has-cent-pro.cart-page.with-disc .page-content{
        height: calc(100% - 248px);
    }
    .has-cent-pro.cart-page .page-content,.has-cent-pro.checkout-page .page-content{
        height: calc(100% - 183px);
    }
    .has-cent-pro.has-cent-oneline .toolbar.custom-toolbar-xlheight{
        height: 106px;
    }
    .has-cent-pro.has-cent-oneline.cart-page.with-disc .page-content{
        height: calc(100% - 232px);
    }
    .has-cent-pro.has-cent-oneline.cart-page .page-content,.has-cent-pro.checkout-page .page-content{
        height: calc(100% - 167px);
    }
    .retail-view .page-content.retail_payment_update.shipping_details{
        margin-top: 60px !important;
        height: calc(100% - 40px) !important;
    }
    
    .classstart .picker-calendar-row{
      height: calc(100% / 6);  
    }
    
    .picker-modal.classstart.picker-calendar{
        width: 90% !important;
        background-color: #f6f6f6;
        border-radius: 0px;
        height: 300px;
        left: 5% !important;
        top: 108px;
    }
    .picker-modal.picker-calendar.classstar{
        border: 1px solid #e3e3e3;
    }
    .classstart .picker-modal-inner{
        background: #f6f6f6;
    }
    .picker-modal .toolbar::before{
        background-color: transparent;
    }
    .classstart .picker-modal-inner .picker-calendar-day{
        font-size: 11px;
    }
    .participant_listing_page .participant_name{
        font-size: 15.5px;
        text-align: left;
        width:100%;
    }
    .participant_listing_page .participant_title{
        font-size: 13.5px;
        text-align: left;
        font-weight: 400;
        padding: 0;
    }
    .list-card-mobile{
        border: solid 1px #dfe3e9;
        border-left: 0;
        border-right: 0;
        text-align: center;
        background: white;
        padding: 15px;
    }
    .list-card-mobile .appointment_title{
        margin:0;
        text-align: left;
        color: #8A9091;
        font-weight: 600;
    }
    .appointment_subtitle{
        text-align: left;
        font-size: 13px;
        font-weight: 100;
    }
    .Android .appointment_subtitle {
        font-weight: 400;
    }
    .appointment-arrow{
        padding: 11px 0;
        margin: 0px;
    }
    .participant_listing_page .appointment-arrow{
        padding: 16px 0 0;
    }
    .appointment_time {
        text-align: left;
        padding-top: 10px;
    }
    .classschedule-view .select-participant{
        border: solid 1px #dfe3e9;
        text-align: left;
        border-left: 0;
        border-right: 0;
        padding: 10px;
        font-size:14px;
        font-weight: 600;
        background: white;
        position: inherit;
    }
    .list-card-mobile:first-child ,.list-card-mobile + .list-card-mobile{
        border-top:none;
    }
    .classschedule-view .checkout .container{
        max-width: none;
    }
    .classschedule-view .checkout .card-container{
        margin: 0 !important;
        max-width:none;
    }
    .classschedule-view .checkout .no-min.card{
        margin: 0;
    }
    .classschedule-view ul.horz_carousal {
        height:35px;
        top:0;
        padding:5px 0;
    }
    .classschedule-view ul.horz_carousal .day-span{
        font-size: 11px;
        font-weight: 600;
    }
    .classschedule-view ul.horz_carousal .date-span{
        position: relative;
        top:5px;
        font-size: 11px;
    }
    .classschedule-view ul.horz_carousal .active-date .date-span{
        color: #009a61;
        border-bottom: 2px solid #009a61;
    }
    .classschedule-view ul.horz_carousal .active-date .day-span{
        font-weight: 700;
    }
    LANDING PAGE CSS
    .landing-banner{
        padding: 6px 0px 5.6px 0px;
        font-size: 14px;
    }
    .overlay-text h1 {
        font-size: 20px;
    }
    .program-swiper.swiper-container,.event-swiper.swiper-container{
        height: 154px; 
        padding: 0 0 70px 0;
    }
    .slider-img-caption{
        top:130px;
    }
    .award-bg-img{
        height: 40px;
        margin: 0 10px;
        width: calc(100% - 10px);
    }
    .gallery-promo-section h1{
        font-size: 22px;
    }
    .about-section-content h1{
        font-size: 21px;
    }
    .social-section img{
        margin:18px;  
    }
    .landing-preview-button{
        margin: 6px 0px 0px 0px;
        width:auto;
        font-size: 11px;
    }
    .review-swiper.swiper-container{
        height: 170px; 
    }
    .image-gallery-view{
         padding: 0px;
        margin-top: 31%;
        margin-left: 0%;   
    }
    .imagegallery-swiper.swiper-container {
        width: 290px;
        height: 193px;
        margin: 160px 43px 177px 42px;
        padding: 1px 60px 24px 64px;
    }
    .image-gallery-view-close .f7-icons{
        font-size: 30px;
        font-weight: 700;
    }
    .gallery-header h6{
    font-size: 15.5px !important;
    }
    .gallery-header h6.viewall{
        font-size: 15.5px !important;
    }
    .slider-img-caption{
        font-size: 16px;
    }
    .review-section h3{
        font-size: 19px;
     }
    .landing-about p{
         font-size: 15.5px;
     }
    .landing-preview span{
        font-size: 14px;
    }
    .cancel_rescheduler_flag{
        font-weight: 500;
        line-height: 40px;
        text-align: left;
    }
    .reschedulebannertext{
        line-height: 25px;
        font-weight: 500;
        text-align: left;
    }
    .summary_innersection .tab{
        width: 84px;
    }
    .summary_innersection  .tab .activegreen{
        padding: 0 0px 11px;
    }
    .summary_innersection .ul-tab{
        padding-bottom: 0px;
        border:1px solid #DDE1E5;
        border-left:none;
        border-right:none;
    }
    .cssummarynotxt{
        padding-left:15px;
    }
}*/

/*curriculum css*/
/*@media (min-width:481px) and (max-width: 1024px) {
    #newcurr_box .actualbox{
        width: 50% !important;
        padding: 5px;
    }
    #newcurr_box .curr_justify , #newcurr_sub_box .curr_justify{
        padding: 10px;
    }  
}
@media (min-width:481px) and (max-width: 1023px) {
    #newcurr_sub_box .col-50{
        padding: 5px !important;
    }
}
@media only screen and (max-width: 767px) {
    .labelAlignMT2 > .col-100.tablet-50:nth-child(2), .mob-form-group-align{
        margin-top: 15px;
    }
    .landing-preview span{
        margin-left: -34%;
    }
}
@media only screen and (max-width: 700px) {
    #newcurr_sub_box .col-50{
        width: 100% !important;
    }
}
@media only screen and (max-width: 480px) {
    #newcurr_box .actualbox{
        width: 100% !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #newcurr_sub_box .col-50{
        width: 100% !important;
    } 
    .stripeCheckoutDecideModal{
        width:300px!important;
    }
    .MemstripeCheckoutDecideModal{
        width:300px!important;
    }
}
@media only screen and (min-width: 1280px) {
    #newcurr_box{ 
        max-width: 1240px !important;
    }
    LANDING PAGE SLIDER ROW ADJUSTMENT FOR DESKTOP VIEW
    .slider-row-width{
        width: 80%;
    }
} 
@media only screen and (min-width:700px) and (max-width:800px){
    .play-img{
        width: 150px;
        top: 35%;
        left: 40%;
    } 
     .what-other-saying-content{
        margin-top: 260px;
    }
    
} 
@media only screen and (max-width: 990px) {
     .class_cvv_mob_align{
        margin-top: 15px;
    }
     .class_cc-year_mob_align{
        margin-top: 10px;
    }
    #desk-nav{
        display: none !important;
        doubt
    }
    #newcurr_sub_box{
        margin: 30px !important; 
    }
} 
@media only screen and (max-width: 400px) {
.play-img{
    width: 150px;
    top: 15%;
    left: 25%;
    }
    .summary_innersection .tab {
        width:66px;
    }
}
@media only screen and (min-width:400px) and (max-width:500px){
    .play-img{
        width: 150px;
        top: 20%;
        left: 30%;
    }
}*/

/*@media (max-width:790px) and (min-width:600px) {
    .currimgbox{
        height: 190px !important;
    }
}
@media (max-width:600px) and (min-width:480px) {
    .currimgbox{
        height: 150px !important;
    }
}
@media only screen and (max-width: 480px) {
    .currimgbox{
        height: 180px !important;
    }
}
@media (max-width:1279px) and (min-width:990px) {
    .currimgbox{
        height: 240px !important;
    }
}

curr feedback 
@media only screen and (max-width: 480px) {
    .curr_justify{
        margin-top: 5px !important;
    }
}
@media only screen and (max-width: 480px) { 
    #newcurr_sub_box{
        margin-left: 10px ;margin-right: 10px ;
    }
    #newcurr_sub_box .curr-card,.curr-cont-card-shadow{
        height: 140px !important;
    } 
    #newcurr_sub_box h3,h6{
        height: 41px;
    }
} */




/*@media only screen and  (min-width:991px){
    .class_cvv_mob_align{
        margin: 0 !important;
    }
    #view-3 .currhight{
        display: none;
    }
    #view-3 .navbar-through{
        margin-top: -45px;
    }
    #view-3 .actualbox {
        padding: 5px;
    }
    #view-3 .curr_justify{
        padding: 10px;
    } 
    #view-3 .web-mt20 .left{
        margin-left: 25px;
        margin-top: 30px;
    }
    #newcurr_sub_box .col-50{
        padding: 8px !important;
    } 
}
@media  (min-width:992px) and (max-width:1024px){
    #view-3 .currhight{
        display: none;
    } 
    #view-3 .icon-back{
        display: block !important;
    } 
    #view-3 .cstm-back-icon{
        display: none !important;
    }
    #view-3 .cstm-new-back{
        color: #00ad68 !important;
    }
}
@media  only screen and (min-width:1025px){
    #newcurr_sub_box .col-50{
        width: 40%;
    }
}*/
.currsubmargin{
    margin: 0px !important;
}
#newcurr_box p{
    height: 26px;margin-top: 8px;color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 600;
    width: 90%;
    margin-bottom: 4px;
    -webkit-font-smoothing: antialiased;
}  

#view-9 .center{
    left: -9px !important;
    top: 1px !important;
}
#view-9 .retail_catagory_center{ 
    left: -4px !important;
    top: 0px !important;
}
#view-9 .retail_checkout_center{ 
    left: -4px !important;
    top: 0px !important;
} 
#view-9 .retail_cart_center{
    left: -12px !important;
    top: 0px !important;
} 
#view-3 .curr_sub_section_center{
    left: -22px !important; 
}  
#view-1 .event_main_center{
    /*left: -29px !important;*/ 
    top: -2px !important;
}  
#view-1 .single_event_center{
    left: 7px !important; 
    top: -2px !important;
} 
#view-1 .single_cart_center{
    left: 7px !important; 
    top: -2px !important;
} 
#view-1 .single_event_checkout_center{
    left: -24px !important;  
    top: -2px !important;
} 
#view-1 .multiple_event_center{
    left: -24px !important;  
    top: -2px !important;
}  
#view-1 .multiple_event_dates_center{
    left: 6px !important;  
    top: -2px !important;
} 
#view-1 .multiple_child_center{
    left: 6px !important;  
    top: -2px !important;
}  
#view-1 .multiple_event_checkout_center{
    left: -24px !important;  
    top: -2px !important;
} 
#view-1 .multiple_cart_center{
    left: 5px !important;  
    top: -2px !important;
}
#view-3 .col-100 {  
    height: calc(100% / 2) !important; 
}
.menu_icn{
    font-weight: 600;font-size: 27px !important;
}

/*dropdown*/

.custom_dropdown {
  position: relative;
  display: inline-block;
}

.custom-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9; 
  box-shadow: 0 2px 7px 0 rgba(110, 110, 110, 0.5);
  z-index: 10000;
  width: 100%;
  border-radius: 7px;
  background-color: #ffffff; 
}

.custom-dropdown-content li{
  font-family: OpenSans;
  font-size: 15px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #4a4a4a;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  list-style: none;
}
.custom-dropdown-content li:hover{ 
    background: #dfdcdc;
}
.custom-dropdown-heading:hover{
    background: white !important;
}

.cstm-col-59{
    width:59% !important;
}

.cstm-col-39{
    width:39% !important;
}
.award-section .col-16{
    /*width: 12.66666%;*/
    /*padding: 0rem 12.5px;*/
}
.award-section img{
/*    width: 65%;
    padding: 5px;*/
/*    position: relative;
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%*/
}
.default-pgmandevent-img{
    width: 100%;
    height: 225px;
}

.bothdisc-cart .bottom-row{
   bottom: 207px;  
}

/*FOR IPHONE 6/7/8/SE
@media only screen and (max-width:768px){
 .state_placeholder{
     font-size: 10px;
  }  
  .summary_scroll{
      max-height: calc(100vh - 231px)!important;
  }
}
@media only screen and (max-width:599px){
   HIDE THIS CODE FOR UPDATE MOCK 
    .award-section img{
        width: 90%;
    }  
    .award-section .col-16{
        width: 16.66% ;
    }
    .about-section-content{
        width: 100%;
    }
}
@media only screen and (max-width:1024px) and (min-width:600px){
     HIDE THIS CODE FOR UPDATE MOCK
    .award-section .col-16{
        width: 12%;
    }
    .about-section-content{
        width: 82%;
    }
 }

 iphone 6, 6s, 7, 8 
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
   .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 244px 0;
        height: calc(100vh - 390px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 161px 0;
        height: calc(100vh - 288px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 174px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 224px);
    }
}

 iphone 6+, 6s+, 7+, 8+ 
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 244px 0;
        height: calc(100vh - 390px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 260px 0;     
        height: calc(100vh - 386px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 175px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 225px);
    }
}
   iphone X , XS, 11 Pro 
@media only screen and (max-width:641px) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content, 
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 235px);
        margin: 60px 0 50px 0;
        height: calc(100vh - 223px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 295px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 286px 0 !important;
        height: calc(100vh - 244px) !important;
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 214px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 210px 0;
        height: calc(100vh - 390px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 225px 0;
        height: calc(100vh - 390px);
    }
    .retail-view .mobile-view .carousal_content{
        height: calc(100vh - 150px);
    }
    .summary_scroll{
      max-height: calc(100vh - 265px)!important;
  }
}

 iphone XR, 11 
@media only screen and (max-width:641px) and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { 
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content, 
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 235px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 295px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 264px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 225px 0;
        height: calc(100vh - 333px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 213px);
    }
    
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 149px 0;
        height: calc(100vh - 333px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 168px 0;
        height: calc(100vh - 333px);
    }
    .retail-view .mobile-view .carousal_content{
        height: calc(100vh - 150px);
    }
    .summary_scroll{
      max-height: calc(100vh - 265px)!important;
  }
}

 iphone XS Max, 11 Pro Max 
@media only screen and (max-width:641px) and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content, 
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 235px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 295px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 264px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 250px 0;
        height: calc(100vh - 291px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 214px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 110px 0;
        height: calc(100vh - 294px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 129px 0;
        height: calc(100vh - 294px);
    }
    .retail-view .mobile-view .carousal_content{
        height: calc(100vh - 150px);
    }
    .summary_scroll{
      max-height: calc(100vh - 265px)!important;
  }
}

 iphone 12 Pro Max 
@media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) { 
     .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.with-disc .page-content {
        margin: 60px 0 110px 0;
        height: calc(100vh - 294px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_proceed_checkout_page.zerocost.with-disc .page-content {
        margin: 60px 0 160px 0;
        height: calc(100vh - 325px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zerocost .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 214px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 247px 0;
        height: calc(100vh - 265px);
    }
}

 landing page css 

  @media only screen and (max-width:700px){
    .landing-social-icon{
        width: 41px;
      } 
   }

   @media only screen and (max-width:400px){
 
      .swiper-slide img{
        width: 125px !important;
        height: 120px;
       }
       .swiper-container {
        height: 141px;
      }
      .program-text{
        width: 125px;
      }
   }
   @media only screen and (max-width:555px) and (min-width:401px){
    
      .swiper-slide img{
        width: 155px !important;
        height: 144px;
       }
       .swiper-container {
        height: 171px;
      }
      .program-text{
        width: 155px;
      }
   }

   @media only screen and (max-width:630px) and (min-width:556px){
    
    .swiper-slide img{
      width: 180px !important;
      height: 160px;
     }
     .swiper-container {
      height: 181px;
    }
    .program-text{
        width: 180px;
      }
 }

 @media only screen and (max-width:800px) and (min-width:631px){
    
    .swiper-slide img{
      width: 225px !important;
      height: 200px;
     }
     .swiper-container {
      height: 220px;
    }
    .program-text{
        width: 226px;
      }
 }
 @media only screen and (max-width:990px) and (min-width:770px){
     .summary_scroll{
            height: 100%!important;
        }
 }*/
 .myaccount-view .myacc-main-row{
    border-radius: 10px;
    align-items: inherit;
 }
.myaccount-summary{
    padding: 25px 30px;
}

.summary-text{
    
}
.summary-body{
    padding: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3675px;
}
.summary-header{
    padding: 15px;
/*    border-bottom: 1px solid #DDE1E5;*/
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.433333px;
    text-transform: capitalize;
}
.summary-card{
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.25);
    border-radius: 10px;
    background-color: white;
    height: 50px;
    width: 270px;
    cursor: pointer;
}
/*.myaccount-summary .summary-card:not(:first-child) {
   margin-top: 10px;
}*/
.failure_payment_modal{
    width: 332px!important;
}
.failure_payment_modal .modal-inner{
    padding: 0px;
}
.modal-header{
    font-weight: 500;
    font-size: 16.675px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.212574px;
    padding: 27px 24px;
}
.failure_payment_modal button{
    border: none;
    background-color: white;
    padding: 22px 0px;
    font-weight: 600;
    font-size: 16.875px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.163123px;
    color: #009A61;
}
.failure_payment_modal button[disabled]{
    color: rgba(0, 154, 97, 0.4);
}   
.failure_payment_modal .row{
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    height: 23px;
    background: white;
    align-content: center;
    border-bottom: 0.5px solid #DFE3E7;
    text-align: left;
}
.failure_payment_modal .failure-content{
    max-height: 52px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.3675px;
    padding: 18px 15px 15px 15px;
    padding-right: 0px;
}
.failure_payment_modal .row:last-child{
    border-bottom: none;
}
.myacc-main-ul span{
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.24px;
    font-weight: 600;
    letter-spacing: -0.24px;
}
.myacc-main-ul .active span{
    color: #009A61;
}
.myacc-main-ul img{
    width: 14px;
    height: 14px;
    object-fit: contain;
    position: absolute; 
    margin-top: 2px;
}
.myacc-main-ul .item-title span{
    padding-left: 30px;
}
.w30{
    width: 30px;
}
.failed_payments{
    max-height: 370px;
    overflow-y: auto;
}
.failed_payments .row:last-child{
    border-bottom: none;
}
/*.failure_payment_modal .row div:nth-child(1) span:nth-child(1){
    padding-left: 15px;
}*/
.failure_payment_modal .row div:nth-child(1) {
    width: 85px;
}
.failure_payment_modal .row div:nth-child(2) {
    width: 107px;
/*    padding-left: 8px;*/
}
.failure_payment_modal .row div:nth-child(3) {
    width: 95px;
    /*padding-left: 7px;*/
}
.failure_payment_modal .content-overflow div:nth-child(2) {
    width: 100px;
}
.failure_payment_modal .content-overflow div:nth-child(3) {
    width: 110px;
}
.failure-header{
    border-top: 0.5px solid #DFE3E7;
    white-space: nowrap;
    padding: 8px 5px 5px 15px;
    align-items: center;
}
.txt-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* The container */
.customize_checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customize_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.customize_checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #979797;
  box-sizing: border-box;
  border-radius: 3px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.customize_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customize_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customize_checkbox .checkmark:after {
  left: 5px;
  top: -1px;
  width: 4px;
  height: 12px;
  border: solid #009A61;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkmark_img{
    width: 12px;
    height: 13px;
    position: absolute;
    object-fit: contain;
    top: -2px;
}
.failure_payment_modal{
    top: 50%;
}
/*deepz - ms-3082 - enable scroll*/
/*.enablescrollnew{
    max-height: 250px;
    overflow: auto
}

.enablescrollpad{
    padding-right: 0;
}*/
        /*Prem start*/
    .sum{
        border: none;
        padding: 15px;
    }
    .png{
        width: 9px;
        margin-top: 46px;
    }
    /* End */ 
    
    
    
    

/*Arockiya css*/

.cancel_reschedule_button{
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: 46px;
    height: 26px;
    display: none;
    text-align: center;
    line-height: 23px;
    position: initial;
    right: 16px;
    top: 13px;
}

.cancel_reschedule_popup{
    width: 111px !important;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 9px;
    display: none;
    z-index: 2;
}

.cancel_reschedule_popup .popover-angle{display: none !important;}

.modal-overlay-visiblenew {background: transparent !important}


.cancel_reschedule_popup p, .cancel_reschedule_popup  a{
    margin:11px 15px  !important;
   height: 36px;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 1px;
    color:#000 !important
}




.summary-header_inner{
font-family: OpenSans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.433333px;
color: #000000;
padding-bottom: 11px;
}

.summary_innersection{
     /*padding: 20px 30px;*/
/*   padding: 20px 30px;
  overflow-x: hidden;
   max-height: 530px;
   overflow-y: auto;*/
}

/*.summary_innersection #upcome, .summary_innersection #cancel{padding-right: 20px;}*/

.summary_innersection #complete, .summary_innersection #upcome, .summary_innersection #cancel{padding-right: 10px;}




.summary_innersection  ul {
    list-style: none;
    display: inline;
}




.summary_innersection .tab a {
    color: #8F8F8F !important;
    font-size: 17px;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    padding: 0 0px 10px;
}

.upcome_table{
 background: #FFFFFF;
border: 1px solid #E6E6E6;
box-sizing: border-box;
box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.25);
/*border-radius: 10px;*/
width: 100%;
font-family: OpenSans;
font-style: normal;
border-spacing: 0;
margin-bottom:10px !important
}

.upcome_table  td{
    padding: 6px 0px 6px 15px;
}  


.retail_table{
    box-sizing: border-box;
    width: 100% !important;
    font-family: OpenSans;
    font-style: normal;
    border-spacing: 0;
    margin-bottom:10px !important
}

.retail_table  td{
    padding: 6px 0px 6px 15px;
} 

.tableHeader,.upcome_table  th{
    padding: 6px 15px;
font-family: OpenSans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.433333px;
color: #000000;
}
.retail_table .section2, .retail_table .section3{ padding: 7px 15px 7px 0px !important;vertical-align: middle;}
.upcome_table  th, .upcome_table  td {
  border-bottom: 1px solid #DDE1E5;
}

.summary_misc .upcome_table  tr:last-child,.summary_misc .upcome_table  tr:last-child td,.retail_summary .upcome_table tr:last-child,.retail_summary .upcome_table  tr:last-child td{
border-bottom: none!important;
}
.summary_misc .upcome_table.cstm_upcoming_table  tr:last-child,.summary_misc .upcome_table.cstm_upcoming_table  tr:last-child td,.retail_summary .upcome_table.cstm_upcoming_table  tr:last-child,.retail_summary .upcome_table.cstm_upcoming_table  tr:last-child td{
border-bottom:1px solid #DDE1E5!important;
}
.retail_table .section2,.MacOS.safari.chrome .retail_table .section2{font-weight: 700 }

.upcome_table .section3, .retail_table .section3{
font-family: OpenSans !important;
font-weight: 500;
font-size: 14px;
line-height: 19px;
 border-bottom: 0;
 padding: 7px 0px 7px 15px;
}
.summary_misc .upcome_table .section3{
  padding: 17px 0px 16px 15px;  
}

.upcome_table .section4,.MacOS.safari.chrome .upcome_table .section4{
font-weight: 700;
font-size: 11px;
line-height: 15px;
letter-spacing: -0.1px;
color: #606060;
 border-bottom: 0;
 position: relative;
 padding:6px 0px 7px 15px;
}

.upcome_table  .section3_border{ border-bottom: 1px solid #DDE1E5 !important; }
.upcome_table .section5{
font-weight: 600;
font-size: 10px;
line-height: 14px;
/* identical to box height */
color: #A9A9A9;
 border-bottom: 0;
}



/* width */
.summary_scroll::-webkit-scrollbar,.summary_detail_scroll::-webkit-scrollbar,.payment_details_scroll::-webkit-scrollbar{
  width: 20px !important;
    height: 90px !important;
}

/* Track */
.summary_scroll::-webkit-scrollbar-track,.summary_detail_scroll::-webkit-scrollbar-track,.payment_details_scroll::-webkit-scrollbar-track{
  border-radius: 10px !important;
}
 
/* Handle */
.summary_scroll::-webkit-scrollbar-thumb,.summary_detail_scroll::-webkit-scrollbar-thumb,.payment_details_scroll::-webkit-scrollbar-thumb {
  background: #E7E7E7 !important; 
  border-radius: 10px !important;
        height: 90px !important;
        width: 20px !important;
}

/* Handle on hover */
.summary_scroll::-webkit-scrollbar-thumb:hover,.summary_detail_scroll::-webkit-scrollbar-thumb:hover,.payment_details_scroll::-webkit-scrollbar-thumb:hover {
  background: #E7E7E7 !important; 
}
 

.withoutpadding {   padding: 15px 0 !important;}
 
 .withoutpadding .custom-modal-button{
   border-radius: 0 !important;
    margin: 0;
    height: 55px !important;
    padding: 0;
    font-family: OpenSans;
font-style: normal;
font-weight: 800 !important;
font-size: 14px !important;
line-height: 19px !important;
 } 
 
 
 .upcome_cancel_button{
font-family: OpenSans;
font-style: normal;
font-weight: 500;
font-size: 16.875px;
line-height: 23px;
text-align: center;
letter-spacing: -0.213233px;
color: #777777;
background: #fff;
border: 0;
width:100%
  }
 
 #upcoming_cancel_title{font-weight: 500;width: calc(100% - 56px);font-size: 16.8px;line-height: 25px;text-align: center;letter-spacing: -0.252px;margin: 8px 28px 0;font-family: OpenSans;
font-style: normal;}
 
.modal_new{border: none;border-radius: 15px !important;width:232.91px  !important;height:218.5px !important;left: 55%;}
.modal_new1{border: none;border-radius: 15px !important;width:232.91px  !important;height:157.5px !important;left: 55%;}
.modal_inner_new{padding:15px 0 !important}
 
/*.green-button{
    background: #009a61;
    color:#ffffff;
    border-radius: 0;
    padding: 12px 0;
    height: 62px;
    width:100%;
    font-weight: 600;
    font-size: 16.875px;
    line-height: 23px;  
    margin: 20px 0;
    font-family: OpenSans;
    border: 0;
}*/
/* #cancel_success_title {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16.8px;
    line-height: 25px;
     margin-bottom: 0;
}*/
  
  .ok_button {     
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16.875px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.213233px;
    color: #009A61;
    width: 100%;
    border: 0;
    background: #fff;
    margin: 15px 0;
}
.white-background{
    background-color: white !important;
}
 .mobile_hide{display: block} 

 
.back_button{
font-family: OpenSans;
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 15px;
display: flex;
align-items: center;
letter-spacing: 0.433333px;
color: #000000;
            
}
 
.member_name{
 font-family: OpenSans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
display: flex;
align-items: center;
letter-spacing: 0.433333px;
color: #000000;
text-transform: uppercase;

}
 
.member_detail,.MacOS.safari.chrome .member_detail{
margin-left: 25px;
font-weight: 700;
font-size: 12px;
line-height: 16px;
display: flex;
align-items: center;
color: #009A61;
cursor: pointer;
}
 
.fa {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font: normal normal normal 14px/1 FontAwesome;
}

.fa-angle-left:before {
    content: "\f104";
}

.member_flexdiv
{
 display: flex;
 flex-flow: wrap;
 width:100%;    
}


.member_flexdiv  table td{
vertical-align: top;
}

.member_flexdiv .prop,.MacOS.safari.chrome .member_flexdiv .prop{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 10px;
    line-height: 14px;
    text-align: right;
    color: #000000;
    padding-right: 10px;
    padding-top: 5px;
    width: 114px;
}

.member_flexdiv .content{
font-family: OpenSans;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
letter-spacing: -0.34125px;
color: #000000;
}

.edit_icon, .MacOS.safari.chrome .edit_icon{
    width: 13px;
    height: 13.2px;
    padding-left: 13px;
    cursor: pointer;
    margin-bottom: 2px;
}
.download_icon{
    width: 14.09px;
    height: 14.55px;
    padding-left: 16px;
    cursor: pointer;
}
.view_det_icon{width: 5px;height: 9.17px; margin-left: 9px}
.back_icon{width: 5px;height: 9.17px; margin-right: 5px}
.text_wrap{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;width: 158px; float: left;}
.myaccount-summary {  display: flex; flex-flow: wrap; align-items: baseline;}
/* .myaccount-summary .summary-card:nth-child(odd){width:calc(279px - 9px);margin-right: 9px} */
.summary-header{ background: url(56b2cb7833ffc235d98f82dc2059a0f7.png)  no-repeat right;  background-size: 7.5px 13.75px;  margin-right: 18.75px;}
.upcome_table .pad15 { padding: 15px 0px 15px 15px;}
.member_flexdiv .retail_div1{border-right: 1px solid #E6E6E6;}
.text_ellip {  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; width: 80px; float: left;}
.txt_right{text-align: right}
.ver_txttop{vertical-align: baseline !important;}
.retail_div2 .summary_scroll{max-height: 210px !important;  margin-right: 0; width: 100%;  margin-top: 0px;}


.border_bot{border-bottom: 1px solid #E6E6E6 !important;}
.retail_tab .prop{width:80px;padding: 5px 20px 5px 0;line-height: 13px;}
.retail_tab .content{vertical-align: middle !important; padding: 0px !important;}
.border_botnew{border-bottom:1px solid #ADADAD;}
.optionsview {
    padding: 0;
    border-bottom: 1px solid #d1d1d1;
    background-color: white;
    height: 100%;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.25);
    border-radius: 10px;
    margin-bottom: 10px;
}
.optionsview-txt{
    font-size: 13px;
    letter-spacing: 0.43px;
    font-weight: 600;
    line-height: 18px;
}
.modified-customer-tab{
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #d1d1d1;
}
.optionsview-icon{
    font-size: 20px;
    margin-top: -3px;
}
 .past_due_header {
/*    box-shadow: 0 2px 4px 0 rgba(184, 184, 184, 0.5);*/
    border-top: 1px solid #DDE1E5;
    border-bottom: 1px solid #DDE1E5;
    background-color: #ffffff;
    padding: 8px 0px;
    border-left: transparent;
    border-right: transparent;
    width: 100%;
    
}
.past_due_header label{font-size: 10px;line-height: 14px;font-family: OpenSans;font-style: normal;font-weight: 600;}
.past_due_list {
/*    box-shadow: 0 2px 4px 0 rgba(184, 184, 184, 0.5);*/
    border-bottom: solid 1px #dfe3e7;
    background-color: #ffffff;
    border-left: transparent;
    border-right: transparent;
    width: 100%;
    padding: 17px 0px;
}
.row-around {
    display: flex;
/*    justify-content: space-around;*/
}


.past_due_list label {
    margin: 0px;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3675px;
}
.optionsview-content{
    margin-top: 2px;
    padding: 16px;
    position: relative;
}

.text_ellipsis{
    text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; width: 80%; float: left;max-width: 310px;}
.past_due_list:last-child{
    border-radius:0 0 10px 10px;
     border-bottom: transparent;
}
.up_arrow{  width: 15px;height: 9px;position: absolute;  right: 15px;  top: 20px;}
.down_arrow{  width: 15px;height: 9px;position: absolute;  right: 15px;  top: 20px;}
.green_txt_button{
    font-family: OpenSans;
    font-style: normal;
    font-weight: 600;
    font-size: 16.875px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.163123px;
    color: #009A61;
    padding: 23.75px 0;
    background: #fff;
    border: 0;
    width: 100%;
    border-top: 1px solid #DDE1E5;
    cursor: pointer;
}
.cardmodal_new{
    border: none;
    border-radius: 15px !important;
    width:301.67px  !important;
    height:auto !important;
    left: 50%;
}
.modal_inner_new1 {
    padding: 0 !important;
}


/*Arockiya css ends*/
.cstm-radio-group [type="radio"]:checked,
.cstm-radio-group [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.cstm-radio-group [type="radio"]:checked + label,
.cstm-radio-group [type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.cstm-radio-group [type="radio"]:checked + label:before,
.cstm-radio-group [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    border: 1px solid #A5A4A6;
    border-radius: 100%;
    background: #fff;
}
.cstm-radio-group [type="radio"]:checked + label:after,
.cstm-radio-group [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #009A61;
    position: absolute;
    top: 5px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cstm-radio-group [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cstm-radio-group [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.myaccount-primary .heading-bold-md{
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.433333px;
}
.mobile-ManagePayments .myacc-edit-btn{
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    width: 209px;
    margin-top: 16px;
}
.header_content{
    margin-top: 34px;
}
.black_dot {
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 50%;
    display: inline-block;
}


.prevent_click_state a,.prevent_click_state li div,.desktop-toolbar.prevent_click_state a .item-media.green-filter1,.cstm-sidemenu.prevent_click_state li:not(:last-child),#app_footer_menu_list_mobile.prevent_click_state a:not(:last-child){
   pointer-events: none;
}
#app_footer_menu_list_mobile.prevent_click a:last-child,.cstm-sidemenu .prevent_click li:last-child,#app_footer_menu_list_desktop a:last-child,.cstm-sidemenu.prevent_click_state li:last-child,#app_footer_menu_list_mobile.prevent_click_state a:last-child{
   pointer-events: visible;
}
.prevent_click_state li,.desktop-toolbar.prevent_click_state a:not(:last-child),.cstm-sidemenu.prevent_click_state li:not(:last-child),.cstm-sidemenu.prevent_click_state,#app_footer_menu_list_mobile.prevent_click_state{ 
    cursor: not-allowed;
}

/*.summary_upcome.summary_scroll{
    max-height: calc(100vh - 156px) !important;
}*/

.datepanel-overlay{
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 13000;
    visibility: hidden;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.datepanel_overlay_visible{
    visibility: visible;
}
.classstart{
    z-index: 99999999;
}

.dis_modal_title,.MacOS.safari.chrome .dis_modal_title{
    font-weight: 700;
}
.summary_detail_scroll,.payment_details_scroll{
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -19px;
}
.payment_details_scroll{
    margin-right: -30px;
}
.retail_order_name{
    pointer-events: none;
}
.overflow_content{
    color: #009A61;
    pointer-events: visible;
    cursor: pointer;
}


.datepanel-overlay{
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 13000;
    visibility: hidden;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.datepanel_overlay_visible{
    visibility: visible;
}
.classstart{
    z-index: 99999999;
}
.summary_detail_scroll .upcome_table:last-child,.event_summary .cstm_evnt_scroll .upcome_table:last-child{
    margin-bottom: 0 !important;
}

.resume_date_mem,.MacOS.safari.chrome .resume_date_mem{
    font-size: 10px; 
    padding-left: 10px; 
    font-weight: 700; 
    text-transform: uppercase;
}

.green_btn_summary{
    color: #009A61 !important;
}
.retail_sub_content{
    box-sizing: border-box;
    width: 100% !important;
    font-family: OpenSans;
    font-style: normal;
    border-spacing: 0;
    height: 52px;
}
.retail_sub_total{
    margin-right: 5px;
}
.MacOS.safari .sm_modal .misc_details_header,.MacOS.safari .dis_modal_title,.MacOS.safari .misc_details_header,.MacOS.safari .member_detail,
.MacOS.safari .member_flexdiv .prop,.MacOS.safari .summary_innersection  .tab .activegreen,.MacOS.safari .sum_trial_disc,.MacOS.safari .upcome_table .section4,
.MacOS.safari .retail_table .section2,.MacOS.safari .resume_date_mem{
    font-weight: 550;
}
.txt_upper{
    text-transform: uppercase;    
}
.event_summary .retail_tab .prop {
    padding: 7px 20px 7px 0;
}
.sum_border_bot{
    border-bottom: 1px solid #DDE1E5 !important;
}
.sum_mem_paydate{
    padding-left: 16px;
    width:92px
}
.iOS .misc_details_header,.iOS .dis_modal_title,.iOS .sm_modal .misc_details_header,.iOS .member_detail,.iOS .member_flexdiv .prop,
.iOS .summary_innersection  .tab .activegreen,.iOS .sum_trial_disc,.iOS .upcome_table .section4,.iOS .resume_date_mem,.iOS .retail_table .section2{
    font-weight: 600;
}
.txt_caps{
    text-transform: capitalize;    
}
.mem_resume_date{
    position: absolute;
    padding-left: 20px;
}
.edit_icon_border{
    margin-bottom: -1px;
}
.MacOS .sum_membership .summary_detail_scroll .upcome_table:last-child{
    margin-bottom: 4px !important;
}
.modal{
    width: var(--modal-width);
    max-height: var(--modal-maxheight);
    border-radius: var(--modal-borderradius);
    font-size: var(--modal-font);
    background: white;
    margin: 0!important;
    transform: translate(-50%,-50%) !important;
}
.modal .modal-title{
    font-family: OpenSans-Regular !important;
    font-size: var(--modal-font);
    line-height: normal;
}
.modal .modal-inner{
    width: 80%;
    padding: 10%;
    font-family: OpenSans-Regular !important;
    font-size: var(--modal-font);
    line-height: normal;
    letter-spacing: 0px;
    margin: 0px;
    max-height: calc(var(--modal-maxheight) - (var(--modal-button)) - (2*var(--modal-padding)));
    overflow-y: auto;
}
.modal-inner::after,.modal-buttons-vertical .modal-button::after {
    height: 0px;
}
.modal-buttons-1 .modal-button{
    border-top: 1px solid #E5E5E5!important;
     padding: var( --modal-padding); /* calculating 8% of the modal width */
    line-height: 0.5;
    background: #FFFFFF;
    color: #009A61 !important;
    height: var(--modal-button);
    width: 100%;
    font-family: OpenSans-SemiBold !important;
    margin:0px;
    font-size: var(--modal-font);
    cursor: pointer;
}
.modal-buttons{
     height: var(--modal-button);
}
.modal-button:first-child,.modal-button:last-child,.modal-button:first-child:last-child,.modal .modal-inner{
    border-radius: 0;
}
.modal.modal-no-buttons{
    width: 270px;
    height: auto;
    font-family: OpenSans;
    max-height: 100%;
    font-size: 14px;
}
.modal.modal-no-buttons .modal-inner{
    padding: 0px;
    width: 100%;
    font-family: OpenSans !important;
    overflow: hidden;
    max-height: inherit;
}
.modal.modal-no-buttons .modal-inner::after {
    height: 2px;
}
.update_payment_method .modal-inner{
    padding: 0px;
    width: 311px;
    border-radius: 10px;
}
.schedule_disable{
    cursor: not-allowed !important;
    color: rgba(0, 154, 97, 0.4) !important;
}
.greenbg-whitetxt{
    background-color: #009A61;
    color: white !important;
    border-top: none !important;
}
.update_payment_contanier div{
    height: 66px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.163123px;
    color: #009A61;
    border-top: 1px solid #DDE1E5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.update_payment_method{
    width: 311px!important;
}
.update_schedule_detail{
    width: 332px!important;
}
.update_schedule_detail .modal-inner{
    padding: 0px;
    border-radius: 10px;
}
.update_schedule_detail .modal-header{
    padding: 25px;
}
.modal-footer button{
    width: 100%;   
}
.center-content{
    align-items: center;
    display: flex;
    justify-content: center;
}
.apply_payment_disable{
    opacity: 0.5;
}
.validation_payment_update .modal-content{
    background: #F7F7F8;
    padding: 15px 0px;
    line-height: 25px;
    font-weight: 500;
    font-size: 16.675px;
    letter-spacing: -0.212574px;
}
.success_payment_type{
    font-weight: 500;
    font-size: 16.675px;
    line-height: 25px;
    letter-spacing: -0.212574px;
}
.failure_payment_footer button{
    border-top: 0.5px solid #DFE3E7;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.163123px;
    cursor: pointer;
}
.failure_payment_update{
    margin-top: 0px !important;
}
.payment_update_success{
    width: 271.67px;
}
.payment_update_success .modal-inner{
    width: 271.67px;
}
.dis_modal_title,.MacOS.safari.chrome .dis_modal_title{
    height: 14px;
    font-family: OpenSans;
    font-style: normal;
    font-size: 10px;
    line-height: 14px;
    text-align: right;
    color: #000000;
    letter-spacing: 0px;
    width: 50%;
}
.dis_modal_val{
    height: 44px;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.34125px;
    color: #000000;
    text-align: left;
    padding: 0px 15px;
}

.dis_modal_ok{
    border-top: 1px solid #DDE1E5;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 20px;
    font-weight: 600;
    cursor: pointer;
}

#discount_info table{
    width: 100%;
}
/* ALERT SMALL MODAL SM CUSTOMIZATION */
.sm_modal{
    width: 333px;
}
.sm_modal .modal-text{
    display: flex;
}
.sm_modal .modal-inner{
    padding: 25px 20px;
}
.sm_modal .misc_details_header,.MacOS.safari.chrome .sm_modal .misc_details_header{
    width: 124px;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    padding-top: 5px;
}
.sm_modal .misc_details_txt{
    width: 160px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.34125px;
}
.sm_modal .modal-buttons-1{
    height: 62px;
}
.sm_modal .modal-button-bold{
    height: 62px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.global-modal,.modal.modal-no-buttons.global-modal{
    width: var(--modal-width);
    max-height: var(--modal-maxheight);
    border-radius: var(--modal-borderradius);
    font-size: var(--modal-font);
    margin: 0!important;
    transform: translate(-50%,-50%) !important;
    background-color: transparent;
}

.global-modal .modal-inner,.modal.modal-no-buttons.global-modal .modal-inner{
   padding: 0px;
   width: 100%;
   overflow-y: hidden!important;
}
.global-modal .modal-action{
    border: 0;
    padding: 0;
    background-color: transparent;
    outline: 0;
}
.global-modal .modal-action button.green-button,.modal-buttons-vertical .modal-button .green-button{
   background: #009A61;
   color: #FFFFFF;
}
.global-modal .white-button{
   background: #FFFFFF;
   color: #777777;
}
.global-modal .modal-action button{
    padding: var( --modal-padding); /* calculating 8% of the modal width */
    line-height: 0;
    height: var(--modal-button); /* calculating 20% of the modal width */
    width: 100%;
    font-family: OpenSans-SemiBold !important;
    margin:0px;
    font-size: var(--modal-font);
    border: 0px;
    cursor: pointer;
    outline: 0;
}
.global-modal .modal-body{
  width: 80%;
  padding: 10%;
  font-family: OpenSans-Regular !important;
  line-height: normal;
  letter-spacing: 0px;
   margin: 0px;
   font-size: var(--modal-font);
   overflow-y: auto;
}
.global-modal .modal-action button:last-child{
    background: #FFFFFF;
    color: #777777;
    border: 0px;
}
.global-modal .border{
    border: 1px solid #E5E5E5;
}

.global-modal p{
    /*font-size: 16px;*/
    margin: 0px;
    font-size: var(--modal-font);
}

.global-modal .green-text{
   background: #FFFFFF;
   color: #009A61 !important;
}
.global-modal .border_top{
    border-top: 1px solid #E5E5E5!important;
}
.global-modal .modal-body button[disabled]{
   opacity: 0.3;
}
.global-modal .modal-body.single-btn{
    max-height: calc((var(--modal-maxheight)) - (var(--modal-button)) - (2*var(--modal-padding)));
}
.global-modal .modal-body.two-btn{
    max-height: calc((var(--modal-maxheight)) - (2 * var(--modal-button)) - (2*var(--modal-padding)));
}
.global-modal .modal-body.three-btn{
    max-height: calc((var(--modal-maxheight)) - (3 *var(--modal-button)) - (2*var(--modal-padding)));
}
/*.modal.modal-in{
   transition-delay: 600ms;
   transition-duration: 600ms;  
}*/
.Medium_desktop_modal{
    --modal-font : calc(var(--screen-width) / 100 * 0.9); 
}
.Small_desktop_modal{
    --modal-font : calc(var(--screen-width) / 100 * 1); 
}
.Big_tablet_modal{
    --modal-width: 30vw;
    --modal-font : calc(30vw / 100 * 4.5); 
    --modal-button: calc(30vw / 100 * 20);
    --modal-padding : calc(30vw / 100 * 8);
    --modal-maxheight : 80vh; 
}
.Medium_tablet_modal{
    --modal-width: 35vw;
    --modal-font : calc(35vw / 100 * 4.5); 
    --modal-button: calc(35vw / 100 * 20);
    --modal-padding : calc(35vw / 100 * 8);
    --modal-maxheight : 80vh; 
}
.Tablet_modal{
    --modal-width: 50vw;
    --modal-font : calc(50vw / 100 * 4.5); 
    --modal-button: calc(50vw / 100 * 20);
    --modal-padding : calc(50vw / 100 * 8);
    --modal-maxheight : 80vh; 
}
.Mobile_modal{
    --modal-width: 80vw;
    --modal-font : calc(80vw / 100 * 5); 
    --modal-button: calc(80vw / 100 * 20);
    --modal-padding : calc(80vw / 100 * 8);
    --modal-maxheight : 80vh; 
    --modal-borderradius : calc(80vw / 100 * 3);
}

.global-modal.only-button .modal-inner{
    background-color: transparent;
}
.old-modal .modal-inner{
    padding: 15px!important;
    width: auto!important;
    overflow-x: hidden
}
/*pointer events, cursor*/
.cursor-not-allowed{
    cursor: not-allowed;
}
.cursor-pointer{
    cursor: pointer;
} 
.pointer-events-visible{
    pointer-events: visible;
}
.pointer-events-none{
    pointer-events: none;
}
.cursor-not-allowed .custom-form-group input{
    opacity: 0.6;
}
.date-dropdowns.pointer-events-none select{
    color: #999999;
}
.myaccount_web_header{
    background: #EDEDED;
    font-size: 15.9953px;
    line-height: 22px;
    padding-left: 20px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
}
.myaccount_web_header::-webkit-scrollbar{
    width: 0;
}
.cblack{
    color: black;
}
.class_appointment_detail .col-60 .color_only_gray{
    color: #A3A3A3 !important;
}
.example_scroll{
    overflow: auto;
    max-height: calc(100% - 62px);
}
.example_scroll::-webkit-scrollbar {
    display: none;
}
.example_scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.content-border{
    border: 1px solid #CDD0D5;
    border-radius: 10px;
    padding: 30px;
}
.content-header{
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px;
}
.content-body-key{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: right;
    color: #7C7C7C;
    margin-top: 2px;
    margin-bottom: 20px;
}
.due_today_key_value{
    margin-top: 20px;
    margin-bottom: 20px;
}
.content-body-value{
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.44px;
    margin-bottom: 20px;
}
.content-body-hint{
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.44px;
    color: #00000070;
    white-space: nowrap;
}
.green-checkout-btn{
    background: #009a61;
    color: #fff;
    height: 40px;
    width: 260px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 18px;
    font-weight: 600;
}

@media only screen and (max-width: 990px) {
    .content-border{
        border: none;
        padding: 0;
        margin-left: 15px;
        max-height: unset;
    }
}
.content-border::-webkit-scrollbar-track {
    background: transparent;
}
.content-border::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}
.content-border::-webkit-scrollbar {
    background: transparent;
}
.discount-redesign{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 13px;
    height: 32px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.433333px;
    color: #000000;
    box-shadow: 0px 2px 7px rgb(181 181 181 / 50%);
    border-radius: 10px;
}
.discount-redesign{
    padding-top: 9px !important;
    height: 33px !important;
}
.mem_fee_mobileView{
    white-space: nowrap;
}
@media only screen and (min-width: 1000px) {
    .custom-card-content-inner{
        max-height: calc(100vh - 275px);
        overflow-y: auto;
    }
}


.att_modal{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
} 
#attendanceview > .modal-content{
    max-height:calc(var(--viewport-height, 100vh) - 70px);
}
.modal-header{
    margin: 0px;
}
.att-details{
    padding: 0px 10px 10px;
    margin: 0px 12px 12px;
    /* color: black; */
    width: 95%;
}
.cstm-days{
    margin-bottom: 10px;
    width: 33%;
}
.att-record{
    margin: 20px -10px;
    padding-left: 10px;
}
.cls-btn{
    /* margin-right: -20px; */
    padding:8px 10px 8px;
}
.att-calendar{
    overflow: auto;
    overflow-x: hidden;
    background-color: #ffffff;
}
.calendar-content{
    padding: 0;
    margin-right: -15px;
}
.cstm-li{
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
}
.no-prgm{
    font-size: 15px;
    margin: 20px;
    display: inline-block;
}
.no-participant-txt{
    font-size: 15px;
    margin: 20px;
    display: inline-block;
    /* text-align: center; */
}
.li-txt{
    margin: 10px;
    font-size: 16px;
    font-weight: 500;
}
.no-participant-li{
    margin: 0px 10px 0px 10px;
    border-radius: 6px;
    background-color: white;
}
.cstm_li{
    display: flex;
    align-items: center;
}
.cstm_display{
    display: flex;
}
#no_participant_view ul{
    margin: 0px 0px 0px -40px;
}
#no_participant_view li{
    margin-top: 10px;
}
#no_participant_view img{
    margin: 10px; 
    width: 20px;
}

@media (min-width :768px) {
    #attendanceview{
        max-width: 444px;
        background-color: #ffffff;
    }
    #attendanceview > .modal-content{
      max-height: 80vh;
    }
    .att_modal{
        z-index: 9999;
        background:rgba(0,0,0,0.4);
    } 
    .modal-header{
        margin: 30px 0px 0px 0px;
    }
}

.activeDates{ 
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url(64c517fdbf5b2fa6ce56268d40c1b8d7.png);
    color: white!important;
}

.linebreak-mobile{
    display: none;
}
.line-through{
    text-decoration-line: line-through;
    color: rgba(0, 0, 0, 0.5);
    padding-right: 5px
}
.signup-memfee-discount{
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}
.discount-code-applied{
    color: #009A61;
}
.applied_discount_val{
    font-size: 12px;
    color: #000000;
    opacity: 0.5;
    white-space: nowrap;
    position: relative;
    top: 4px;
}
.cancel-discount-inpage{
    position: absolute;
    right: 18px;
    cursor: pointer;
}
.discount-code-container{
    position: relative;
    margin-top: 15px;
}


.profile-header{
    display: flex;
    flex-direction: column;
    padding: 15px 15px 20px;
    color: #FFFFFF;
    background: #3E5057;
    max-height: 240px;
    min-height: 200px;
    box-sizing: border-box;
}
.profile-img{
    width: 100%;
}
.img-upload{
    margin: 0 auto;
    width: 70px;
    height: 68px;
    position: relative;
    border-radius: 50%;
    background: #ccc;
    overflow: hidden;
}
.img-upload img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 100%;
}
.profile-name{
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    padding: 10px 10px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-icon{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.tab-section{
    /* position: fixed; */
    margin: 0;
    z-index: 9;
    width: 100%;
    border-bottom: 1px solid #dfe3e9;
    background-color: #fff;
}
.tab-item{
    /* display: flex;
    justify-content: space-between;
    height: 40px; */
    padding: 12px 0px 10px 15px;
}
.participant-profile-listing{
    display: flex;
    /* flex-direction: row;
    justify-content: space-evenly; */
    padding: 15px;
    background: #3E5057;
    /* border-top: 1px solid #FFFFFF; */
}
.participant-profile-listing-desktop{
    display: flex;
    /* flex-direction: row;
    justify-content: space-evenly; */
    padding: 15px;
    background: #3E5057;
    cursor: pointer;
    border-top: 1px solid #FFFFFF;
}
.participant-profile-listing-desktop:first-child{
    border-top: none;
}
.participant-name{
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    font-size: 22px;
    color: #FFFFFF;

}
.participant-name-desktop{
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    color: #FFFFFF;
}
.participant-img{
    flex-shrink: 0;
    width: 54px;
    height: 52px;
    position: relative;
    border-radius: 50%;
    background: #ccc;
    overflow: hidden;
}
.participant-img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 100%;
}
.participant-listing-container{
    position: absolute; 
    top: 0; 
    z-index: 999; 
    width: 100%;
}
.program_name_container{
    display: flex;
    align-items: center;
}
.cstm-modal {
    display: none; 
    position: fixed; 
    z-index: 999; 
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
  }
  .cstm-modal-content {
    /* background-color: #fefefe; */
    margin: auto;
    border: 1px solid #888;
    width: 100%;
  }
  .profileImage_listPage {
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profileImage_participantPage{
    border-radius: 50%;
    background: #366DA4 !important;
    font-size: 32px;
    color: #fff;
    text-align: center;
    padding-top: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 54px;
    height: 52px;
  }
 .tab-section .tab-item button {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #8f8f8f;
    position: relative;
 }
 .tab-section .tab-item button.active-view{
   color: #009a61;
 }
 .program-list,.schedule-list{
    list-style: none;
    padding-bottom: 10px;
}
.program-list ul{
    padding: 0;
    margin: 0;
}
.schedule-list ul{
    padding: 0;
    margin: 0;
    background-color: white;
}
.program-list ul li{
    margin-bottom: 16px;
    background: #ffffff;
    box-shadow: 0px 2px 7px #D5D5D5;
}
.program-sec li:last-child{
    margin-bottom: 0px;
}
.reg-type{
    font-size: 18px;
    margin: 20px 0;
    display: inline-block;
    font-weight: 500;
}
.program-name{
    font-size: 15px;
    font-weight: 500;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.program-rank{
    font-size: 15px;
    color: #000;
    opacity: 0.4;
}
.program-status{
    font-size: 15px;
    font-weight: 500;
    color: #c4c4c4;
}
.skill-progress,.attendance-progress{
    width: 100%;
    height: 8px;
    background-color: #C4C4C4;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
}
.skill-progress>div,.attendance-progress>div{
    height: 100%;
    display: block;
    background-color: #009A61;
    position: absolute;
}
.program_att_skill{
    font-size: 15px;
    font-weight: 400;
}
.skill_with_url{
    color: #009A61;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    width: 70%;
}
.skill_without_url{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    width: 70%;
}
.skill_list{
    display: flex;
    justify-content: space-between;
    padding: 0  0 26px 15px;
}
.skill_status{
    font-size: 15px;
    font-weight: 500;
    color: #979797;
    text-align: right;
    width: 200px;
}
.collapsible_container{
    display: flex;
    justify-content: center;
}
.empty-li{
    margin: 0px 10px 0px 10px;
    border-radius: 6px;
    padding: 10px;
}
.empty-li-div{
    display: flex;
    align-items: center;
}
.empty-li-img{
    margin-left: 10px;
    width: 20px;
}
.side_menu_tab{
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    padding: 10px 10px 10px 20px;
}
.side_nav{
    margin-top: 16px;
}
.side_menu_tab:hover, .side_menu_tab.active-view{
    color: #009a61;
}
.program-container{
    height: calc(var(--viewport-height, 100vh) - 350px);
    overflow-y: auto;
    margin-top: 336px;
}
#participant_list>.cstm-modal-content{
    height: calc(var(--viewport-height, 100vh) - 110px);
    overflow-y: auto;
}
.option_icon{
    width: 6px;
    display: block;
    padding: 10px;
    /* margin: 15px;
    padding-top: 5px; */
}
.show-more, .show-less {
    display: block;
    color: #8F8F8F;
    font-size: 13px;
    cursor: pointer;
}
.show-more{
    /* margin-right: 15px;
    text-align: right; */
    margin-left: auto;
}
.participant-filter-component .form-group label{
    font-size: 15px;
}
.class-list,.evnt-list{
    padding:15px;
    font-size: 15px;
    letter-spacing: -0.37px;
    height: 20px;
    border-bottom: solid 1px #dfe3e7;
    display: flex;
    /* width: 100%; */
    align-items: center;
}
.toggle-show{
    padding:15px;
    padding-right: 30px;
    font-size: 15px;
    letter-spacing: -0.37px;
    background-color: white;
    height: 20px;
    border-bottom: solid 1px #dfe3e7;

}

.reschedule_popup{
    background: #fff;
    box-shadow: 0 2px 7px rgb(0 0 0 / 25%);
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    right: 5px;
    z-index: 1;
    /* display:none; */
}
.reschedule_popup li{  
    margin-bottom: 12px;
                }
.reschedule_popup li:last-child{  
    margin-bottom: 0px;
}
.class-title{
    /* max-width: 140px; */
    width: 30%;
    overflow: hidden;
    font-size: 15px;
    padding:0px 30px 0px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.event-type{
    font-size: 18px;
    margin: 16px 0;
    display: inline-block;
    font-weight: 500;
}
.filter-img{
    width: 14px;
    height: 14px;
    margin: 20px;
    /* float: right; */
    /* margin-top: 25px; */
    /* margin-right: 16px; */
}
.container-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin: 20px 15px 15px; */
}
.cls-appointment-header {
    letter-spacing: .43px;
    font-size: 13px;
    font-weight: 600;
    color: #9b9b9b;
    text-transform: uppercase;
}
.popup_align{
    /* top: 45%; */
    position: relative;
    /* width: 10%  !important; */
    bottom: 25px;
}
@media (min-width :768px) {
    .toggle-show{
        padding:15px;
        padding-right: 30px;
        font-size: 15px;
        letter-spacing: -0.37px;
        background-color: white;
        height: 20px;
        border-bottom: solid 1px #dfe3e7;
        border-radius: 0px 0px 10px 10px;
        box-shadow: 0px 2px 7px #d5d5d5;
    }
    .option_icon {
        cursor: pointer;
        width: 6px;
        display: block;
        padding-top: 5px;
        margin-left: 40px;
    }
    .reschedule_popup{
        background: #fff;
        box-shadow: 0 2px 7px rgb(0 0 0 / 25%);
        border-radius: 10px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 1px;
        position: absolute;
        z-index: 1;
        top: -5px;
        right: -20px;
    }
    .class-title {
        width: 60%;
        /* overflow: hidden;
        font-size: 15px;
        padding: 0px 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block; */
    }
    .cls-date,.cls-time{
        width: 30%;
    }
    .schedule-list ul{
        background-color: white;
        box-shadow: 0px 2px 7px #d5d5d5;
        border-radius: 10px;
    }
    .evnt-list{
        cursor: pointer;
        padding:15px;
        font-size: 15px;
        letter-spacing: -0.37px;
        height: 20px;
        border-bottom: solid 1px #dfe3e7;
        display: flex;
        align-items: center;
    }
    .class-list > span{
        padding: 0px 10px;
    }
}
@media only screen and (max-width:768px){
    .linebreak-mobile{
        display: block !important;
    }
    .cls-date{
        width: 35%;
        padding-right: 10px;
    }
    .class-title{
        width: 40%;
        padding-right: 20px;
    }
    .cls-time{
        width: 20%;
    }
    .cancel_reschedule_popup{
        right: 5px;
    }
    .program-container2{
        height: calc(var(--viewport-height, 100vh) - 326px);
        overflow-y: auto;
        margin-top: 316px;
    }
}
#class_ongoing_details_reg .modal-body{
    padding: 0;
    width: 100%;
}
#class_ongoing_details_reg table{
    width: 100%;
    border-top: 1px solid #E6E9EB !important;
}
#class_ongoing_details_reg thead tr, #class_ongoing_details_reg tbody tr{
    border-bottom: 1px solid #E6E9EB !important;
    padding: 5px 16px !important;
    font-size: 12px;
    font-family: 'OpenSans-SemiBold' !important;
    font-weight: normal;
    text-align: left;
}
#class_ongoing_details_reg thead tr{
 border-bottom: none !important;
 font-size: 9px;
 padding: 4px 0px 4px 16px !important;
 font-family: 'OpenSans-Bold' !important;
}
#class_ongoing_details_reg thead th,#class_ongoing_details_reg tbody td {
    font-weight: normal;
}
.class_ongoing_content{
    font-size: 16px !important;
    font-family: 'OpenSans-Regular' !important;
    padding: 0 15px;
}
#class_ongoing_details_reg tbody{
    overflow-y: auto;
    height: 30vh;
    max-height: 30vh;
    display: block;
    border-top: 1px solid #E6E9EB !important;
}
#class_ongoing_details_reg table thead{
    display: table;
    width: calc(100% - 16px);
}
#class_ongoing_details_reg .modal-header{
    padding: 35px 20px 16px 20px;
    font-size: 16px;
    font-family: OpenSans-SemiBold !important;
    font-weight: 400;
}
#class_ongoing_details_reg tbody::-webkit-scrollbar {
    height: 20px;
    width: 5px;
}
#class_ongoing_details_reg tbody::-webkit-scrollbar-thumb {
    background: #d8d8d8;;
    border-radius: 5px;
}
#class_ongoing_details_reg .close-picker {
    position:absolute;
    top:15px;
    right:15px;
}
#class_ongoing_details_reg img {
    width: 14px;
    height: 14px;
}
#classListRecurringPopup p{
    font-size: 16px;
    font-family: 'OpenSans-Regular' !important;
    font-weight: 400;
}
.Mobile .participant_listing_page,.Mobile .class_listing_page,.Mobile .appointment_proceed_checkout_page,.Mobile .appointment_register_page,
.Tablet .participant_listing_page,.Tablet .class_listing_page,.Tablet .appointment_proceed_checkout_page,.Tablet .appointment_register_page{
    position: fixed;
    left: 0;
    right: 0;
    top: 60px; /* header height */
}
.appointment_register_page .toolbar.mobile-view, .appointment_proceed_checkout_page .toolbar.mobile-view{
    height: unset !important;
    position: fixed !important;
}
#class_ongoing_cancel .modal-action button:last-child,#classRecurringReschedule .modal-action button:last-child,
#recurringReschedule .modal-action button:last-child{
    color: #7A7A7A;
    font-weight: unset;
}
#classRecurringReschedule p{
    line-height: 23px;
    font-size: 16px;
}
.reschedule_recurring_details{
    font-family: 'OpenSans-Bold' !important;
}
#continue_recurring, #okwait{
    background: #009A61;
    color: #FFFFFF;
}
.participant-filter-component .dropdownfilter{
    width: calc(100% - 30px);
    height: 52px;
    border-radius: 7px;
    background: #fff;
    margin: 15px 15px 12px;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
}
.participant-filter-component .custom-dropdown-participant{
   display: none;
   position: absolute;
   background-color: #F4F6F8;
   box-shadow: 0px 2px 4px rgba(189, 189, 189, 0.5);
   z-index: 10000;
   width: 100%;
   border-radius: 7px;
}
.participant-filter-component .custom-dropdown-participant li{
   font-size: 15px;
   padding-left: 20px;
   padding-right: 20px;
}
.participant-filter-component .custom-dropdown-participant li:hover{ 
    background: #dfdcdc;
}
.participant-filter-component .participant-custom-filter{
    top:unset;
}
.program-list .participant-filter-component .cstm-participant-filter-dd li,.schedule-list .participant-filter-component .cstm-participant-filter-dd li{
    background: unset;
    box-shadow: unset;
    padding: 8px 16px;
    margin-bottom: unset;
}
.participant-filter-component .cstm-participant-filter-dd{
    padding: 8px 0 !important;
    max-height: 200px;
    overflow: auto;
    background: #fff;
    border-radius: 8px;
}
.participant-filter-component .date-picker-label{
    display: block;
    margin-top: 10px; 
    margin-left: 10px;
    font-size: 16px;
    margin-left: 10px;
}
.participant-filter-component .default-date-picker-label{
    cursor: pointer;
    opacity: 0.3;
}
/* .participant-filter-component .date-input{
    width: calc(100% - 163px);
    margin-left:90px;
    height: 39px;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
} */
.participant-filter-component .dropdown-sch{
    width: 131px;
    margin-top: 7px;
    margin-left: 8px;
    height: 40px;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
}
.participant-filter-component .dropdown-sch .form-group label{
    top: 9px;
}
.participant-filter-component .dropdown-sch .caret-icon{
    margin-top: 14px;
}
.participant-filter-component .dropdown-sch .cstm-participant-filter-dd{
    padding: 0px 0 !important;
}
.participant-filter-component .dropdown-sch .caret-icon-inner{
    margin-top: 5px;
}
.participant-filter-component .dropdown-wt-title{
    width: calc(100% - 163px);
    height: 40px;
    left: 128px;
    margin-top: -29px;
}
.participant-filter-component .dropdown-wt-title .form-group label{
    top: 9px;
}
.participant-filter-component .dropdown-wt-title .caret-icon{
    margin-top: 14px;
}
.participant-filter-component .dropdown-wt-title .cstm-participant-filter-dd{
    padding: 0px 0 !important;
}
.participant-filter-component .dropdown-wt-title .caret-icon-inner{
    margin-top: 5px;
}
.participant-filter-component .dropdown-desktop{
    cursor: pointer;
    width: 136px;
    height: 39px;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
}
.participant-filter-component .date-input-desk{
    cursor: pointer;
    width: 136px;
    margin-left:9px;
    height: 36px;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
}
.participant-filter-component .align-filters{
    display: flex;
    align-items: center;
    width: 100%;
   justify-content: space-between;
}
.participant-filter-component .dropdown-program{
    width: 218px;
    margin: 10px;
}
.participant-filter-component .caret-icon{
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 20px;
    right: 20px
}
.participant-filter-component .caret-icon-inner{
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 3px;
    right: 19px
}
button.text--btn{
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
}
button.delete--btn{
    border-top: 1px solid #E8E8E8;
    height: 55px;
    width: 100%;
    position: fixed;
    bottom: 112px;
    left: 0%;
    color: #8F8F8F;
    text-align: left;
    padding: 0 15px;
    font-size: 14px;
}
.datepicker.datepicker-dropdown{
    z-index: 9999 !important;
}
input.filter_date {
    width: calc(100% - 163px);
    margin-left: 90px;
    height: 40px;
    background: white;
    box-shadow: 0 2px 4px 0 rgb(192 192 192 / 50%);
    border: none;
    border-radius: 7px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    padding: 12px;
    margin: 0 10px 10px;
}
input.filter_date::placeholder,input.filter_date_desktop::placeholder{
    opacity: 0.5;
}
input.filter_date_desktop {
    width: calc(100% - 80px);
    margin-left: 90px;
    height: 40px;
    background: white;
    box-shadow: 0 2px 4px 0 rgb(192 192 192 / 50%);
    border: none;
    border-radius: 7px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    padding: 12px;
    margin: 10px 0 10px 10px;
}
.class_summary_filter, #class_filter_type,.class_summary_filter_days_option,#class_days_option{
    background: #FFFFFF;
    border-radius: 6.7px;
    padding: 0;
    height: 40px;
    width: 100%;
    cursor: pointer;
}
.class_summary_filter,.class_summary_filter_days_option{
    height: 40px;
}
.class_summary_filter .custom_dropdown,.class_summary_filter_days_option .custom_dropdown{
    width: 100%;
}
.class_summary_filter .form-group,.class_summary_filter_days_option .form-group{
    border: none;
    padding-left: 15px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #A7A7A7;
    border-radius: 6.7px;
}
#class_filter_type,#class_days_option{
    box-shadow: none;
}
.summary_dd{
    width: 17px;
    height: 11px;
    position: absolute;
    top: 15px;
    right: 6px;
}
.class_filter_date{
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #A7A7A7;
    border-radius: 6.7px;
    height: 40px;
    flex: 60%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    width: 115px;
    border: none;
    text-align: center !important;
    -webkit-appearance: none;
}
.class_summary_filter{
    flex: 10%;
    margin-right: 15px;
}
.class_date{
    display: flex;
    flex: 15%;
    margin-right: 15px;
    align-items: center;
}
.class_date label{
    flex: 20%;
}
.class_days_options{
    display: flex;
    flex: 25%;
    align-items: center;
    margin-right: 10px;
}
.class_days_options label{
    flex: 35%;
}
.class_summary_filter_days_option{
    flex: 40%;
}
.class_summary_filter .custom-dropdown-content, .class_summary_filter_days_option .custom-dropdown-content{
    top:0px;
}
.class_summary_filter .custom_scroll_dropdown, .class_summary_filter_days_option .custom_scroll_dropdown{
    max-height: fit-content;
    overflow: auto;
    height: auto;
    padding-top: 10px;
}
.class_summary_filter .custom-dropdown-content ul, .class_summary_filter_days_option .custom-dropdown-content ul{
    padding: 0;
}
#class_filter_type,#class_days_option,.class_summary_filter .custom_scroll_dropdown li,
.class_summary_filter_days_option .custom_scroll_dropdown li,.class_filter_date,.class_days_options label,.class_date label {
    font-family: 'OpenSans-Regular' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}
.class_summary_filter .custom_scroll_dropdown li, .class_summary_filter_days_option .custom_scroll_dropdown li{
    padding-bottom: 10px;
    padding-left: 40px;
    text-align: left;
}
.cls_summary_filter .custom_scroll_dropdown li.active, #class_schedule_filter .custom_scroll_dropdown li.active, .participant-dropdown li.active{
    background-image: url(ddff106cb261ae5ae63631772b60d2e0.png);
    background-size: 15px;
    background-position: 14px 4px;
    background-repeat: no-repeat;
}
.cls_summary_filter .custom-dropdown-content li:hover, .class_summary_filter .custom-dropdown-content li:hover {
    background-color: unset;
}
#classSummaryCalendar::placeholder{
    color: rgba(0,0,0,.5);
}
.datepicker.datepicker-dropdown {
    padding:0 !important;
    max-width: 200px;
}
.datepicker.datepicker-dropdown thead th a{
    padding: 0 !important;
}
.summary_upcome,.summary_completed,.summary_cancel{
    max-height: 424px;
}
.cls_summary_filter{
    padding: 0 !important;
}
.grecaptcha-badge{
    position:static !important;
}

@media only screen and (max-width: 641px){
    .form-group label {
        font-size: 14px;
    }
    .focused .form-label {
        font-size: .65em;
    }
    .additionalfocused .form-label {
        font-size: .65em;
    }
    .select-participant-title{
        padding:10px;
        padding-top:10px;
    }
}
#menu-remove{
    margin: 11px 26px !important;
}
.pr-40{
    padding-right: 40px !important;
}
/* send otp email for sign-up */
.register-head{
    color: #414141;
    text-align: center;
    font-family: sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 41.636px;
}

.verify-email-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-top: 30px;
}

.back-btn {
    margin-left: -30px;
}

.onboard_acc_h2 {
    font-weight: 900;
    font-size: 22px;
    line-height: 10px;
    margin-top: 80px;
    color: #414141;
    text-align: center;
    font-family: sans-serif;
}

.new_acc_txt {
    width: 285px;
    margin-left: auto;
    margin-right: auto;
    color: #414141;
}

.onboard_text {
    font-family: 'OpenSans-Regular';
    font-size: 15px;
    line-height: 20px;
    font-weight: lighter;
    text-align: center;
    color: #414141;
}

.m_screen_two {
    width: 300px;
    display: flex;
    flex-direction: column;
}

.security-txt {
    text-align: left;
    color: #777777;
    font-weight: 500;
    font-family: 'OpenSans-Regular';
    font-size: 15px;
}

.newinput-error {
    font-family: 'OpenSans-Regular';
    color: red;
    font-size: .79em !important;
}

.erroralign {
    float: right;
    position: static !important;
}

.form-control {
    text-align: center;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.custom_input {
    height: 30px;
    margin-bottom: 10px !important;
    border-radius: 10px;
    box-shadow: 0 2px 7px 0 rgba(181, 181, 181, .5);
    background-color: #fff;
    border: 0;
    font-family: 'OpenSans-Regular';
    -webkit-appearance: none;
}

.verify-txt {
    cursor: pointer;
    font-family: 'OpenSans-Regular';
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    color: #009a61 !important;
    font-family: 'OpenSans-Regular';
}

.m_login_container {
    height: 100vh;
}

.m_button_space {
    display: flex;
    align-items: center;
    height: 100%;
}

.continue_btn {
    width: 110px;
    height: 40px;
    border-radius: 6px;
    background: #009a61;
    color: #fff;
    box-shadow: none;
    border: none;
    font-family: 'OpenSans-Regular';
    letter-spacing: 1px;
    cursor: pointer;
}

/* resend popup css  */
.normal_text {
    color: #777;
}

.m_mobile_title_alignment {
    text-align: start !important;
}

.get_email_input {
    border: none;
    width: 100% !important;
    margin-top: 5px;
    color: #414141;
    font-family: 'OpenSans-Regular';
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* existing account pop-up */
.msg_text {
    color: #333;
    text-align: center;
    font-family: 'OpenSans-Regular';
    font-size: 16.292px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.email-txt {
    font-family: "OpenSans-SemiBold";
    word-wrap:break-word;
}

.btn {
    border-radius: 0;
    background: none;
    color: #219653;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.send-code-btn,
.cancel-btn {
    font-family: 'OpenSans-Regular';
}


/* sign-in css */
.web-signin-btn{
    width: 250px;
    height: 50px;
    background: #009a61;
    color: #fff;
    font-size: 16px;
    border-radius: 7.5px;
    text-align: center;
    padding: 13px 0;
    margin: auto;
    cursor: pointer;
    border: none;
    letter-spacing: 0.398px;
}

.sign-in-input{
    width: 246px;
    height: 40px;
    cursor: pointer;
    text-align: center !important;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2.65323px 9.28629px 0px rgba(181, 181, 181, 0.50);
    font-size: 14px;
    position: relative;
    outline: 0;
    transition: box-shadow 150ms ease-out;
    border: none;
    color: #000;
    font-weight: 400;
    -webkit-appearance: none;
}

/* .mailError{
    height: 10px;
    width: 250px;
    margin-top: 10px !important;
    text-align: end;
    color: red;
    font-size: .80em !important;
} */

.participant-dropdown{
    background: #fff;
    display: flex;
    padding: 15px 16px 14px 16px;
    border-radius: 7px;
}

.border_radius_7{
    border-radius:7px;
}

.participant-dropdown li{
    padding: 10px 43px;
    text-align: left;
    background-size: 14px !important;
    background-position: 15px 14px !important;
}
.participant-dropdown ul{
    padding:0px;
    
}
.participant-dropdown-list {
    top:54px;
    border-radius:10px !important;
}
.select-participant-title {
    text-align: left;
    padding-left: 6px;
    font-size: 16px;
    font-weight: 500;
}

.add-new-participant{
    text-align:left;
    padding:10px 43px;
}

.addpartictipant_dd{
    position: absolute;
    top: 22px;
    right: 12px;
    width: 15px;
}

.addpartictipant_dd_rotate{
    transform: rotate(180deg);
}

.align-items-end{
    align-items:end;
}

.chat-img-preview{
    padding: 20px;
    width: 650px;
    height: 510px;
    overflow: hidden;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 0;
    padding-left: 0;
    border-radius: 5px;
}
#chat_textarea::-webkit-scrollbar{
 display: none;
}
.chat_textarea_container::-webkit-scrollbar{
    display: none;
}

#chat_textarea,.chat_textarea_container {
    -ms-overflow-style: none; 
    scrollbar-width: none;  
}
.profile-qr{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 20px auto 0;
}
.profile-qr-btn,.profile-pin-btn
{
    border: 1px solid #FFF;
    border-radius: 5px;
    padding: 5px;
    width: max-content;
    cursor: pointer;
}

.program-interest-dropdown .custom-dropdown-content {
    width: 93%;
    border-radius: 0;
    max-height: 130px;
    overflow-y: auto;
    padding-top: 5px;
}

.bottom-border-input {
    border-bottom: 1px solid #c8c7cc;
}
/* Your app custom files in this file */
/* Tab bar icons */
i.tabbar-demo-icon-1 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23929292'><g><circle cx='15.2' cy='8.8' r='1.5'/><polygon points='16.7,12.3 16.7,11.7 16.7,11.3 13.7,11.3 13.7,12.3 14.7,12.3 14.7,20.3 13.7,20.3 13.7,21.3 17.7,21.3 17.7,20.3 16.7,20.3'/><path d='M15.2,2.3C8.3,2.3,2.7,7.9,2.7,14.8s5.6,12.5,12.5,12.5c6.9,0,12.5-5.6,12.5-12.5S22.1,2.3,15.2,2.3z M15.2,26.3 c-6.3,0-11.5-5.2-11.5-11.5S8.8,3.3,15.2,3.3s11.5,5.2,11.5,11.5S21.5,26.3,15.2,26.3z'/></g></svg>");
}
.active i.tabbar-demo-icon-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' fill='%23007aff'><path d='M15,2.6C8.1,2.6,2.5,8.2,2.5,15.1C2.5,22,8.1,27.6,15,27.6S27.5,22,27.5,15.1C27.5,8.2,21.9,2.6,15,2.6z M15,7.6 c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C13.5,8.3,14.2,7.6,15,7.6z M17.5,21.6h-4v-1h1v-8h-1v-1h3V12 v0.6v8h1V21.6z'/></svg>");
}
i.tabbar-demo-icon-2 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23929292'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.4L5.9,1z M24,16H1V7h7.1 c0.5,1.9,2.3,3.4,4.4,3.4s3.9-1.5,4.4-3.4H24V16z'/></svg>");
}
.active i.tabbar-demo-icon-2 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23007aff'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.3L5.9,1z'/></svg>");
}
i.tabbar-demo-icon-3 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23929292'><path d='M16.8,1c3.7,0,6.8,3,6.8,6.8l0,0.1c0,0,0,0.1,0,0.1l0,1l1,0C27,9,29,11,29,13.5c0,2.5-2,4.5-4.5,4.5H6c-2.8,0-5-2.2-5-5 c0-2.1,1.4-4,3.4-4.7L5,8.1l0.1-0.6C5.3,6,6.5,5,8,5c0.4,0,0.9,0.1,1.3,0.3l0.9,0.5l0.4-0.9C11.8,2.5,14.2,1,16.8,1 M16.8,0 c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4.1,7.3C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5 c0-3-2.5-5.5-5.5-5.5c0-0.1,0-0.2,0-0.2C24.5,3.5,21.1,0,16.8,0L16.8,0z'/></svg>");
}
.active i.tabbar-demo-icon-3 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23007aff'><path d='M24.5,8c0-0.1,0-0.2,0-0.2C24.5,3.5,21,0,16.8,0c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4,7.3 C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5C30,10.5,27.5,8,24.5,8z'/></svg>");
}
i.tabbar-demo-icon-4 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23929292'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15,0h-5C9.5,0,8.9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M24,17c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h4.2h0.4 l0.3-0.3l1.2-1.2l0,0.1l1.1-1.2C9.5,1.1,9.8,1,10,1h5c0.3,0,0.5,0.1,0.7,0.3l2.4,2.4L18.4,4h0.4H23c0.6,0,1,0.4,1,1V17z'/><path d='M12.5,4C8.9,4,6,6.9,6,10.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5C19,6.9,16.1,4,12.5,4z M12.5,16 c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5S18,7.5,18,10.5C18,13.5,15.5,16,12.5,16z'/><path d='M12.5,6C10,6,8,8,8,10.5C8,13,10,15,12.5,15s4.5-2,4.5-4.5C17,8,15,6,12.5,6z M12.5,14C10.6,14,9,12.4,9,10.5 C9,8.6,10.6,7,12.5,7S16,8.6,16,10.5C16,12.4,14.4,14,12.5,14z'/></g></svg>");
}
.active i.tabbar-demo-icon-4 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23007aff'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15.1,0h-5C9.5,0,9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M12.5,16c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5c3,0,5.5,2.5,5.5,5.5 C18,13.5,15.5,16,12.5,16z'/><circle cx='12.5' cy='10.5' r='4.5'/></g></svg>");
}

/*From desktop */
@media only screen and (min-width: 992px) { 
    .panel-cover{
        width: 20%;
    }
    /*    .panel.panel-left.panel-cover {
            left: -20%;
        }*/
    .c-tab{
        display: none;
    }
    .custom-card-cont{
        padding-left: 15px;
        color: black;
        height: 74px; 
    }
    .mobile-view{
        display:none !important;
    }
    .web-view{
        display:block !important;
    }
    .custom-nav label.head {
        font-size: 15px;
    }
    #tab4{
        min-width: 90px;
    }
    .navbar-inner.home{
        padding-bottom: 0px !important; 
    }
    .navbar a.icon-only, .toolbar a.icon-only, .subnavbar a.icon-only{
        min-width: 60px;
    }
    .select-container {
        position: relative;
        z-index: 1;
    }
    .carousal_container {
        background: white;
        overflow: hidden;
        border-bottom: 1px solid #ebebeb;
        padding: 70px 0 15px 0;
    }
    .select_icon {
        position: relative;
        right: 22px;
        top: 1px;
        cursor: pointer;
        pointer-events: none;
    }
    .page-content.horz_carousal,.page-content1.horz_carousal {
        /*margin: 0 !important;*/
    }
    .cstm-new-back{
        color: black;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.1px;
        cursor: pointer;
        margin-top: -20px;
        position: absolute;
        margin-left: 12px;
    }
    .no-padding-top {
        padding-top: 0px !important;
    }
    .web-view.product_desc .card {
        margin: auto;
        height: auto;
        max-width: 900px;
        padding: 25px;
    }
    .web-view .discount-container {
        height: auto;
        position: initial;
        padding: 15px;
    }
    .discount-apply {
        width: 95%;
        height: 39px;
        background: #00ad68;
        color: white;
        border: 1px solid #00ad68;
    }

    .retail_cart .web-view .card {
        height: auto;
        /*margin-top: 5px;*/
    }
    .retail_cart .web-view .registerbutton-align, .product_desc .web-view .registerbutton-align {
        position: initial;
        margin: 15px;
        padding-top: 10px;
        /*background: white;*/
    }
    .registerbutton-align {
        left: 5%;
        bottom: 30px;
        /*width: 90%;*/
        /*background: #f7f7f8;*/
        width: 100%;
        background: white;

    }
    .title-bar h1.title {
        font-size: 19px;
        letter-spacing: 0.24px;
        font-weight: 600;
        margin: 0;
    }

    .title-bar {
        border-bottom: 1px solid #efefef;
        padding: 15px;
    }
    .menu_icn{
        font-size: 35px !important;
        font-weight: 700;
        /*margin-top: 15px;*/
    }
    .cstm-back-icon{
        width: 10px;
        margin-top: 20px;
    }
    .logo-cover{
        margin-left: 66px;
    }
    .heading-payment-retail{
        font-size: 20px;
    }
    .carousal_select{
        min-width: 35%;
        font-size: 16px;
    }
    .link.icon-only.active{
        color:#009a61;
    }
    .link.icon-only.active > .green-filter1{
        -webkit-filter:brightness(90%) contrast(90%) sepia(60) saturate(15) hue-rotate(-240deg);
        filter: brightness(50%) contrast(50%) sepia(90) saturate(15) hue-rotate(-220deg);
    }
    .link.icon-only.active > .green-filter2{
        -webkit-filter: brightness(50%) contrast(50%) sepia(90) saturate(15) hue-rotate(-220deg);
        filter: brightness(50%) contrast(50%) sepia(90) saturate(15) hue-rotate(-220deg);
    }
    .link.icon-only.active > .green-filter3{
        -webkit-filter: brightness(50%) contrast(50%) sepia(30) saturate(10) hue-rotate(-240deg);
        filter: brightness(50%) contrast(50%) sepia(30) saturate(10) hue-rotate(-240deg);
    }
    .link.icon-only.active > .green-filter4{
        -webkit-filter: brightness(90%) contrast(60%) sepia(30) saturate(15) hue-rotate(-230deg);
        filter: brightness(90%) contrast(60%) sepia(30) saturate(15) hue-rotate(-230deg);
    }
    .link.icon-only.active > .green-filter5{
        -webkit-filter:brightness(90%) contrast(90%) sepia(60) saturate(15) hue-rotate(-240deg);
        filter: brightness(50%) contrast(50%) sepia(90) saturate(15) hue-rotate(-220deg);
    }
    /*    .two-one h3{
           margin-top: -7%;
        }*/
    .myacc-new-back-mobile{
        margin-left: 20px;
        margin-top: 15px;
    }
    .navbar .left{
        margin-left: 0px;
    }
    .cstm-toolbar-next{
        right: unset;
    }
    .cstm-without-back-logo{
        margin-left: 30px;
        margin-top: 0px;
    }
    .cstm-with-back-logo{
        margin-top: -5px;
        margin-left: 66px;
    }
    .web-cart {
        position: absolute;
        /*left: 48%;*/
        top: 95px;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 10px;
    }
    .page-content.retail_category{
        /*margin-top: 0px;*/
    }
    .retail_cart .web-view .container, .navbar-inner.fixed-navbar.cart.navbar-on-center {
        max-width: 1005px;
    }
    .navbar-inner.fixed-navbar.cart.navbar-on-center, .cart .container {
        max-width: 1000px;
    }
    .demo-card-header-pic .card-header{
        height: 0;
        min-height: 44px;
        background-size: cover;
    }
    .cstm-mobile-col49{
        width: 50% !important;
    }
    .desktop-toolbar{
        /*margin-right: 10px;*/
    }
    .active-cus.toolbar-button{
        padding-top: 10px;
    }
    .cstm-mrgn-rgt{
        margin-right: 0px;
    }
    .cstm-new-cancel{
        margin-right: 0px;
    }
    .card-listing .card-image {
        height: 14vw;
        margin-top: 1px !important;
        max-height: 175px;
    }
    .card-image {
        padding: 0px !important;
        margin: 0px !important;
        margin-top: 0px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        max-height: 250px;
    }
    .custom-toolbar-xlheight{
        height: 92px;
    }
    .custom-toolbar-height {
        height: 77px;
    }
    .web-pt25{
        padding-top: 25px;
    }
    .web-pt30{
        padding-top: 30px;
    }
    .popover-student-country{
        /*left: calc(100% - 65%) !important;*/
    }
    .web-pt25{
        padding: 25px;
    }
    .myacc-edit-btn, .myacc-del-btn{
        width: 25%;
    }
    .myacc-box-shadow, .myacc-div-box-shadow{
        box-shadow: none;
        border-bottom: none;
    }
    .web-pl10{
        padding-left: 10px;
    }
    .web-pt5{
        padding-top: 5px;
    }
    .web-p0-15{
        padding: 0px 15px;
    }
    .web-padding{
        padding-left: 15px;
    }
    .navbar-inner{
        height: 30px;
        padding: 12px 5px 30px 5px !important;
    }
    .card{
        min-height: 350px;
    }
    .subcartqty{
        height: 20px !important;
        width: 35px !important;
        margin-top: 4px !important;
    }
    .web-w25p{
        width: 25% !important;
    }
    .web-pp-div{
        max-height: 200px;
        overflow-y: auto;
        /*min-height: 100px;*/
    }
    .web-m02em{
        margin-top: 0; 
        margin-bottom: 2em; 
    }
    .web-m03em{
        margin-top: 0; 
        margin-bottom: 3em; 
    }
    .web-h75{
        height: calc(100% - 180px) !important;
        background: #f4f6f8 !important;  
    }
    .web-bc{
        background: #f4f6f8 !important;  
    }
    .web-m150{
        margin-bottom: 150px;
    }
    .retailselect{
        background:rgba(192, 192, 192, 0.5) !important;
    }
    .retailselectmodel{
        width: 100%;
        padding: 0px !important;
        background-color: #ffffff;
        position: relative;
        list-style: none;
        list-style-type: none;
        margin: 0 0 0 0;
    }


    .retailselectmodel a{
        /*        width:100% !important;
                font-family: OpenSans !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                color: #000000 !important;
                float:left;
                padding-left : 10px;
                text-align:left;*/
    }
    .retailselectmodelinner .modal-inner{
        padding:0px !important;
    }
    .retailselectmodel li{
        width: calc(100% - 20px);
        background-color: #ffffff;
        /*min-height:40px;*/
        padding: 10px;
        border-bottom: 1px solid #efefef;
    }
    /*    .retailselectmodel li:after{
            display: block;
            content:'';
            border-bottom: 1px solid #efefef;
        }*/
    .retailselectmodel li span{
        /*        position: relative;
                bottom:10px;
                left: 10px;*/
    }
    .retailselectmodel img{
        /*        right: 10px;
                position: relative;
                float: right;
                top: -7px;*/
        vertical-align: middle;
    }
    .li-title{
        float: left;
        padding-right: 15px;
    }
    .li-img{

    }
    .retailselectmodel li:first-child{
        /*padding-top: 20px;*/
    }
    .retailselectmodel li:last-child{
        padding-bottom: 0;
    }
    .retail_popover_list{
        max-height: 240px !important;
        padding: 0px !important;
        margin: 0px !important;
        overflow-y: auto !important;
        border-radius: 0px !important;
        width: 300px !important;
        overflow-x: hidden; 
        background-color: #ffffff !important;
        border: solid 0.5px #dfe3e7;
    }
    .retail_popover_list .fixed-text{
        font-family: OpenSans !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #000000 !important;
        padding-left: 10px;
        white-space: normal;
        width:80%;
        margin:0;
    }

    .retail_popover_list .popover-inner{
        padding:0px !important;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
    }

    .retail_popover_list .content-block{
        margin:0px ;
        padding:0px !important;

    }
    .web-btm-div{
        position: absolute;
        bottom: 70px;
        left: 0%;
        z-index: 9999;
    }
    .web-p015{
        padding: 0 15px !important; 
    }
    .web-mt20{
        margin-top: 20px !important;
    }
    .cstm-msg-pgcntnt{
        height: calc(100% - 165px) !important;
        /*padding-top: 60px !important;*/
    }
    .web-p3015{
        padding: 30px 15px !important;
    }
    .web-p2015{
        padding: 20px 15px !important;
    }
    .list-div{
        /*        max-height: calc(100vh - 300px);
                overflow:auto;*/
    }
    .navbar-hidden + .pages .page.no-navbar .page-content{
        padding-top: 70px !important;
    }
    .page{
        background: #f4f6f8;
    }
    .page-content{
        height: calc(100% - 150px);
        padding: 0px 0px 30px 0px !important;
        margin-top: 70px;
    }  
    .landingPage-view .page-content{
        margin-top: 0px;
    }
    /* Dancing Fix*/
    .listing .page-content,.reff-view .page-content,.curr-view .page-content, .message-view .page-content{
        margin-top: 40px;
        height: calc(100% - 120px);
    }
    .wo-btmtb .page-content{
        margin-top:70px;
    }
    .web-cart-row{
        padding: 10px 5px 5px 15px;
        background:white;
        border-bottom: 1px solid #ebebeb;
    }
    .navbar-hidden{
        height: 0px !important;
    }
    .web-maxwidth900    {
        max-width: 900px !important;
    }
    .my-account .page-content,.summary-view .page-content{
        height: calc(100% - 100px);
        padding: 0px 0px 30px 0px !important;
        margin-top: 20px;
    }

    .bgset{
        background: #f4f6f8;
    }
    .mw450{
        max-width: 450px !important;
    }
    .web-view.page-content.horz_carousal.product_desc.web-bc{
        margin-top: 100px;
        height: calc(100% - 175px);
    }
    .myaccount-sub-view:nth-child(2),.myaccount-sub-view:nth-child(2).ng-hide + .myaccount-sub-view:nth-child(3){
        border-left: 1px solid #e2e2e2;
    }
    .referral-btn{
        width:230px;
    }
    .childlist .page-content{
        height: calc(100% - 230px);
    }
    .bothdisc-cart .mem-disc .sf-disc{
        padding-bottom: 10px;
    }
    .web-fs16{
        font-size: 16px !important;
    }
    .web-fs20{
        font-size: 20px !important;
    }
    .web-maxwidth400{
        /* max-width: 400px; */
        max-width: 450px;

    }
    .curr-view .page-content.cstm-curr-pgcntent{
        padding-bottom: 60px;
        height: calc(100% - 110px);
    }
    .web-pl15{
        padding-left: 15px;
    }
    .web-pt8{
        padding-top:8px !important;
    }
    .web-pt9{
        padding-top:9px !important;
    }
    .cart_delete{
        margin-top: 7px;
    }
    .checkout-page .row.split_view > .col-50:nth-child(1) {
        width: 57%;
    }
    .checkout-page .row.split_view > .col-50:nth-child(2) {
        width: 43%;
    }
    .open-panel .f7-icons.menu_icn{
        display: block !important; 
    }
    ul.retail_cart_list li:after{
        padding-bottom: 20px;
    }
    ul.retail_cart_list li:last-child:after{
        border-bottom:none;
        padding-bottom: 0;
    }
    .retail_cart .col-60 .card-content{
        border: 1px solid #dadfe4;
        border-top:none;
        background:white;
    }
    .retail_cart .centlabel{
        margin-top: 5px;
    }
    .myaccount_outer .col-25.myaccount-sub-view{
        width: 215px !important;
    }
    .myaccount_outer .col-75.myaccount-sub-view{
        width: 611px !important;
    }
    .myacc-main-ul > li > div{
        padding-right: 0px;
    }
    .myaccount_outer{
        min-height: 580px;
        width: 826px;
        margin: 30px auto;
        overflow: auto;
    }
    .participant-profile{
        width:1036px !important;
    }
    .myaccount_outer .col-75.myaccount-sub-view,.particpant-profileview{
        width:calc(100% - 215px) !important;
    }
    .myaccount_outer{
        min-height: 580px;   
        /*margin: 30px auto;*/
        overflow: auto;
    }
    .two_line_ellipsis{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0px;
    }   
    .cstm_sub_view{
        width: 904px;
    }
    .cstm_sub_view .col-75.myaccount-sub-view{
        width: 689px !important;
    }
    .retail_sub_view .col-75.myaccount-sub-view{
        width: 745px !important;
        overflow: hidden !important;
    }
    .left-table{
        width: 311px;
    }
    .right-table{
        width: 347px;
    }
    .cstm_update_table{
        margin-bottom: 0 !important;
        border-radius: 0;
        margin-right: -19px;
        width: 540px;
        border-bottom: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .cstm_section1{
        width: 115px;
        max-width: 115px;
    }
    .cstm_section2{
        width: 133px;
        max-width: 133px
    }
    .trial .summary_detail_scroll{
        width: auto;
        box-shadow: none;
    }
    .summary_detail_scroll{
        /*width: 540px;*/
        max-height: 400px;
        margin-top: 0;
/*        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 2px 7px rgba(189, 189, 189, 0.25);*/
    }
    .summary_misc .summary_detail_scroll .upcome_table,.retail_summary .summary_detail_scroll .upcome_table,.event_summary .summary_detail_scroll .upcome_table{
        border-top: none !important;
        border-radius: 0;
        /*margin-bottom: 0 !important;*/
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .cstm_upcoming_table{
        border-radius: 0 !important;
        margin-right: -19px;
        width: 540px !important;
        border-bottom: none !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }
    .cstm_misc_summary{
        width:auto;
    }
/*    .cstm_misc_summary{
        width: 540px;
    }*/
    .retail_summary .cstm_section1,.event_summary .cstm_section1{
        width: 115px;
        max-width: 115px;
    }
    .retail_summary .cstm_section2,.event_summary .cstm_section2{
        width: 220px;
        max-width: 220px;
    }
    .member_flexdiv .retail_div1{
        padding-top: 16px;
        padding-bottom: 16px;
        height: 540px;
        width: 340px;
        padding: 20px 5px 20px 20px;
    }
    .event_summary .member_flexdiv .retail_div1{
         padding: 20px 15px 20px 20px;
    }
    .retail_summary .member_innersection,.event_summary .member_innersection{
        padding: 0px;
    }
    .retail_sub_view{
        width: 960px;
    }
    .member_flexdiv .retail_div2{
        width: 325px;
        padding: 20px 15px 15px 20px;
    }
    .payment_details_table tr td:nth-child(1){
        width: 85px;
    }
    .payment_details_table tr td:nth-child(2){
        width: 138px;
    }
    .payment_details_table tr td:nth-child(3){
        padding-right: 0px !important;
        width: 82px;
    }
    .retail_div1 tr td:nth-child(1){
        width: 140px;
        max-width: 140px;
    }
    .retail_div1 tr td:nth-child(2){
        width: 68px;
        max-width: 68px; 
    }
    .retail_div1 tr td:nth-child(3){
        width: 40px;
        max-width: 40px;
    }
    .overflow_rdesktop_content .retail_div1 tr td:nth-child(4){
        width: 54px;
        max-width: 54px;
    }
    .event_summary .retail_div1 tr td:nth-child(1),.MacOS.safari.chrome .event_summary .retail_div1 tr td:nth-child(1){
       max-width: 30px;
       width: 30px;
    }
    .retail_div1 tr td:nth-child(4){
        width: 100px;
        max-width: 100px;
    }
    .cstm_retail_content{
        max-height : 400px; 
        overflow-y: auto 
    }
    .retail_table{
        max-width: 320px;
        width: 320px;
    }
    .overflow_rdesktop_content .overflow_header{
        max-width: 306px !important;
        width: 306px !important;
    }
    .overflow_rdesktop_content .retail_sub_total{
        margin-left: 0px !important;
    }
    .overflow_rdesktop_content .summary_detail_scroll{
        margin-right: 0px;
    }
    .retail_summary_scroll{
        max-height: 205px !important;
    }
    .desktop_border_btm{
        border-bottom: 1px solid #adadad !important;
    }
    .retail_order_name{
        max-width: 130px;
        width: 130px
    }
    .summary_reg_memname{
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }

    .summary_reglist_memname{
        width: 500px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .summary_trial_memname{
        width: 640px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        /*margin-left: 5px;*/
    }
    .trial .member_flexdiv .prop{
        padding-right: 20px!important;
    }
    .memReg_card_memName{
        width: 510px; 
        max-width: 510px;
    }
    .evtReg_card_evtName{
        width: 510px; 
        max-width: 510px;
    }
    .cstm_retail_content .retail_cost{
        padding-right: 5px !important;
    }
    
    .cstm_retail_content .retail_cost .txt-ellipsis,.cstm_retail_content .retail_payment .txt-ellipsis{
        width: 82px;
        max-width: 82px;
    }
    .cstm_retail_content .retail_cost .txt-ellipsis{
        width: 59px;
        max-width: 59px;
        padding-right: 5px;
    }
    .retail_zero_cost{
        margin-right: 9px !important;
        margin-left:15px;
    }
    .retail_sub_content tr td:nth-child(2){
        padding-right: 0px !important;
    }
    .overflow_rdesktop_content .overflow_header .retail_quantity div{
        width: 26px !important;
    }
    .overflow_rdesktop_content .web-padding{
        padding-left: 0px;
    }
    .overflow_header .retail_quantity{
       padding-right: 15px !important; 
    }
    .overflow_rdesktop_content .overflow_header .retail_quantity{
       padding-right: 11px !important; 
    }
    .event_summary .payment_detail_section{
        padding: 16px 30px;
    }
    .summary_detail{
        width: 200px;
    }
    .sum_membership .member_flexdiv .right-table  .content .txt-ellipsis.overflow_ellipsis,.overflow_ellipsis.set-cstm-width{
        width: 185px;
    }
    .sum_membership .member_flexdiv .right-table .prop{
        width: 134px;
    }
    .payment_details_scroll .past_due_list{
        width: 537px !important;
    }
    .event_summary .event_details .retail_tab{
        width: 340px !important;
    }
    .event_summary .event_details .retail_tab tr td:nth-child(2){
        width: 100px;
        max-width: 100px;
    }
    .retail_header_content{
        font-size: 13px !important;
    }
    .event_purchase_detail .summary_scroll .event_name,.event_purchase_detail .retail_table .event_name{
        width: 165px;
    }
    .event_purchase_detail .summary_scroll .event_cost,.event_purchase_detail .retail_table .event_cost{
        width: 60px;
        padding: 0px !important;
        max-width: 60px;
    }
    .event_purchase_detail .summary_scroll .event_quantity,.event_purchase_detail .retail_table .event_quantity{
        text-align: center;
        width: 53px;
        max-width: 53px;
        padding-right: 0px!important;
    }
    .event_purchase_detail .summary_scroll.border_botnew{
        height: 220px;
    }
    .sum_membership .optionsview,.event_summary .optionsview{
        width: 539px;
    }
    .sum_membership .member_flexdiv .mem_right_tbl .prop{
        width: 114px;
    }
    .trial .details_width{
        max-width: 175px !important;
        width: 175px !important;
    }    
    .MacOS.safari .edit_icon{
        width: 13px;
        height: 13.2px;
        padding-left: 13px;
        cursor: pointer;
        margin-bottom: -1px;
    }
    .check_number_width{
        max-width: 320px !important;
    }

    .program-list{
        background: none;
        margin: 0px;
    }
    .program-list ul li{
        border-radius: 10px;
    }
    .program-sec li:last-child{
        margin-bottom: 16px;
    }
    .program-container{
        padding: 0px 24px;
        margin-top: 0;
        min-height: 580px;
        max-height: 580px;
    }
    .cursor_for_desktop{
        cursor: pointer;
    }
    .icon_tooltip{
        background-color: #FFFFFF;
        text-align: center;
        padding: 7px 10px;
        width :auto;
        height :auto;
        position: absolute;
        z-index: 1;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        line-height: normal;
        color: #000000;
        white-space: break-spaces;
        right: 10px;
        font-size: 12px;
        font-family: 'OpenSans-SemiBold' !important;
        font-weight: normal;
    }
}
/*Till Tablat */
@media only screen and (max-width: 990px) {
    #desk-nav{
        display: none !important;
    }
    .desktop-toolbar{
        display: none !important;
    }
    .mobile-view{
        display:block !important;
    }
    .web-view{
        display:none !important;
    }
    .col-33-cardlisting{
        width:100%;
    }
    .button-maxwidth{
        max-width: 100%;
    }
    .web-container-maxwidth-905{
        margin:0px;
        max-width: 100%;
        padding-left: 0px;
    }
    .desktop-toolbar-right{
        display: none;
    }
    .select-container {
        position: relative;
        z-index: 1;
    }
    .carousal_container {
        padding: 110px 0 0 0;
        background: white;
    }
    .select_icon {
        position: relative;
        right: 22px;
        top: 1px;
        cursor: pointer;
        pointer-events: none;
    }
    .page-content.horz_carousal,.page-content1.horz_carousal {
        margin: 0 !important;
    }
    .cstm-new-back{
        margin-top: -21px;
        position: absolute;
        margin-left: 12px;
    }
    .checkout .row.split_view > .col-50 {
        width: 100%;
    }
    .row .col-50{
        width: 100%;
    }
    .hold-50-mob.row .col-50{
        width: 50%;
    }
    .cstm-new-back{
        color: #009a61;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.1px;
        cursor: pointer;
    }
    .myacc-new-back-mobile{
        margin-left: 20px;
        margin-top: -5px;
    }
    i.icon.icon-back{
        margin-top: 25px;
    }
    .menu_icn {
        margin-top: 32px;
        font-size: 32px !important;
        color: #009a61;
    }
    /*    .f7-icons.menu_icn {
            color: #009a61;
        }*/
    .navbar,.toolbar{
        min-width: 100%;
    }
    .page-content.retail_checkout{
        height: calc(100% - 108px);
    }
    .navbar{
        height: 60px;
        background: white;
    }
    .navbar-inner.fixed-navbar.navbar-on-center {
        margin-top: -60px !important;
    }
    .carousal_container {
        padding-top: 70px;
        border-bottom: 1px solid #efefef;
        /*padding-top: 45px;*/
    }
    /*    .page-content.retail_cart,.page-content.retail_checkout,.page-content.retail_payment_update{
            margin-top: 0px;
        }*/
    .discount-container.mobile-view{
        bottom: 100px;
    }
    .cart-badge{
        left: -12px !important;
    }
    .discount-container.mobile-view {
        bottom: 115px;
    }
    .discount-apply{
        height: 34px;
    }
    .page-content.retail_category{
        /*margin-top: 0px;*/
    }
    .card-container-padding{
        padding-left: 0px;
    }
    .cstm-col-49{
        width:49% !important;
    }
    .cstm-col-50{
        width:50% !important;
    }
    .cstm-refr-page-content{
        padding: 25px 5px 60px 5px !important;
    }
    .icon-mem-back{
        margin-top: 0px !important;
    }
    .cstm-new-cancel{
        color: #009a61;
        font-size: 16px;
    }
    .page-content{
        padding-top: 60px !important;
    }
    .page-content.retail_cart{
        padding-bottom: 0px !important;
    }
    .row .tablet-5{
        margin-right: 4px;
    }
    .toolbar-inner-custom{
        padding: 0px;
    }
    .active-cus.toolbar-button{
        border-radius: 0 !important;
        /*height: 30px;*/
        font-size: 14px;
        padding: 8px;
        margin: 2px 0 0;
        height: 40px;
    }
    .button-maxwidth{
        padding-top: 0px;
        font-size: 14px;
    }
    .mem-cancel-right{
        margin-left: -75px;
        margin-top: 0px; 
    }
    .picker-modal .toolbar .left .link.icon-only i.icon.icon-back{
        margin-top: 0px;
    }
    .login_container-box{
        display: none;
    }
    .toolbar-fixed-custom{
        /*BUTTON TEXT*/
        bottom:50px;
    }
    .myacc-main-row {
        border: none;
        background-color: #ffffff;
        min-height: 0vh;
        margin-top: 0px;
    }
    .myaccount-sub-view{
        min-height: 0vh;
        border-left: none;
        width: 100% !important;
    }
    .web-light-underline{
        padding: 15px 15px 5px;
    }
    .web-payment_type_color{
        color:black;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: -0.2px;
    }
    .web-max-width640{
        max-width: 100%;
    }
    .web-bb{
        border-bottom: 1px solid lightgray;
        padding: 10px 15px;
    }
    .popover-student-country{
        /*left: calc(100% - 75%) !important;*/
        /*top:240px !important;*/
    }
    .web-p30{
        padding: 0px;
    }
    .padding-content-inner-custom{
        padding: 20px 15px;
    }
    .mob-mt10{
        margin-top: 10px;
    }
    .mob-mt0{
        margin-top: 0px;
    }  
    .myacc-edit-btn, .myacc-del-btn{
        width: 25%;
    }
    .mob-p15-0{
        padding: 15px 0px;
    }
    .select-payment{
        margin: 20px 15px 0px;
    }
    .myacc-page-content{
        /*margin-top: 40px;*/
    }
    .toolbar{
        /*position: fixed !important;*/
        background: white;
    }
    #calendar-inline-container2 .toolbar, #calendar-inline-container .toolbar{
        position: relative !important;
    }
    .mob-w100{
        width: 100% !important;
    }
    .demo-card-header-pic .card-header{
        padding: 0% !important;
        background-size: cover;
        /*min-height:50vh !important;*/
    }
    .card-content h3{
        padding: 10px 0px;
    }
    .cart-page .card-content h3{
        padding: 0;
    }
    .item-title{
        margin-top:0;
    }
    .mob-p20{
        padding: 20px;
    }
    .keypad_container{
        bottom: 50px;
    }
    .card-content-inner{
        padding: 0px !important;
    }
    .cart-ckout-row,.new-cart-div{
        box-shadow: none;
    }
    .mob-mt20{
        margin-top: 20px;
    }
    .cart-ckout-row,.new-cart-div{
        box-shadow: none;
    }
    .mob-mt20{
        margin-top: 20px;
    }
    .p15{
        padding: 15px !important;
    }
    .mob-p15{
        padding: 15px !important;
    }
    .mob-p015{
        padding: 0 15px !important;
    }
    .mob-fs18{
        font-size: 18px !important;
    }
    mob-fs10{
        font-size: 10px !important;
    }
    .mob-fs16{
        font-size: 16px !important;
    }
    .mob-fs15{
        font-size: 15px !important;
    }
    .mob-mt-0{
        margin-top: 0px !important;
    }
    .mob-mt-10{
        margin-top: 10px !important;
    }
    .bordered-line{
        border-bottom: none;
    }
    .mob-txt-align{
        text-align: center !important;
        display: inherit;
    }
    /*    .desc-container{
            max-height: 135px;
        }*/
    .mob-p10{
        padding: 10px !important;
    }
    .page-content{
        height: calc(100% - 50px);
    } 
    .page-content.reg-pge-content{
        height: calc(100% - 100px);
    }
    .event-mulcart-div{
        /*max-height: calc(100vh - 350px);*/
        /*overflow: auto;*/
    }
    .mem-pp-div{
        /*        max-height: calc(100vh - 500px);
                overflow: auto;*/
    }
    .curr-card .card-header{
        min-height: 55vw !important;
    }
    .card-listing .card{
        margin-top: 0px;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    }
    .mob-mt10{
        margin-top: 10px;
    }
    .navbar-hidden{
        height: 60px !important;
        display: block;
    }
    .mob-mrgn-top{
        margin-top: 0px !important;
    }
    .myacc-page-content.with-toolbar-btn{
        margin: 60px 0 112px 0;
        padding: 0 !important;
        height: calc(100% - 227px);
    }
    /*
    #myaccdiv.page-content{
         height: calc(100% - 70px);
     }*/
    .retail-view .page-content.retail_payment_update{
        background: #f4f6f8;
    }
    .retail-update-pm .card-content-inner{
        padding: 10px !important;
    }
    .h0{
        height: calc(100% - 0px)!important;
    }
    .toolbar{
        height:50px;
    }
    .navbar::after,.toolbar::before{
        background-color: #efefef;
        /*background-color: #c4c4c4;*/
    }
    .toolbar.custom-toolbar-xlheight{
        height: 90px;
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.proceedwithprocessingfee .toolbar.custom-toolbar-xlheight,.iOS.safari.Mobile .classschedule-view .appointment_register_page.noprocessingfee .toolbar.custom-toolbar-xlheight{
        height: 89px;
    }
    .page-content{
        margin: 60px 0 50px 0; /* Header = 60px, Footer menu = 50px, Total - 110  */
        padding: 0 !important; 
        height: calc(100% - 110px);
    } 
    .page-content.reg-pge-content{
        height: calc(100% - 100px);
    }
    .listing .page-content .my-account .page-content{
        margin: 60px 0 50px 0; /* Header = 60px, Footer menu = 50px, Total - 110  */
        padding: 0 !important; 
        height: calc(100% - 110px);
    }
    .listing.wo-btmtb .page-content {
        height:calc(100% - 60px);
        margin: 60px 0 0 0;
    }
    .date-page .page-content{
        height: calc(100% - 100px) !important;
        padding: 0 !important;
        margin-bottom: 40px;
    }
    /*    .cart-page .page-content{
            margin-bottom: 155px;
            height: calc(100% - 215px);
        } */
    .cart-page .page-content{
        margin-bottom: 90px;
        height: calc(100% - 150px);
    } 
    .cart-page.with-disc .page-content{
        margin-bottom: 155px;
        height: calc(100% - 215px);
    } 
    .cart-page.with-disc .page-content.mem_container{
        height: calc(100% - 150px) !important;
        padding-bottom: 72px !important;
    } 
    .cart-page.bothdisc-cart .page-content{
        margin-bottom: 205px;
        height: calc(100% - 275px);
    } 
    .cart-page.zerocost.bothdisc-cart .page-content{
        margin-bottom: 200px;
        height: calc(100% - 260px);
    } 
    .date-page .toolbar{
        height:40px;
    }
    .date-page .toolbar a.button.active-cus, .retail-view .product_desc .active-cus.toolbar-button{
        margin: 0;
        padding-top: 8px;
    }
    .desc-page .page-content, .checkout-page .page-content{
        height: calc(100% - 150px);
        margin-bottom: 90px;
    }
    .desc-page.zerocost .page-content, .cart-page.zerocost .page-content, .checkout-page.zerocost .page-content{
        height: calc(100% - 130px);
        margin-bottom: 70px;
    }
    .retail-view .desc-page.zerocost .page-content{
        height: calc(100% - 180px);
        margin-bottom: 70px;
    }
    .cart-page.zerocost.with-disc .page-content,has-cent-oneline.cart-page.zerocost.with-disc .page-content{
        height: calc(100% - 235px);
        margin-bottom: 135px;
    }
    .desc-page.zerocost .toolbar, .cart-page.zerocost .toolbar, .checkout-page.zerocost .toolbar{
        height:70px; 
    }
    .checkout-span{
        display: block;
    }
    .toolbar-price {
        padding-top: 7px;
    }
    .toolbar-price span{
        font-size: 13px;
        position: relative;
        top: -5px;
        display: block;
    }
    .custom-toolbar-smheight{
        height:40px;
    }

    .bottom-row{
        bottom:155px;
        z-index:500;
    }
    .bottom-row .cart-ckout-row{
        padding:15px;
    }
    .cart-page.zerocost.with-disc .bottom-row,has-cent-oneline.cart-page.zerocost.with-disc .bottom-row{
        bottom: 135px;
        z-index: 500;
    }
/*    .bothdisc-cart .bottom-row{
        bottom: 190px;  
    }*/
    .bothdisc-cart.zerocost .bottom-row{
        bottom: 201px; 
    }
    .retail-view .active-cus.toolbar-button{
        border-radius:0;
        height:40px;
        padding-top: 7px !important;
        margin: 2px 0 0 !important;
    }
    .mobile-view .retail_cart_list{
        padding-bottom: 0px;
        box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
    }
    .unauthorized-screens .decider{
        margin:0 !important;
    }
    .retail_checkout .pm-section{
        padding-top:10px;
    }
    .participantListContent{
        padding-bottom:0;
    }
    .view.reff-view .navbar .navbar-inner,.view.tab.myaccount-view .navbar .navbar-inner,.view.message-view .navbar .navbar-inner,.view.tab.curr-view .navbar .navbar-inner{
        border-bottom: 1px solid rgb(223,227,233);
    }
    .new-cart-card{
        box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
    }
    .web-cart-row h3{
        padding-left: 10px;
    }
    .sf-disc + .mf-disc{
        /*border-top: none;*/
        /*box-shadow: 0 4px 3px 0 rgba(184, 184, 184, 0.5);*/
        padding-top: 0px;
    }
    .sf-disc.ng-hide + .mf-disc {
        /*border-top: 1px solid #efefef;;;*/
        /*box-shadow: 0 1px 3px 0 rgba(184, 184, 184, 0.5);*/
        padding-top: 15px;
    }
    .sf-disc, .mf-disc{
        /*box-shadow: none !important;*/
    }
    #c-tab .toolbar-inner{
        padding-left: 0;
        padding-right: 5px;
    }
    .waiv-sec, .pay-sec{
        margin-top: 0;
    }
    .mem-disc{
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }
    .bottom-row .disc-sec{
        padding-right: 20px;
    }
    .disc-sec.disc-row, .sf-disc.disc-sec.disc-row + .mf-disc.disc-sec.disc-row{
        padding-top: 7px;
    }
    .disc-sec.disc-row span{
        position: relative;
        top: 2px;
    }
    .sf-disc.disc-sec.disc-row.applied{
        /*padding-bottom: 0*/
    }
    .mf-disc.disc-sec.disc-row.applied{
        /*padding-bottom: 0*/
    }
    .custom-card-cont{
        padding-left: 5px;
    }
    .card-footer{
        padding: 10px;
    }
    .both-disc .sf-disc{
        padding: 10px 15px 0px 10px;
    }
    .both-disc .mf-disc{
        padding: 10px 15px 11px 10px;
    }
    .message-view .page-content{
        margin: 60px 0 105px 0;
        height: calc(100% - 165px);
    }
    .curr-view .card-header h3{
        margin-top: 50%;
    }
    .mob-pt10{
        padding-top:10px !important;
    }
    .mob-pt11{
        padding-top: 11px !important;
    }
    .cart_delete{
        margin-top: 10px;
    }
    .icon-padding{
        padding: 18px 5px 18px 15px;
    }
    .quantity_box{
        margin-top: 5px;
    }

    .has-cent-pro .toolbar-price span{
        font-size: 11px;
        position: initial;
        top:0px;
        display: inherit;
    }

    .has-cent-pro .toolbar-price span small{
        font-size: 11px;
    }

    .has-cent-pro .toolbar.custom-toolbar-xlheight{
        height: 106px;
    }
    .has-cent-pro.cart-page.with-disc .page-content{
        height: calc(100% - 232px);
    }
    .has-cent-pro.cart-page .page-content,.has-cent-pro.checkout-page .page-content{
        height: calc(100% - 167px);
    }
    .centlabel{
        width:auto;
    }
    .trash_icon_light{
        margin-top:10px;
    }

    /*CLASS SCHEDULE CLASSES*/
    .classschedule-view .page-content {
        margin: 60px 0 50px 0; /* Header = 60px, Footer menu = 50px, Total - 110  */
        height: calc(100vh - 110px);
    }
    .Android .classschedule-view .page-content {
        margin: 60px 0 50px 0;
        height: calc(100vh - 160px); /* +50 px for browser bar*/
    }
    .classschedule-view .navbar{
        display:block;
    }
    .appointment_subtitle{
        /*font-size: 13px;*/
        font-weight: 600;
    }
    .appointment_time{
        /*        padding: 11px 0px;
                margin: 0;
        */        font-size: 15px;
        font-weight: 500;
    }
    .appointment_title{
        font-size: 16px;
        font-weight: 500;
    }
    .classschedule-view .container{
        max-width: calc(90% - 30px);
    }
    .classschedule-view .card-container{
        margin: 15px auto !important;
        max-width: calc(100% - 30px);
    }
    .classschedule-view .cstm-back-icon{
        height: 20px;
    }
    .classschedule-view .cstm-new-back{
        position:relative;
        bottom:3px;
    }
    .classschedule-view .participant_listing_page h2{
        /*left: -10px;*/
        position: inherit;
        margin-top: 0px !important;
    }
    .iOS.safari.Tablet .classschedule-view .participant_listing_page .page-content,
    .MacOS.safari.Tablet .classschedule-view .participant_listing_page .page-content,
    .MacOS.safari.Mobile .classschedule-view .participant_listing_page .page-content,
    .iOS.safari.Tablet .classschedule-view .class_listing_page .page-content,
    .MacOS.safari.Tablet .classschedule-view .class_listing_page .page-content,
    .MacOS.safari.Mobile .classschedule-view .class_listing_page .page-content{
        margin: 60px 0 50px 0;
        height: calc(100vh - 130px);
    }

    .MacOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 190px);
    }
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content,
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content{
        margin: 60px 0 185px 0;
        height: calc(100vh - 185px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 245px);
    }
    .iOS.chrome.Tablet .classschedule-view .participant_listing_page .page-content,
    .MacOS.chrome.Tablet .classschedule-view .participant_listing_page .page-content,
    .iOS.chrome.Mobile .classschedule-view .participant_listing_page .page-content,
    .MacOS.chrome.Mobile .classschedule-view .participant_listing_page .page-content,
    .iOS.chrome.Tablet .classschedule-view .class_listing_page .page-content,
    .MacOS.chrome.Tablet .classschedule-view .class_listing_page .page-content{
        margin: 60px 0 50px 0;
        height: calc(100vh - 160px);
    }    
    .classschedule-view .col-33-cardlisting{
        width:50%;
    }
    .classschedule-view .checkout .row.split_view > .col-50 {
        width: 100%;
    }
    .classschedule-view .checkout .card-content-inner{
        padding: 0;
    }
    .classschedule-view .checkout .container{
        max-width: 550px;
    }
    .classschedule-view .card-content-inner{
        padding: 15px !important;
    }
    .classschedule-view .class-schedule-navbar .left, .appointment_register_page .class-schedule-navbar{
        display: none;
    }   
    .classschedule-view .appointment_register_page .card-container{
        padding-bottom: 0;
    }
    /*    .classschedule-view .appointment_register_page .page-content{
            margin: 60px 0 172px 0;
            height: calc(100vh - 172px);
        }*/
    .Android .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 230px 0;
        height: calc(100vh - 220px);
    }
    .Android .classschedule-view .appointment_register_page .page-content.native_cls_checkout {
        margin: 60px 0 110px 0;
        height: calc(100vh - 150px);
    }

    .iOS.safari.Tablet .classschedule-view .appointment_register_page .page-content,
    .MacOS.safari.Tablet .classschedule-view .appointment_register_page .page-content,
    .MacOS.safari.Mobile .classschedule-view .appointment_register_page .page-content{
        height: calc(100vh - 70px);
        padding: 0 !important;
        margin: 0;
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content{
        margin: 60px 0 247px 0;
        height: calc(100vh - 247px);
    }
    .iOS.chrome.Tablet .classschedule-view .appointment_register_page .page-content,
    .MacOS.chrome.Tablet .classschedule-view .appointment_register_page .page-content,
    .iOS.chrome.Mobile .classschedule-view .appointment_register_page .page-content,
    .MacOS.chrome.Mobile .classschedule-view .appointment_register_page .page-content{
        margin: 60px 0 235px 0;
        height: calc(100vh - 235px);
    }
    .classschedule-header .left{
        font-weight: 500;
        font-size: 24px;  
    }
    .appointment-slot .day{
        font-weight: 500; 
    }
    /*LANDING PAGE CSS*/
    .landing-about {
        padding: 15px 15px 60px 15px;
    }
    .header-swiper.swiper-container{
        height: 300px;
    }
    .overlay-container .overlay-text{
        height: 380px;
    }
    .award-bg-img{
        height: 50px;
        margin:10px;
    }
    .gallery-promo-section h1{
        font-size: 24px;
    }
    .about-section-content h1{
        font-size: 22px;
    }
    .overlay-text h1 {
        font-size: 25px;
    }
    /*.image-gallery-view{*/
    /* padding: 3% 20% 0% 20%; */
    /*        margin-top: 10%;
            margin-left: 0%; 
        }*/
    .image-gallery-view-close{ 
        /*        padding-right: 10%; 
                margin-top: 7%;*/
    }
    .imagegallery-swiper.swiper-container {
        /*        width: 659px;
                height: 439px;
                margin: 15px 53px 212px 56px;
                padding: 13px 11px 95px 8px;*/
    }
    .image-gallery-view-close .f7-icons{
        font-size: 35px;
    }
    .landing-about p{
        font-size: 18px;
    }
    .review-section h3{
        font-size: 24px;
    }
    .review-swiper.swiper-container{
        height: 200px; 
    }
    .gallery-header h6{
        font-size: 16.5px !important;
    }
    .gallery-header h6.viewall{
        font-size: 16.5px !important;
    }
    .slider-img-caption{
        font-size: 18px;
    }
    .gallery-promo-section h4{
        font-size: 20px;
    }
    .gallery-promo-section button{
        width:175px;
    }
    .iframe-container{
        /*padding-top: 75.25%;*/
        /*HIDE THIS CODE FOR AVOIDING SPACE FOR VIDEO HEADER IN TAB AND MOBILE VIEW*/
    }
    .award-section.server-image img + img{
        margin-left:25px;
    }
    .mobile-ManagePayments{
        height: 100%;
    }
    .mobile-ManagePayments .col-25.myaccount-sub-view{
        display: none;
    }
    .myaccount-sub-summary{
        background: #f4f6f8;
    }
    .nav-grey-bg{
        background: #f7f7f8;
    }
    .retail_summary .cstm_section2,.event_summary .cstm_section2{
        width: 133px;
        max-width: 133px;
    }
    .retail_summary .cstm_section1,.event_summary .cstm_section1{
        width: 100px;
        max-width: 100px;
    }
    .retail_summary .cstm_upcoming_table,.summary_misc .cstm_upcoming_table,.event_summary .cstm_upcoming_table{
        border-top: 1px solid #E6E6E6;
    }
    .myaccount_outer,.myaccount-sub-summary{
        border-radius: 0px;
    }
    .summary_misc .upcome_table .section2{
        padding: 4px 0px 4px 15px;
    }
    .trails .prop{
        width: 93px !important;
        padding-right: 24px;
        padding-left: 3px;
    }
    .trial .member_detail{
        margin-left: 121px;
    }
    .pt0{
        padding-top: 0px;
    }
    .retail_sub_view .myaccount-sub-view{
        overflow-x: hidden;
    }
    .trial .member_flexdiv .content .txt-ellipsis.overflow_ellipsis{
        width: calc(100vw - 124px);
    }
    .desktop_rtable_content{
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 0px !important;
        padding-bottom: 10px !important;
    }
    .member_flexdiv .retail_div2{
        padding: 0px !important;
    }
    .ret.retail_sub_totalail_order_name{
        width: calc(100vw - 190px) !important;
        max-width: calc(100vw - 190px) !important;
    }
    .retail_payment{
        max-width: 82px;
        width: 82px
    }
    .retail_quantity{
        width: 32px;
        max-width: 32px;
    }
    .retail_cost{
        max-width: 90px;
        width: 90px;
    }
    .retail_sub_content .section3{
        padding: 0px !important;
    }
    .retail_order_history{
        border-top: 1px solid #dde1e5;
        padding-top: 15px !important;
    }
    .retail_div2 .payment_details_table tr td:last-child{
        width: 82px;
        padding-left: 7px !important;
    }
    .zero_cost.retail_div2 .payment_details_table tr td:last-child{
        width: 67px;
    }
    .h35{
        height: 35px;
    }
/*    .sum span{
        width:calc(100vw - 50px);
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }*/
    .trial .upcome_table .section3{
        padding: 17px 0px 16px 15px;
    }
    .myAccount-sidemenu{
        font-weight: 500;
        font-size: 16.25px;
        line-height: 22px;
        letter-spacing: -0.368704px;
    }
    .trial .upcome_table .section2{
        padding: 5px 0px 3px 15px;
    }
        
    .navbarTopBack .nav_button_color{
        padding: 10px 15px;
        margin-left: -15px;
    }
    .memReg_card_memName{
        width: calc(100vw - 30px);
        max-width: calc(100vw - 30px);
    }
    .evtReg_card_evtName{
        width: calc(100vw - 30px);
        max-width: calc(100vw - 30px);
    }
    
    .event_summary .summary_scroll{
        margin-top: 0px!important;
    }
    .event_div2{
        border-top: none !important;
    }
    .event_div2 .retail_table{
        padding: 0px 30px;
    }
    .mobile-pl15{
        padding-left: 15px !important;
    }
    .event_cost{
        width: 72px;
        max-width: 72px;
    }
    .event_quantity{
        width: 53px;
        text-align: center;
        max-width: 53px;
        padding-right: 0px!important;
    }
    .event_div2 .border_botnew{
        border-bottom: 1px solid #DDE1E5;
    }
    .sum_membership .optionsview{
        width: 100%;
    }
    .left-table{
        width: 100vw;
    }
    .right-table{
        width: 100vw;
    }
    .sum_membership .member_flexdiv .content .txt-ellipsis.overflow_ellipsis{
        width: calc(100vw - 127px);
    }
    .trial .member_flexdiv .prop{
        padding-right: 26px;
        padding-top: 5px;
        width: 84px;
        padding-left: 14px
    }        
    .payment_detail_section .optionsview{
        margin-bottom: 0px !important;
    }
    .payment_detail_section .optionsview {
        box-shadow: none;
        border: none;
        border-top: solid 1px #E6E6E6;
    }
    .mobile_border_btm{
        border-bottom: solid 1px #E6E6E6 !important;
    }
    .upcome_table th{
        width: calc(100vw - 30px);
        max-width: calc(100vw - 30px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sum_membership .member_flexdiv .content{
        font-size: 16px;
        line-height: 22px;
    }
    .sum_align-center .content{
        vertical-align: middle;
    }
    .summary_detail{
        width: calc(100vw - 242px);
    }
    .sum_align-center .prop{
        padding-bottom: 10px !important;
    }
    .sum_membership .content{
        padding-bottom: 0px !important;
    }
    .sum_membership .member_flexdiv .prop{
        padding-bottom: 10px;
        padding-top: 7px;
    }
    .upcome_table{
        box-shadow: 0px 2px 4px rgba(184, 184, 184, 0.5);
    }
    .retail_table.no-margin-bottom{
        margin-bottom: 0 !important;
    }
    .check_number_width{
        max-width: calc(100vw - 220px) !important;
    }
    /* CLASS APPOINTMENT MOBILE VIEW FEEDBACK CHANGES*/ 
    .class_appointment_detail{
        align-items: center;
        min-height: 50px;
    }
    .class_appointment_detail .col-30{
        width: 90px ;
    }
    .class_appointment_detail .col-60{
        width: calc(100% - 100px);
    }
    .class_appointment_detail .col-10{
        width: 10px;
    }
    .class_appointment_detail .col-30 .appointment_time{
        font-weight: 600;
        font-size: 16px;
        padding: 0px;
    }
    .class_appointment_detail .col-60 .color_gray2,.class_appointment_detail .col-60 .color_gray{
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: -0.360937px;
        line-height: 19px !important;
        color: #A3A3A3 !important;
        margin: 0px !important;
    }
    .class_appointment_detail .col-60 .color_gray{
        font-size: 12px !important;
    }
    .class_appointment_detail .col-60 .class_appointment{
        font-size: 16px;
        line-height: 22px;
        margin: 0px;
    }
    .class_appointment_detail .col-60 .appointment_title{
        font-weight: 500;
        font-size: 14px !important; 
        line-height: 19px;
        letter-spacing: -0.360937px;
    }
    .class_appointment_detail .appointment-arrow{
        padding: 0px;
        width: 8px;
        height: 14px;
    }
    .detail_right_arrow{
        width: 10px;
    }
    .class_appointment_detail .col-60 .row{
        align-items: center;
    }
    .class_appointment_detail .col-60 .row .col-30{
        width: 35%;
    }
    .class_appointment_detail .col-60 .row .col-70{
        width: 65%;
    }
    .class_appointment_detail_payment{
        padding: 0px 25px;
        padding-top: 5px !important;
    }
    .mob-w15{
        padding: 15px;
        background-color: white;
    }
    .mob-w15 .web-cart-row{
        box-shadow: none;
    }
    .mob-m15{
        margin-top: 15px;
    }
    .mob-padding15{
        padding: 15px;
        padding-bottom: 0px;
    }
    .mob-padding_0_15{
        padding: 0px 15px;
    }
    .decider_bottom_text{
        font-size: 11.666px;
        font-weight: 400;
    }
    .logo-cover{
        margin-left: 0px;
    }
    #view-9 .home .center{
        left: 0px !important;
    }
    #view-1 .event_main_center{
        /*left: -29px !important;*/ 
        top: 0px !important;
    } 
    .navbar-inner.home{
        padding-bottom: 0px!important;
    }
    #view-9 .home .center{
        top: 0px !important;
    }
    .reff-view .center img,.message-view .center img,.curr_section .center img{
        margin-top:21px!important;
    }
    #view-1 .multiple_event_center,#view-1 .single_event_checkout_center,#view-1 .single_event_checkout_center,#view-1 .multiple_event_checkout_center{
        left: -13.5px !important;  
        top: 0px !important;
    }
    #view-1 .single_event_center,#view-1 .single_cart_center,#view-1 .multiple_event_dates_center,#view-1 .multiple_cart_center,#view-1 .multiple_child_center{
        left: 16.5px !important;  
        top: 0px !important;
    }
    #view-3 .curr_sub_section_center{
        left: -12.5px !important;  
        top: 2px;
    } 
     #view-3 .curr_section{
        margin-top:auto!important;
    } 
    #view-9 .retail_catagory_center{
        left: 0px !important;
    }
    #view-9 .navbar-inner,.class_schedule_list.navbar-inner{
        justify-content: center !important;
        width: 100% !important;
    }
    #view-9 .navbar-inner .left,.class_schedule_list .left{
        position: absolute;
        left: 0;
    }
    #view-9 .navbar-inner .right{
        position: absolute;
        right: 15px;
    }
    #view-9 .desc.navbar-on-center .right .mobile-view{
        margin-top: 10px !important;
    }
    #view-9 .retail_cart_center,#view-9 .mw450 .center{
        left: 0px !important;  
        top: 2px !important;
    }
    #view-9 .retail_checkout_center{
        top: 2px !important;
        left: -10px !important;
    }
    .class_schedule_list .center{
        top: 2px !important;
        left: 5px !important;
    }
    .class_schedule_list .center.top3px{
        top: 3px !important
    }
    .retail_no_prod{
        padding: 15px;
        padding-bottom: 0px
    }
    #view-9 .home .right .mobile-view{
        margin-top: 10px !important;
    }
    #view-9 .home .right{
        margin-top: 10px !important;
    }
}
@media all and (min-width: 630px) and (min-height: 630px) {
    .popup:not(.tablet-fullscreen){
        height: 100% !important;
        left: 0% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        top: 0% !important;
        transform: translate3d(0px, 1024px, 0px);
        width: 100% !important;
    }
    .popup:not(.tablet-fullscreen).modal-in {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .popup:not(.tablet-fullscreen).modal-out {
        -webkit-transform: translate3d(0, 1024px, 0);
        transform: translate3d(0, 1024px, 0);
    }
}
@media only screen and (min-width: 701px) and (max-width: 800px)  {
    .play-overlay{
    position: absolute;
    top: 36%;
    left: 40%;
    width: 150px;
    }
}
@media only screen and (max-width: 401px) {
    .play-overlay{
    position: absolute;
    top: 16%;
    left: 25%;
    width: 150px;
    }
}
@media only screen and (min-width: 402px) and (max-width: 500px)  {
    .play-overlay{
    position: absolute;
    top: 21%;
    left: 29%;
    width: 150px;
    }
}
/*NEW CSS FOR NEW LOGIN & REGISTER SCREENS*/
@media only screen and (max-width: 320px) {
    .oauth-signup .account-decider{
        padding: 0 10px 10px 10px;
    }
}
/*MEDIA QUERIES FOR MOBILE APP*/
@media only screen and (max-width: 480px) {
    #wepay-ach{
        left: 0 !important;
        margin-left: 2% !important;
        min-width: 0% !important;
        height: 0% !important;
        margin-top: -1% !important;
    }
}
/*MEDIA QUERIES FOR MOBILE APP*/
@media only screen and (max-width: 410px) {
    /*    .date-dropdowns > .dob_month,.dob_day,.dob_year{
            width: 90px;
            height: 35px;
        }*/
}

@media only screen and (max-width: 400px) {
    .student_login_page_1_text{
        font-size: 24px;
    }
    /*    .send_message{
            width:95%;
        }
        .send_icon{
            left:-10px;
        }*/
}

@media only screen and (max-width: 320px) {
    .sliderImages{
        width: 90%;
        max-width: 300px;
        margin: auto;
    }
    .myAccount-sidemenu{
        font-size: 13px;
        /*top:35%;*/
    }
    .student_login_page_1_text{
        font-size: 20px;
    }
}


@media only screen and (min-width: 1500px) {
    .popover-student-country{
        /*left: calc(100% - 65%) !important;*/
        /*top:240px !important;*/
    }
}

@media only screen and (max-width: 599px) {
    .image-gallery .col-25{
        width: 25% !important;
        margin-left: 0;
    }
    .image-gallery .row{
        justify-content: start;
        width: 100%;
    }
    .failure_payment_modal{
        left: 50%!important;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 600px)  {
    .image-gallery-bg-img{
        height: 90px;
    }
    .default-image-gallery-bg-img{
        height: 90px;
    }
    .image-gallery .row{
        justify-content: start;
        width: 90%;
    }
}
@media only screen and (max-width: 1350px) and (min-width: 1200px) {
    .green-text.height_auto{
       height: calc(var(--modal-width) / 100 * 30)!important;
       line-height: normal!important;
    }
}
.samsung .green-text.height_auto{
    height: calc(var(--modal-width) / 100 * 30)!important;
    line-height: normal!important;
}
/*@media only screen and (max-width: 1350px) and (min-width: 600px)  {
    .global-modal,.modal.modal-no-buttons.global-modal,.modal,.global-modal .modal-action button,.modal-buttons-1 .modal-button,.global-modal p,.global-modal .modal-body,.modal .modal-inner,.modal .modal-title{
        font-size: calc(var(--screen-width) / 100 * 1.2);
    }
}*/
@media only screen and (max-width: 599px) and (min-width: 450px)  {
    .image-gallery-bg-img{
        height: 85px;
    }
    .default-image-gallery-bg-img{
        height: 85px;
    }
}
@media only screen and (max-width: 449px) and (min-width: 350px)  {
    .image-gallery-bg-img{
        height: 65px;
    }
    .default-image-gallery-bg-img{
        height: 65px;
    }
}
@media only screen and (max-width: 349px)  {
    .image-gallery-bg-img{
        height: 55px;
        width: 100%;
    }
    .default-image-gallery-bg-img{
        height: 55px;
        width: 100%;
    }
    
}
/* Hide this code for confirmation to text in video or not */
/* @media only screen and (max-width: 400px) and (min-width: 310px)  {
    .overlay-desc-text-overvideo {
        margin-top: 12%;
    }
}
@media only screen and (max-width: 600px) and (min-width: 401px)  {
    .overlay-desc-text-overvideo {
        margin-top: 15%;
    }
} */

@media only screen and (max-width: 1199px) and (min-width: 991px)  {
    .cstm-back-icon,.menu_icn{
        margin-left: 20px;
    }
    .cstm-new-back{
        margin-left: 35px !important;
    }
    .classschedule-view .cstm-new-back{
        margin-left: 12px !important;
    }
    .panel-cover {
        width: 30%;
    }
/*    .panel.panel-left.panel-cover {
        left: -30%;
    }*/
}

@media only screen and (max-width: 1200px) {
    .signwebdiv, .signtabdiv{
        display:none;
    }
    .signsmallwebdiv{
        display:block;
    }
/*    :root{
       --modal-width: calc(var(--screen-width) / 100 * 50); 
    }*/
}

@media only screen and (max-width: 900px) {
    .carousal_select {
        max-width: 280px;
    }
    .retail-place-your-order{
        padding-top: 10px;
    }
    .signwebdiv, .signsmallwebdiv{
        display:none;
    }
    .signtabdiv{
        display:block;
    }
    .failure_payment_modal{
        left: 45%;
    }
    .summary_scroll,.summary_detail_scroll,.payment_details_scroll{
        width: 100%;
    }
    .detailsWidth{
        max-width: 85px;
        width: 85px;
    }
    .trial .details_width{
        max-width: 140px;
        width: 140px;
    }
    .myaccount-summary .summary-card{
        margin-bottom:  0px;
    }
    .trial .upcome_table,.summary_misc .upcome_table,.retail_summary .upcome_table,.sum_membership .upcome_table,.event_summary .upcome_table{
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .col-33-cardlisting{
        width:100%;
    } 
    .carousal_select {
        max-width: 150px;
    }
    .discount-container.mobile-view {
        bottom: 120px;
    }
    .retail-place-your-order{
        padding-top: 10px;
    }
    .row .tablet-5{
        margin-right: 0px;
    }
    .new-maxwidth320-cont{
        max-width: 1200px;
        overflow: auto;
        margin: auto;
        margin-bottom: 0px;
    }
    .popover-student-country{
        /*left: 5px !important;
        /*top:240px !important;*/
    }
    .popover-student-country-angle{
        left:40px !important;
        /*top:-25px !important;*/
        /*transform: rotate(90deg);*/
    }
    .myacc-edit-btn, .myacc-del-btn{
        width: 48%;
    }
    .only-mob-view{
        display:block !important;
    }
    .not-mob-view{
        display:none !important;
    }
    .mob-mt40{
        margin-top: 40px;
    }
    .active-cus.toolbar-button {
        /*        bottom: 5px;
                position: absolute; 
                width: 96%;*/
    }
    .unver_text{
        font-size: 13px;
    }
    .border-btn{
        bottom: 0px !important;
    }
    .centered-modal{
        width: 90% !important;
        max-width:360px !important;
    }
    .part-list-width{
        width: 100%;
    }
    .myacc-page-content{
        /*       margin-top: auto;
               z-index: auto;
               position: initial;*/
    }
    /*    #myaccdiv.page-content{
            height: calc(100% - 70px);
        }*/
    /*    .retail-view .page-content.retail_payment_update{
            padding-top: 61px !important;
        }*/
    .retail-update-pm{
        width:100%;
    }
    .xs-container{
        max-width: calc(100% - 30px);
        margin: 0 15px;
    }
    .bgset{
        background: #f4f6f8;
    }
    .mobile-pt20{
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .h0{
        height: calc(100% - 0px)!important;
    }
    .editsign-icn{
        bottom: 70px;
        right: 5px;
    }
    .has-cent-pro .toolbar.custom-toolbar-xlheight{
        height: 122px;
    }
    .has-cent-pro.cart-page.with-disc .page-content{
        height: calc(100% - 248px);
    }
    .has-cent-pro.cart-page .page-content,.has-cent-pro.checkout-page .page-content{
        height: calc(100% - 183px);
    }
    .has-cent-pro.has-cent-oneline .toolbar.custom-toolbar-xlheight{
        height: 106px;
    }
    .has-cent-pro.has-cent-oneline.cart-page.with-disc .page-content{
        height: calc(100% - 232px);
    }
    .has-cent-pro.has-cent-oneline.cart-page .page-content,.has-cent-pro.checkout-page .page-content{
        height: calc(100% - 167px);
    }
    .retail-view .page-content.retail_payment_update.shipping_details{
        margin-top: 60px !important;
        height: calc(100% - 40px) !important;
    }
    
    .classstart .picker-calendar-row{
      height: calc(100% / 6);  
    }
    
    .picker-modal.classstart.picker-calendar{
        width: 90% !important;
        background-color: #f6f6f6;
        border-radius: 0px;
        height: 300px;
        left: 5% !important;
        top: 108px;
    }
    .picker-modal.classstart.picker-calendar.class-summary-calendar {
        width: var(--modal-width) !important;
        left: 50% !important;
    }
    .picker-modal.picker-calendar.classstar{
        border: 1px solid #e3e3e3;
    }
    .classstart .picker-modal-inner{
        background: #f6f6f6;
    }
    .picker-modal .toolbar::before{
        background-color: transparent;
    }
    .classstart .picker-modal-inner .picker-calendar-day{
        font-size: 11px;
    }
    .participant_listing_page .participant_name{
        font-size: 15.5px;
        text-align: left;
        width:100%;
    }
    .participant_listing_page .participant_title{
        font-size: 13.5px;
        text-align: left;
        font-weight: 600;
        padding: 0;
    }
    .list-card-mobile{
        border: solid 1px #dfe3e9;
        border-left: 0;
        border-right: 0;
        text-align: center;
        background: white;
        padding: 15px;
    }
    .list-card-mobile .appointment_title{
        margin:0;
        text-align: left;
        /*color: #8A9091;*/
        font-weight: 600;
    }
    .appointment_subtitle{
        text-align: left;
        font-size: 13px;
        font-weight: 100;
    }
    .Android .appointment_subtitle {
        font-weight: 400;
    }
    .appointment-arrow{
        padding: 11px 0;
        margin: 0px;
    }
    .participant_listing_page .appointment-arrow{
        padding: 16px 0 0;
    }
    .appointment_time {
        text-align: left;
        padding-top: 10px;
    }
    .classschedule-view .select-participant{
        border: solid 1px #dfe3e9;
        text-align: left;
        border-left: 0;
        border-right: 0;
        padding: 10px;
        font-size:14px;
        font-weight: 600;
        background: white;
        position: inherit;
    }
    .list-card-mobile:first-child ,.list-card-mobile + .list-card-mobile{
        /*border-top:none;*/
    }
    .classschedule-view .checkout .container{
        max-width: none;
    }
    .classschedule-view .checkout .card-container{
        margin: 0 !important;
        max-width:none;
    }
    .classschedule-view .checkout .no-min.card{
        margin: 0;
    }
    .classschedule-view ul.horz_carousal {
        height:35px;
        top:0;
        padding:5px 0;
    }
    .classschedule-view ul.horz_carousal .day-span{
        font-size: 11px;
        font-weight: 600;
    }
    .classschedule-view ul.horz_carousal .date-span{
        position: relative;
        top:5px;
        font-size: 11px;
    }
    .classschedule-view ul.horz_carousal .active-date .date-span{
        color: #009a61;
        border-bottom: 2px solid #009a61;
    }
    .classschedule-view ul.horz_carousal .active-date .day-span{
        font-weight: 700;
    }
    /*LANDING PAGE CSS*/
    .landing-banner{
        padding: 6px 0px 5.6px 0px;
        font-size: 14px;
    }
    .overlay-text h1 {
        font-size: 20px;
    }
    .program-swiper.swiper-container,.event-swiper.swiper-container{
        height: 154px; 
        padding: 0 0 70px 0;
    }
    .slider-img-caption{
        top:130px;
    }
    .award-bg-img{
        height: 40px;
        margin: 0 10px;
        width: calc(100% - 10px);
    }
    .gallery-promo-section h1{
        font-size: 22px;
    }
    .about-section-content h1{
        font-size: 21px;
    }
    .social-section img{
        margin:18px;  
    }
    .landing-preview-button{
        margin: 6px 0px 0px 0px;
        width:auto;
        font-size: 11px;
    }
    .review-swiper.swiper-container{
        height: 170px; 
    }
    .image-gallery-view{
        /* padding: 0px;
        margin-top: 31%;
        margin-left: 0%;   */
    }
    .imagegallery-swiper.swiper-container {
/*        width: 290px;
        height: 193px;
        margin: 160px 43px 177px 42px;
        padding: 1px 60px 24px 64px;*/
    }
    .image-gallery-view-close .f7-icons{
        font-size: 30px;
        /*font-weight: 700;*/
    }
    .gallery-header h6{
    font-size: 15.5px !important;
    }
    .gallery-header h6.viewall{
        font-size: 15.5px !important;
    }
    .slider-img-caption{
        font-size: 16px;
    }
    .review-section h3{
        font-size: 19px;
     }
    .landing-about p{
         font-size: 15.5px;
     }
    .landing-preview span{
        font-size: 14px;
    }
    .cancel_rescheduler_flag{
        font-weight: 500;
        line-height: 40px;
        text-align: left;
    }
    .reschedulebannertext{
        line-height: 25px;
        font-weight: 500;
        text-align: left;
    }
    .summary_innersection .tab{
        width: 84px;
    }
    .summary_innersection  .tab .activegreen{
        padding: 0 0px 11px;
    }
    .summary_innersection .ul-tab{
        padding-bottom: 0px;
        border:1px solid #DDE1E5;
        border-left:none;
        border-right:none;
    }
    .cssummarynotxt{
        padding-left:15px;
    }
    .trial .summary_scroll {
        max-height: calc(100vh - 110px) !important;
    }
    .chat-img-preview{
        width: 95%;
        height: 95%;
        margin: auto;
        padding: 10px 10px 20px;
        border-radius: 5px;
        overflow: auto;
    }
/*    .modal-buttons{
        height: var(--modal-button);
    }
    
    .modal .modal-inner,.modal .modal-title{
        font-size: var(--modal-font);
    }*/
/*    .global-modal,.modal,.modal.modal-no-buttons.global-modal{
        max-height: 80vh;
        width: 80vw;
        border-radius: calc(80vw / 100 * 3);
        font-size: var(--modal-font);
    }*/
/*    .global-modal .modal-action button,.modal-buttons-1 .modal-button{
        height: var(--modal-button);
        padding: var( --modal-padding);
        font-size: var(--modal-font);
        cursor: pointer;
    }*/
/*    .global-modal p,.global-modal .modal-body{
        font-size: var(--modal-font);
    }*/
/*    .global-modal .modal-body.single-btn,.modal .modal-inner{
        max-height: calc(80vh - (80vw / 100 * 20) - (2 * (80vw / 100 * 10)));
    }
    .global-modal .modal-body.two-btn{
        max-height: calc(80vh - (2 * (80vw / 100 * 20)) - (2 * (80vw / 100 * 10)));
    }
    .global-modal .modal-body.three-btn{
        max-height: calc(80vh - (3 * (80vw / 100 * 20)) - (2 * (80vw / 100 * 10)));
    }*/
}

@media (min-width:481px) and (max-width: 1024px) {
    #newcurr_box .actualbox{
        width: 50% !important;
        padding: 5px;
    }
    #newcurr_box .curr_justify , #newcurr_sub_box .curr_justify{
        padding: 10px;
    }  
}
@media (min-width:481px) and (max-width: 1023px) {
    #newcurr_sub_box .col-50{
        padding: 5px !important;
    }
}
@media only screen and (max-width: 767px) {
    .labelAlignMT2 > .col-100.tablet-50:nth-child(2), .mob-form-group-align{
        margin-top: 15px;
    }
    .landing-preview span{
        margin-left: -34%;
    }
}
@media only screen and (max-width: 700px) {
    #newcurr_sub_box .col-50{
        width: 100% !important;
    }
}
@media only screen and (max-width: 480px) {
    #newcurr_box .actualbox{
        width: 100% !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #newcurr_sub_box .col-50{
        width: 100% !important;
    } 
    .stripeCheckoutDecideModal{
        width:300px!important;
    }
    .MemstripeCheckoutDecideModal{
        width:300px!important;
    }
}
@media only screen and (min-width: 1280px) {
    #newcurr_box{ 
        max-width: 1240px !important;
    }
    /*LANDING PAGE SLIDER ROW ADJUSTMENT FOR DESKTOP VIEW*/
/*    .slider-row-width{
        width: 80%;
    }*/
} 
@media only screen and (min-width:700px) and (max-width:800px){
    .play-img{
        width: 150px;
        top: 35%;
        left: 40%;
    } 
     .what-other-saying-content{
        margin-top: 260px;
    }
    
} 
@media only screen and (max-width: 990px) {
    #desk-nav{
        /*display: none !important;*/
        /*doubt*/
    }
    #newcurr_sub_box{
        /*margin: 30px !important;*/ 
    }
    .misc_card_name{
        max-width: 150px;
    }
    .discount-container-mobileView{
        position: fixed;
        bottom: 70px;
        left: 0;
        background-color: #f4f6f8;
        padding: 0px 15px 16px;
        width: calc(100% - 30px);
        z-index: 500;
    }
} 
@media only screen and (max-width: 400px) {
.play-img{
    width: 150px;
    top: 15%;
    left: 25%;
    }
    .summary_innersection .tab {
        width:66px;
    }
}
@media only screen and (min-width:400px) and (max-width:500px){
    .play-img{
        width: 150px;
        top: 20%;
        left: 30%;
    }
}
@media (max-width:790px) and (min-width:600px) {
    .currimgbox{
        height: 190px !important;
    }
    .price_width{
        width: 130px !important;
        max-width: 130px !important;
    }
    .misc_card_name{
        max-width: 150px;
    }
}
@media (max-width:600px) and (min-width:480px) {
    .currimgbox{
        height: 150px !important;
    }
}
@media only screen and (max-width: 480px) {
    .currimgbox{
        height: 180px !important;
    }
    .misc_card_name{
        max-width: 86px;
    }
}
@media (max-width:1279px) and (min-width:990px) {
    .currimgbox{
        height: 240px !important;
    }
}

/*curr feedback*/ 
@media only screen and (max-width: 480px) {
    .curr_justify{
        margin-top: 5px !important;
    }
}
@media only screen and (max-width: 480px) { 
    #newcurr_sub_box{
        margin-left: 10px ;margin-right: 10px ;
    }
    #newcurr_sub_box .curr-card,.curr-cont-card-shadow{
        height: 140px !important;
    } 
    #newcurr_sub_box h3,h6{
        /*height: 41px;*/
    }
} 
@media only screen and  (min-width:991px){
    #view-3 .currhight{
        display: none;
    }
    #view-3 .navbar-through{
        margin-top: -45px;
    }
    #view-3 .actualbox {
        padding: 5px;
    }
    #view-3 .curr_justify{
        padding: 10px;
    } 
    #view-3 .web-mt20 .left{
        margin-left: 25px;
        margin-top: 30px;
    }
    #newcurr_sub_box .col-50{
        padding: 8px !important;
    } 
}
@media  (min-width:992px) and (max-width:1024px){
    #view-3 .currhight{
        display: none;
    } 
    #view-3 .icon-back{
        display: block !important;
    } 
    #view-3 .cstm-back-icon{
        display: none !important;
    }
    #view-3 .cstm-new-back{
        color: #00ad68 !important;
    }
}
@media  only screen and (min-width:1025px){
    #newcurr_sub_box .col-50{
        width: 40%;
    }
}
/*FOR IPHONE 6/7/8/SE*/
@media only screen and (max-width:768px){
 .state_placeholder{
     /*font-size: 10px;*/
  }  
  .summary_scroll{
      max-height: calc(100vh - 231px)!important;
  }
  .iOS.safari.Mobile .classschedule-view .participant_listing_page.participant .page-content{
        margin: 60px 0 0px 0;
        height: calc(100vh - 116px);
   }
       /* Discount box align with processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.proceedwithprocessingfee .bottom-row{
        bottom: 242px;
    }
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .toolbar.custom-toolbar-xlheight{
        height: 73px;
    }
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .bottom-row{
        bottom: 225px;
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zero_cost .page-content{
        margin: 60px 0 247px 0;
        height: calc(100vh - 175px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.zero_cost .toolbar.custom-toolbar-xlheight{
        height: 40px;
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.proceedwithprocessingfee .page-content{
        margin: 60px 0 247px 0;
        height: calc(100vh - 225px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.noprocessingfee .page-content{
        margin: 60px 0 247px 0;
        height: calc(100vh - 205px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page.noprocessingfee .toolbar.custom-toolbar-xlheight{
        height: 72px;
    }
}
@media only screen and (max-width:599px){
   /*HIDE THIS CODE FOR UPDATE MOCK*/ 
/*    .award-section img{
        width: 90%;
    }  */
/*    .award-section .col-16{
        width: 16.66% ;
    }*/
    .about-section-content{
        width: 100%;
    }
}
@media only screen and (max-width:1024px) and (min-width:600px){
     /*HIDE THIS CODE FOR UPDATE MOCK*/
/*    .award-section .col-16{
        width: 12%;
    }*/
    .about-section-content{
        width: 82%;
    }
 }

  /* iphone X , XS, 11 Pro */
@media only screen and (max-width:641px) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content, 
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 225px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 293px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .retail-view .mobile-view .carousal_content{
        height: calc(100vh - 150px);
    }
    .summary_scroll{
      max-height: calc(100vh - 265px)!important;
  }
    /*participant page page-content align*/
    .iOS.safari.Mobile .classschedule-view .participant_listing_page.participant .page-content{
          margin: 60px 0 185px 0;
          height: calc(100vh - 174px);
    }
    /* Discount box align with processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.proceedwithprocessingfee .bottom-row{
      bottom: 281px;
    }
    /* Amount box align without processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .toolbar.custom-toolbar-xlheight{
        height: 73px;
    }
    /*Discount box align without processing fee*/
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .bottom-row{
        bottom: 264px;
    }
}

/* iphone XR, 11 */
@media only screen and (max-width:641px) and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { 
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content, 
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 226px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 295px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .retail-view .mobile-view .carousal_content{
        height: calc(100vh - 150px);
    }
    .summary_scroll{
        max-height: calc(100vh - 265px)!important;
    }
    /*participant page page-content align*/
    .iOS.safari.Mobile .classschedule-view .participant_listing_page.participant .page-content{
        margin: 60px 0 185px 0;
        height: calc(100vh - 155px);
    }
    /* Discount box align with processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.proceedwithprocessingfee .bottom-row{
        bottom: 281px;
    }
    /* Amount box align without processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .toolbar.custom-toolbar-xlheight{
        height: 73px;
    }
    /*Discount box align without processing fee*/
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .bottom-row{
        bottom: 264px;
    }
}

/* iphone XS Max, 11 Pro Max */
@media only screen and (max-width:641px) and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content, 
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 226px);
    }
    .iOS.safari.Mobile .classschedule-view .class_listing_page .page-content .content{
        height: calc(100vh - 295px);
    }
    .iOS.safari.Mobile .classschedule-view .appointment_register_page .page-content {
        margin: 60px 0 286px 0;
        height: calc(100vh - 286px);
    }
    .retail-view .mobile-view .carousal_content{
        height: calc(100vh - 150px);
    }
    .summary_scroll{
      max-height: calc(100vh - 265px)!important;
  }
  /*participant page page-content align*/
    .iOS.safari.Mobile .classschedule-view .participant_listing_page.participant .page-content{
        margin: 60px 0 185px 0;
        height: calc(100vh - 155px);
    }
    /* Discount box align with processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.proceedwithprocessingfee .bottom-row{
        bottom: 281px;
    }
    /* Amount box align without processing fee */
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .toolbar.custom-toolbar-xlheight{
        height: 73px;
    }
    /*Discount box align without processing fee*/
    .iOS.safari.Mobile .appointment_proceed_checkout_page.noprocessingfee .bottom-row{
        bottom: 264px;
    }
}

/*iphone 12 Pro Max*/ 
@media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) {
    .iOS.safari.Mobile .classschedule-view .participant_listing_page.participant .page-content {
        margin: 60px 0 185px 0;
        height: calc(100vh - 155px);
    }
    .iOS.safari.Mobile .classschedule-view .participant_listing_page .page-content{
        margin: 60px 0 185px 0;
        height: calc(100vh - 205px);
    }
}

/* landing page css */

@media only screen and (max-width:700px){
    .landing-social-icon{
        width: 41px;
    } 
}

@media only screen and (max-width:400px){

    .swiper-slide img{
        /*        width: 125px !important;
                height: 120px;*/
    }
    .swiper-container {
        /*height: 141px;*/
    }
    .program-text{
        width: 125px;
    }
    .retail_div2 .payment_details_table tr td:nth-child(2) div{
        width: calc(100vw - 53vw) !important;
    }
}
@media only screen and (max-width:400px) and (min-width:370px){
    .retail_sub_total span{
        margin-left: 14px;
    }
    .retail_order_name{
        width: calc(100vw - 220px) !important;
    }
}
@media only screen and (max-width:555px) and (min-width:401px){

    .swiper-slide img{
        /*        width: 155px !important;
                height: 144px;*/
    }
    .swiper-container {
        /*height: 171px;*/
    }
    .program-text{
        width: 155px;
    }
    .retail_div2 .payment_details_table tr td:nth-child(2) div{
        width: calc(100vw - 51vw) !important;
    }
    .retail_sub_total span{
        margin-left: 2px;
    }
    .retail_order_name{
        width: calc(100vw - 258px) !important;
    }
}

@media only screen and (max-width:630px) and (min-width:556px){

    .swiper-slide img{
        /*      width: 180px !important;
              height: 160px;*/
    }
    .swiper-container {
        /*height: 181px;*/
    }
    .program-text{
        width: 180px;
    }
    .retail_sub_total span{
        margin-left: -17px;
    }
    .retail_order_name{
        width: calc(100vw - 258px) !important;
    }
}

@media only screen and (max-width:800px) and (min-width:631px){

    .swiper-slide img{
        /*      width: 225px !important;
              height: 200px;*/
    }
    .swiper-container {
        /*height: 220px;*/
    }
    .program-text{
        width: 226px;
    }
    .retail_sub_total span{
        margin-left: -13px;
    }
    .retail_order_name{
        width: calc(100vw - 320px) !important
    }

}
@media only screen and (max-width:990px) and (min-width:770px){
    .summary_scroll{
        height: 100%!important;
    }
}
@media only screen and (max-width: 900px) and (min-width: 801px){
    .retail_sub_total span{
        margin-left: -15px;
    }
    .retail_order_name{
        width: calc(100vw - 350px) !important
    }
}
@media only screen and (min-width:320px){
    .myaccount-summary_class{
        padding: 0px;
    }
    .myaccount-summary  {
        margin-bottom:  10px;
    }
    .summary-card {
        border-radius: 0px;
        width: 100%;
        height: 55px;
    }
    .menu{
        display:none;
    }
    .acc {
        margin: 0px;
    }
    .summary_innersection{
        padding: 0px;
    }
    .clear{
        clear:none;
    }

    .upcome_table{
        border-radius: 0px;
        border: 0px solid #E6E6E6;
    }
    .myaccount-summary .summary-card:nth-child(odd) {
        width: 100%;

    }
    .prop{
        width: 100px;
    }
    .summary_scroll {
        margin-top: 0px;
    }   
    .summary-header{
        padding: 18px 18px 17px 14px;
        /*    border-bottom: 1px solid #DDE1E5;*/
        font-weight: 500;
        font-size: 16.25px;
        line-height: 22px;
        letter-spacing: 0.433333px;
        text-transform: capitalize;
    }
    .sum,.MacOS.safari.chrome .sum {        
        font-family: OpenSans;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        text-transform: uppercase;
        margin-right: 0px;
    }
    .MacOS.safari .sum,.iOS .sum{
        font-weight: 550;
    }
}
@media only screen and (min-width: 330px) and (max-width: 368px) { 
    .trial .details_width{
        max-width: 110px;
        width: 110px;
    }
    .misc_card_name{
        max-width: 60px;
    }
    .summary_scroll {
        margin-top: 0px;
    }
    .summary-header{
        padding: 18px 18px 17px 14px;
        /*    border-bottom: 1px solid #DDE1E5;*/
        font-weight: 500;
        font-size: 16.25px;
        line-height: 22px;
        letter-spacing: 0.433333px;
        text-transform: capitalize;
    }
}
@media only screen and (min-width: 361px) and (max-width: 380px){
    .misc_card_name{
        max-width: 70px;
    }
}
@media only screen and (max-width:320px){
    .myaccount-summary_class{
        padding: 0px;
    }
    .myaccount-summary  {
        margin-bottom:  10px;
    }
    .summary-card {
        border-radius: 0px;
        width: 100%;
        height: 55px;
    }
    .menu{
        display:none;
    }
    .acc {
        margin: 0px;
    }
    .summary_innersection{
        padding: 0px;
    }
    .clear{
        clear:none;
    }


    .upcome_table{
        border-radius: 0px;
        border: 0px solid #E6E6E6;
    }
    .summary_scroll{
        height: calc(100vh - 231px)!important;
    }
    .trial .summary_scroll {
        max-height: calc(100vh - 110px) !important;
    }
    .myaccount-summary .summary-card:nth-child(odd) {
        width: 100%;

    }
    .prop{
        width: 100px;
    }
    .trial .details_width{
        max-width: 90px;
        width: 90px;
    }
    .misc_card_name{
        max-width: 35px;
    }
    .summary_scroll {
        margin-top: 0px;
    }
    .price_width{
        width:70px!important;
        max-width: 70px!important;
    }
    .summary-header{
        padding: 18px 18px 17px 14px;
        /*    border-bottom: 1px solid #DDE1E5;*/
        font-weight: 500;
        font-size: 16.25px;
        line-height: 22px;
        letter-spacing: 0.433333px;
        text-transform: capitalize;
    }
}

@media only screen and (min-width: 480px){
    .myaccount-summary_class{
        padding: 0px;
    }
    .myaccount-summary  {
        margin-bottom: 10px;
    }
    .summary-card {
        border-radius: 0px;
        width: 100%;
        height: 55px;
    }
    .menu{
        display:none;
    }
    .acc {
        margin: 0px;
    }
    .summary_innersection{
        padding: 0px;
    }
    .clear{
        clear:none;
    }

    .upcome_table{
        border-radius: 0px;
        border: 0px solid #E6E6E6;
    }
    .myaccount-summary .summary-card:nth-child(odd) {
        width: 100%;

    }
    .prop{
        width: 100px;
    }
    .summary_scroll {
        margin-top: 0px;
    }
    .summary-header{
        padding: 18px 18px 17px 14px;
        /*    border-bottom: 1px solid #DDE1E5;*/
        font-weight: 500;
        font-size: 16.25px;
        line-height: 22px;
        letter-spacing: 0.433333px;
        text-transform: capitalize;
    }
}
@media only screen and (min-width: 992px){
    .myaccount-summary {
        padding: 25px 30px;
    }
    .myaccount-summary .summary-card:nth-child(odd) {
        width: calc(279px - 9px);
        margin-right: 9px;
    }
    .myaccount-summary .summary-card:not(:first-child) {
        /*           margin-top: 10px;*/
    }
    .summary-card {
        border-radius: 10px;
        width: 271px;
        height: 50px;
    }

    .menu{
        display:block;
    }
    .acc {
        margin: 30px auto;
    }
    .summary_innersection{
        padding: 16px 30px;
    }

    .member_innersection{
        padding: 16px 10px 16px 20px;
    }


    .clear{
        clear:both;
    }
    .upcome_table{
        border-radius: 10px;
        border: 1px solid #E6E6E6;
    }
    .summary-header,.MacOS.safari.chrome .summary-header{
        padding: 15px;
        /*    border-bottom: 1px solid #DDE1E5;*/
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.433333px;
        text-transform: capitalize;
    }
    .iOS .summary-header,.MacOS.safari .summary-header{
        font-weight: 550;
    }
}
@media only screen and (min-width: 250px) and (max-width: 834px){
    .text_ellipsis{max-width: 165px;}
    .cancel_reschedule_button{display: block !important;}
    .mobile_hide{display: none  !important;}   
    .summary_innersection #complete, .summary_innersection #upcome, .summary_innersection #cancel {
        padding-right: 0px;
    }    

    .summary_innersection .tab {
        padding: 12px 12px 12px 15px;
    }
    .upcome_table .section4{
        padding:6px 0px 7px 5px;
    }
    .classUserReschedule.modal{
        left:44%
    }
    .member_flexdiv .retail_div1 {
        width: 100%;
        border-right: 0px solid ; 
        margin-right: 0px; 
        padding-right: 0; 
        padding: 0 15px;
    }

    .text_ellip {
        width: 160px;
    }

    .member_flexdiv .retail_div2 {
        width: 100%;
        padding: 0 15px;
        border-top: 1px solid #DDE1E5 ;
    }
    .upcome_table{
        border: none;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
    }
    .past_due_header {
        padding: 5px 0px;
    }
}
@media only screen and (min-width: 992px) { 
    .myaccount-primary .padding-content-inner-custom{
        padding: 30px;
    }
}
@media only screen and (max-width: 992px) { 
    .past_due_header {
        padding: 5px 0px;
    }
    .optionsview-content{
        padding: 17px 15px 19px 15px;
    }
    .optionsview{
        border-radius: 0px;
    }
    .summary_filter{
        width: 17px;
        height: 17px;
    }
    .ul-tab.mobile{
        border-top: none;
        height: 48px;
        padding: 0;
    }
    .ul-tab.mobile span{
        float: right;
        padding: 15px 15px 10px 15px;
    }
    .modal.modal-no-buttons.global-modal.class_schedule_filter {
        width: 100% !important;
        position: fixed;
        border-radius: unset !important;
        left: 0;
        right: 0;
        top: 0;
        transition-delay: 60ms;
        transition-duration: unset !important;
        transition-property: opacity !important;
    }
    #class_schedule_filter .modal-body{
        padding: 16px 12px 23px;
        height: 189.55px;
        width: 100%;
        box-sizing: border-box;
        background: #F7F7F8;
    }
    .class_summary_filter{
        margin: 0;
        flex: unset;
    }
    .class_summary_filter ul{
        margin: 0;
    }
    .class_date, .class_days_options{
        margin: 12px 0 10px;
    }
    .class_date label, .class_days_options label{
        flex: unset;
        text-align: left;
    }
    .class_filter_date, .class_summary_filter_days_option{
        flex: unset;
        width: 100% !important;
        text-align: left !important;
    }
    #classDaysOptionModal button{
        height: 43px;
        font-family: OpenSans-Regular !important;
        color: #000000;
        border-top: 0.413821px solid #DFE3E7 !important;
    }
     #classDaysOptionModal button:first-child{
         border-top: none !important;
     }
    .classDaysOptionModal{
        width: 60% !important;
        max-width: 255.578px !important;
    }
    .class_filter_date{
        padding-left: 0px;
        text-indent: 15px;
        -webkit-appearance: none;
    }
    .class-summary-calendar{
        width: var(--modal-width) !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    #class_schedule_filter .modal-body{
        overflow-y: unset;
    }
    .datepanel-overlay.summay_datepanel, .cls_preloader{
        z-index: 14500 !important;
    }
    .remove_trans_duration{
        transition-duration: unset;
    }
    .class-summary-calendar .picker-calendar-week-days + .picker-calendar-months{
        height: calc(100% - 24px);
    }
    .class-summary-calendar.classstart .picker-calendar-row{
        height: calc(100% / 6);
    }
}
@media only screen and (max-width: 331px) { 
    .dis_modal, .sm_modal{
        width: 310px!important;
    }
    .modal_misc_cardtop{
        max-width: 41px!important;
    }
}

@media only screen and (max-width: 600px) { 
    #class_ongoing_cancel .green-text.height_auto,#recurringReschedule .green-text.height_auto{
        height: calc(var(--modal-width) / 100 * 30)!important;
        line-height: normal!important;
    }
}

@media only screen and (max-width:600px) {  
    .back-btn{
        visibility: hidden;
    } 

    .m_login_container{
        display: none;
    }
}