html {margin: 0px; padding: 0px; width: 100%; height: 100%;}
/* not use*/
/* not use*/
/* not use*/
/* not use*/
body {margin: 0px; padding: 0px; width: 100%; height: 100%; background: url("/club_portal/def_bkg.jpg") 50% 50% no-repeat fixed #333333; background-size: cover; -webkit-background-size: cover; font-family: 'Open Sans', sans-serif; background-image: url("/club_portal/def_bkg.jpg")}
html, body { margin: 0; padding: 0!important; min-width: 100%; width: 100%; min-height: 100%; height: 100%;}
body::-webkit-scrollbar {width: 5px; height: 5px;}
body::-webkit-scrollbar-track {background-color: #262626;}
body::-webkit-scrollbar-thumb {background-color: #8dc63f; border-radius: 5px;}
body::-webkit-scrollbar-corner { background-color: #262626;}
.smaller {font-size: 0.7em;}
#overlayportal {position: fixed; display: none; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; padding: 0px;}
@font-face {}
table, table td {border:0px; border-collapse:collapse; border-spacing:0px; text-indent:0px; vertical-align:top;}
select { box-sizing: border-box; width: 100%; display: inline-block; height: 30px; line-height: 30px; text-decoration: none; text-transform: uppercase; font-weight: 300; font-size: 14px; color: #2c2c2c;}
input[type="email"] { font-size: 15px; padding: 4px; }
input[type="text"], input[type="password"], select { font-size: 15px; box-sizing: border-box; font-family: 'PT Sans', sans-serif; width: 100%; height: 34px; line-height: 34px; padding: 0px 15px; margin-top: 10px; color: #010101; background-color: #fff; border: none;}
.login input[type="text"], .login input[type="password"], .login select { color: #8b8b8b; background-color: #ffffff;}
.club_portal_date {margin-top: 10px; display: block;}
.club_portal_date select {width: 32.2%;}
.custom_block_fields input[type="text"], .custom_block_fields select {margin-top: 10px;}
input[type="checkbox"] {display: inline-block; width: 20px; margin: 0px; height: 20px;}
input[type="text"]:focus, input[type="password"]:focus { outline: 0;}
input[type="submit"], .prolong_membership_form input[type="button"], .btn_submit {-webkit-appearance: none; display: inline-block; height: 34px; line-height: 34px; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 14px; padding: 0px 20px; color: #fff; margin-top: 20px; border: 0; cursor: pointer;}
.filterincont input[type="text"], .filterincont input[type="password"], .filterincont select {margin-top: 0px;}
.non_selectable { -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 */ }
#filtering input[type="text"], #filtering select {border: 1px solid #bebebe;}
pre {white-space: normal;}
.custom_block_fields label {color: #5a5a5a; display: block; font-size: 14px; left: 0; line-height: 20px; opacity: 1; overflow: hidden; padding-top: 16px; position: relative; text-overflow: ellipsis; width: 100%; cursor: pointer;}
.custom_block_fields label span {line-height: 20px; display: inline-block; vertical-align: top;}
#workshop_page select { background-color: #ffffff; color: #777777}
#events_page select { background-color: #ffffff; color: #777777}
#products_page select { background-color: #ffffff; color: #777777}
img, a img {border:0px}
img {line-height:0px}
* { margin: 0; padding: 0; }
a { font-size: 15px; color: #5a5a5a }
a:hover {}
a:active {}
a:visited {}
a.link {text-decoration: none; text-align: center; color: #ff7200; white-space: nowrap;}
h1 {color: #5a5a5a; margin-bottom: 15px; }
h2 {color: #5a5a5a;}
h3 {color: #5a5a5a;}
p { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #5a5a5a; }
.crossed {text-decoration: line-through;}
ul { list-style: none; }
.dib  {display: inline-block;}
.clearblock, .clearfloat, .cf, .fc { clear:both; float: none !important; display: block; }
.clear { width: 100%; clear: both; }
.fl {float:left;}
.fr {float:right;}
.inactive {opacity: 0.85; filter:alpha(opacity:0.85); pointer-events: none;}
.colum1, .colum2, .colum3 { width: 32%; margin-right: 2%; float: left;}
.colum3 {margin-right: 0;}
.columl, .columr {width: 49%; margin-right: 2%; float: left;}
.columr {margin-right: 0px;}
.twocols1, .twocols2 { width: 48%; margin-right: 0px; float: left; box-sizing: border-box; padding: 15px; }
.twocols2 { margin-right: 0; }
.blockpricefullwidth {width: 100%; background-color: #fff; font-family: 'PT Sans', sans-serif; box-sizing: border-box; padding: 15px; text-align: center;}
.blockpricefullwidth h3 {color: #010101; font-size: 15px; line-height: 28px;}
.txtar {text-align: right;}
.tac {text-align: center;}
.cancel, .reserve { display: inline-block; height: 30px; line-height: 30px; padding: 0px 15px; margin: 0px 5px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 13px; text-align: center; cursor: pointer; }
.not_available { opacity: 0.6; }
#profile_page .cancel, #profile_page .reserve { margin-bottom: 5px; }
.noselect {
-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 */
}
input::-moz-focus-inner {border: 0; padding: 0;}
img.medium { width: 100px; height: 143px;}
/* select new style */
.s-hidden {visibility:hidden; padding-right:10px;}
.select {cursor: pointer; display:inline-block; position:relative; width: 100%;}
.styledSelect {position:absolute; top:0; right:0; bottom:0; left:0; font-size: 16px; color: #8b8b8b; background-color: #ffffff; border: 1px solid #7c7360; width: 100%; height: 48px; padding: 0 16px; border-radius: 15px; box-shadow: none; border: none; line-height: 48px; outline: none; cursor: pointer; box-sizing: border-box;}
.styledSelect:after {content: '\f004'; position: absolute; right: 16px; top: 0; z-index: 2; pointer-events: none; font-family: "fontello"; color: #8b8b8b;}
.styledSelect:active, .styledSelect.active {}
.styledSelect.active:after {transform: rotate(180deg);}
.options {display: none; max-height: 288px; overflow: auto; overflow: hidden; overflow-y: auto; position: absolute; top: 100%; right: 0; left: 0; z-index: 9999; margin: 0 0; margin-top: 15px; border-radius: 4px; padding: 0 0; list-style: none; background-color: #ffffff; color: #8b8b8b; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);}
.options::-webkit-scrollbar {width: 10px; height: 10px;}
.options::-webkit-scrollbar-track {background-color: #262626;}
.options::-webkit-scrollbar-thumb {background-color: #7c7360;}
.options::-webkit-scrollbar-corner {background-color: #262626;}
.styledSelect.active::before {top: calc(100% + 8px); z-index: 999; left: 16px; width: 0; height: 0; content: ""; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid  #7c7360;}
.options li {line-height: 20px; padding: 13px 16px; margin: 0 0; border-bottom: 1px solid #7c7360; transition: all 0.4s ease-in-out 0s;}
.options li:last-child {border-bottom: none;}
.options li:hover {background-color: #ffffff; color: #8b8b8b;}
#header .select {width: 10%; min-width: 250px; position: absolute; right: 15px; top: 50%; z-index: 10000; line-height: 48px; transform: translateY(-50%);}
#header .select:after {display: none;}
.wrap { width: 100%; height: auto; min-height: 100%; position: relative; clear: both; overflow: auto; }
#left_menu { position: fixed; left: 0px; top: 0; bottom: 0; width: 258px; padding-left: 12px; padding-right: 15px; height: auto; min-height: 100%; background-color: #262626c0; z-index: 999;}
.munub {display: none; position: fixed; top: 0px; left: 0px; height: 35px; width: 35px;cursor: pointer; background: url("/club_portal/menu_bg.png") no-repeat center center  #262626; z-index: 999;}
#right_side { display: none; position: fixed; right: -285px; top: 0; bottom: 0; width: 285px; padding: 0px; height: auto; min-height: 100%; background-color: #ebebeb; z-index: 999;}
#right_side form.login { margin-top: 35px;}
.loginb {display: none; height: 210px; position: fixed; top: 123px; right: 0px; width: 35px; cursor: pointer; background: #ebebeb; z-index: 1000;}
.textbutton {color: #262626; text-transform: uppercase; font-weight: 600; margin-left: -53px; width: 140px;  margin-top: 90px; line-height: 35px; white-space: nowrap; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.cartbox {display: none; position: fixed; top: 75px; right: 0px; width: 35px; background: url("cartbasket.png") no-repeat center 5px #fff6ce; padding-top: 27px; z-index: 1000; cursor: pointer; }
.cartbox .digits {color: #b71f49; font-weight: 900; text-align: center; padding-top: 4px; padding-bottom: 5px; margin: 0px 5px; border-top: 1px solid #ccc5a5; font-size: 15px; line-height: 12px;}
.arrowindec {width: 35px; height: 35px; background: url("/club_portal/arrowsleft.png") center center no-repeat; transition: all 0.5s ease-in-out 0s; position: absolute; bottom: 0px;}
.arrowindec.active {transition: all 0.5s ease-in-out 0s; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);}
.club_pages { margin: 40px 40px 40px 333px; padding: 0 1.5% 1.5% 1.5%; background-color: #ffffff; }
.club_pages.centered { margin: 40px 40px auto;}
.accept_conditions a { text-transform: capitalize; }
#cart .accept_conditions_in_card label, #cart .accept_conditions_in_card a {padding: 3px 1px; margin: 0; font-size: 14px; color: #736f5c; text-transform: capitalize; }
#cart .accept_conditions_in_card { padding-top: 10px; margin: 0px; clear: both; overflow: hidden;}
#cart .accept_conditions_in_card label a {display: block;}
#cart .accept_conditions_in_card label { float: left; padding-left: 20px; white-space: unset;}
#cart .nice_checkbox:not(checked) + label:before { top: 4px; width: 13px; height: 13px;}
#cart .nice_checkbox + label { overflow: visible; }
#header { width: 98%; height: 98px; padding: 15px 1%; border-bottom: 1px solid #000; position: relative;}
#header .logo {display: inline-block; position: absolute; top: 20px; left: 0px;}
#header .logo img {max-height: 108px; width: auto; max-width: 100%;}
#header .select_language {float: right; background-color: #ebebeb; padding: 2px;}
#header .select_language a { text-decoration: none;}
#header .current_user_info {float: right; background-color: #ebebeb; text-align: right; font-size: 16px; position: relative; }
.current_user_info .textwrap {padding: 15px 15px 0px 0px; float: right;}
.current_user_info .img {float: left; max-width: 63px; overflow: hidden; height: 100%; margin-right: 5px; max-height: 95px;}
.current_user_info .img img {height: 100%; width: 100%; }
.current_user_info .user_info_name {text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 15px; text-align: left; display: inline-block; }
.user_info_name#user_info_name_small_screen {text-transform: uppercase; width: 100%; text-align: center; position: absolute; top: 77%; margin: 10px 0;}
.current_user_info .logoutlink {float: none; display: inline-block; margin-top: 10px; margin-right: 10px; padding: 0px 10px; line-height: 30px; height: 30px; font-size: 13px;}
.current_user_info .myacclink {margin-top: 10px; padding: 0px 10px; line-height: 30px; height: 30px; display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 13px; border: 0; background-color: #262626;}
.current_user_info .family_button {display: none; margin: 0px; text-indent: 99999px; overflow: hidden; height: 35px; width: 30px; margin-left: 5px; padding: 0px; background-color: transparent; background: url("/club_portal/familyicon.png") center center no-repeat; background-size: 18px; transform: translateX(5px);}
.family_popup {display: none; position: absolute; bottom: 0; right: 0; transform: translateY(100%); max-width: 300px;}
.family_popup.show {display: block;}
.family_popup select {margin:0;}
#select_language_popup { background-color: #fbfbfb; width: 131px; padding: 10px; position: absolute; text-align: left;}
#select_language_popup a { display: block; text-transform: capitalize; text-decoration: none; line-height: 28px;}
#select_language_popup a:hover {color: #ff7200}
.lang_block { display: inline-block; background-color: #ebebeb; cursor: pointer; padding: 5px; text-transform: uppercase;}
.lang_block.simple_mode { float: right; }
.lang_block.open, .lang_block:hover { background-color: #fbfbfb; }
.arrow_bottom, .arrow_top { display: inline-block; width: 10px; height: 10px;}
.arrow_bottom img, .arrow_top img { width: 100%; height: 100%;}
#content_frame { margin-top: 30px; background-color: #ebebeb75; overflow: hidden;}
#left_menu ul { width: 100%; margin: 65px auto 0; overflow: hidden;}
#left_menu li { height: 40px; background-color: #3c3c3c; margin-bottom: 10px; }
#left_menu li a, .button_like_menu_left { padding-right: 5%; display: block; color: #ffffff; text-decoration: none; text-transform: uppercase; line-height: 40px; font-size: 16px; position: relative; white-space: nowrap;}
.button_like_menu_left {display: inline-block; background-color: #3c3c3c; padding-right: 15px; margin: 10px 0;}
#left_menu li span.sub_menu { display: block; width: 13px; height: 9px; background: url("/club_portal/submenu_sign.png") center center no-repeat; }
#left_menu li a:hover, #left_menu li a.active, .button_like_menu_left:hover { background-color: #161616; }
#left_menu li span.csf, span.csf { box-sizing: border-box; display: block; float: left; margin-right: 15px; height: 40px; width: 40px; line-height: 40px; background-position: center center; background-repeat: no-repeat; }
#left_menu li span.csf.lock, span.csf.lock { background-image: url("/club_portal/icons/lock.png");}
#left_menu li span.csf.feedback { background-image: url("/club_portal/icons/feedback.png"); background-size: 60%;}
#left_menu li span.csf.referral { background-image: url("/club_portal/svg/referral_white?scheme=white"); background-size: 60%; background-color: #007dcd!important;}
#left_menu li span.csf.xployalty { background-image: url("/club_portal/xployalty.svg"); background-size: 80%; background-color: #873f94!important;}
#left_menu li span.csf.education_training { background-image: url("/club_portal/icons/education_training.png"); background-size: 85%;}
#left_menu li span.csf.education { background-image: url("/club_portal/icons/modules.png"); background-size: 85%;}
#left_menu li span.csf.shopping_purse { background-image: url("/club_portal/icons/shopping_purse.png");}
#left_menu li span.csf.shopping_purse { background-image: url(/club_portal/icons/shopping_purse.png);}
#left_menu li span.csf.date_2_small { background-image: url(/club_portal/icons/date_2_small.png);}
#left_menu li span.csf.workshop { background-image: url(/club_portal/icons/workshop.png);}
#left_menu li span.csf.college { background-image: url(/club_portal/icons/college.png);}
#left_menu li span.csf.online_lessons, span.csf.online_lessons { background-image: url(/club_portal/icons/ytwhite.png);}
#left_menu li span.csf.coaching { background-image: url(/club_portal/icons/coaching.png);}
#left_menu li span.csf.recurring { background-image: url(/club_portal/icons/recurring.png);}
#left_menu li span.csf.dashboard { background-image: url("/club_portal/icons/dashboard.png");}
#left_menu li span.csf.home { background-image: url("/club_portal/icons/home_icon.png");}
#side-menu .arrow { float: right; padding-top: 15px; height: 9px; width: 13px; display: inline-block; position: absolute; right: 10px;}
.fa.arrow:before { background-image: url("/club_portal/arrowd.png"); width: 100%; height: 100%; display: block; content: " ";}
.active>a>.fa.arrow:before { content: "\f107";}
.search {display: block; position: relative; width: 100%; height: 40px; line-height: 0px; padding: 0; overflow: hidden; margin-top: 40%; }
.search input[type="submit"], #search {position: absolute; right: 0px; top: 0px; margin: 0px; padding: 0; border: 0; height: 40px; width: 40px; background: url("/club_portal/icons/search.png") center center no-repeat #8dc63f;}
#search {top: 5px; right: 10px; background-color: transparent; cursor: pointer;}
.search input[type="text"] {padding-left: 10px; padding-right: 45px; height: 40px; line-height: 40px; float: left; vertical-align: top; background-color: #3c3c3c; color: #ffffff; margin-top: 0px; }
#filtering .search {margin-top: 0px; height: 34px;}
#filtering .search input[type="text"] { background-color: #fff; color: #262626; height: 34px; line-height: 34px;}
#filtering .search input[type="submit"] { height: 34px; width: 34px;}
.search_results { padding: 20px; background-color: #fff; }
.search_results h1 { font-size: 20px; font-weight: 500; text-transform: uppercase; color: #000000; }
.search_results li { margin: 0 0 10px 0;  }
.search_results li a { display:table; font-weight: bold; text-decoration: none; text-transform: capitalize; }
.search_results p.item_type { font-size: 12px; margin: 3px 0; color: #777; text-transform: capitalize; }
.marker { width: 13px; height: 13px; display: inline-block; vertical-align: middle; margin-right: 6px; }
.membership_marker { background-color: #007dcd }
.lessons_marker { background-color: #119e00 }
.workshops_marker { background-color: #00b7b9 }
.events_marker { background-color: #7900b7 }
.product_marker { background-color: #b2103f }
.online_lessons_marker { background-color: #119e00 }
.coaching_marker { background-color: #119e00 }
.btn_on_ws { overflow: hidden; display: block; float: right; min-width: 65%; height: 40px; line-height: 40px; padding-right: 8px; margin-top: 20px; color: #ffffff; background-color: #3c3c3c; font-size: 13px; text-decoration: none; text-transform: uppercase; }
.btn_on_ws span { width: 40px; height: 100%; margin-right: 8px; float: left; display: block; background: url("/club_portal/icons/btn_on_ws_arrow.png") center center no-repeat #161616; }
#outlet { display: inline-block; width: 100%; margin: 100px auto 0; font-family: 'PT Sans', sans-serif; background-color: #3c3c3c; }
#outlet > div { padding: 20px 0 20px 20px; }
#outlet h2 { font-size: 15px; color: #ffffff; line-height: 23px;}
#outlet p, #outlet p a { font-size: 14px; color: #ffffff; line-height: 23px;}
.free_lesson {-webkit-box-shadow: 6px 10px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 6px 10px 5px 0px rgba(0,0,0,0.35); box-shadow: 6px 10px 5px 0px rgba(0,0,0,0.35); display: block; height: 0px; padding-bottom: 90%; width: 90%; margin: 30px auto; border-radius: 125px; background-image: url("/club_portal/banner_text.png"); background-position: center center; background-repeat: no-repeat; background-color: #f6ff00; background-size: 83% 70%;}
.circle_text {display: flex; flex-direction: column; justify-content: center; height: 160px; width: 160px; padding: 20px; margin: 30px auto; text-align: center; vertical-align: middle; border-radius: 50%; background: #f6ff00; color: #333; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 6px 10px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 6px 10px 5px 0px rgba(0,0,0,0.35); box-shadow: 6px 10px 5px 0px rgba(0,0,0,0.35); transform: rotate(-18deg);}
#content { width: 57%; float: left; padding: 30px 2%; }
#index_page #content { background-color: #d9d6d075; width: 100%; float: left; padding: 15px; box-sizing: border-box;}
#wizard_page #content { background-color: #d9d6d075; }
#wizard_membership_page #content { background-color: #d9d6d075; }
#wizard_payment_page #content { background-color: #d9d6d075; }
#wizard_thanks_page #content { background-color: #d9d6d075; }
#membership_page #content { background-color: #d9d6d075; }
#show_membership_page #content { background-color: #d9d6d075; }
#products_page #content { background-color: #d9d6d075; }
#show_product_page #content { background-color: #d9d6d075; }
#training_page #content { background-color: #d9d6d075; }
#confirm_page #content { background-color: #d9d6d075; }
#lessons_page #content { background-color: #d9d6d075; }
#online_lessons_page #content { background-color: #d9d6d075; }
#events_page #content { background-color: #d9d6d075; }
#workshop_page #content { background-color: #d9d6d075; }
#show_lessons_page #content { background-color: #d9d6d075; }
#show_events_page #content { background-color: #d9d6d075; }
#show_workshops_page #content { background-color: #d9d6d075; }
#show_education_training_page #content { background-color: #d9d6d075; }
#show_education_page #content { background-color: #d9d6d075; }
#password_restore_page #content { background-color: #d9d6d075; }
#reset_password_page #content { background-color: #d9d6d075; }
#reset_password_done_page #content { background-color: #d9d6d075; }
#password_restore_sent_page #content { background-color: #d9d6d075; }
#change_password_page #content { background-color: #d9d6d075; }
#profile_page #content { background-color: #d9d6d075; }
#profile_edit_page #content { background-color: #d9d6d075; }
#register_page #content { background-color: #d9d6d075; }
#register_thanks_page #content { background-color: #d9d6d075; }
#payment_wizard_page #content { background-color: #d9d6d075; }
#trial_lesson_page #content { background-color: #d9d6d075; }
#trial_lesson_thanks_page #content { background-color: #d9d6d075; }
#search_page #content { background-color: #d9d6d075; }
#coaching_page #content { background-color: #d9d6d075; }
#coaching_category_page #content { background-color: 75; }
#coaching_video_page #content { background-color: ; }
#coaching_recipe_page #content { background-color: ; }
#coaching_article_page #content { background-color: ; }
#coaching_exercise_page #content { background-color: ; }
.club_pages #content, .club_pages #lessons { background-color: #d9d6d0 }
#education_training_page #content, #show_education_training_page #content { background-color: #ffffff }
#education_page #content, #show_education_page #content { background-color: #ffffff }
#education_training_page .filterhead, #education_training_page . #fixedhead { background: #f9b000; color: #fff;}
#education_page .filterhead, #education_page . #fixedhead { background: #ee7d22; color: #fff;}
#profile_info { width: 35%; float: left; margin: 30px 2%; overflow: hidden; }
#content { width: 96%; float: left; padding: 30px 2%; }
#content.cartnotblank {width: 72%;}
.app_design.coaching_category #content.cartnotblank, .app_design.recipes #content, .app_design.books #content {width: 100%; box-sizing: border-box; padding-top: 20px;}
#membership_page #content, #lessons_page #content, #workshop_page #content, #events_page #content, #products_page #content { width: 76%; float: left; padding: 30px 2%; box-sizing: border-box; }
#membership_page #content.fullsize, #lessons_page #content.fullsize, #workshop_page #content.fullsize, #events_page #content.fullsize, #products_page #content.fullsize {width: 100%;}
.filterincont {width: 20%; float: left; padding: 30px 2%;}
#right_side h1, .filterincont h1 {font-size: 20px; font-weight: 500; text-transform: uppercase; color: #757575; }
#right_side h2, .filterincont h2 {font-size: 15px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
#membership_page #right_side h2, #membership_page .filterincont h2 {color: #007dcd;}
#lessons_page #right_side h2, #lessons_page .filterincont h2 {color: #119e00;}
#workshop_page #right_side h2, #workshop_page .filterincont h2 {color: #00b7b9;}
#events_page #right_side h2, #events_page .filterincont h2 {color: #7900b7;}
#products_page #right_side h2, #products_page .filterincont h2 {color: #b2103f;}
#onlinel_lessons_page #right_side h2, #online_lessons_page .filterincont h2 {color: #119e00;}
#coaching_page #right_side h2, #coaching_page .filterincont h2 {color: #119e00;}
.textfiltr {font-size: 14px; color: #757575;}
.filtersmallpart {padding-top: 20px; margin-top: 20px; border-top: 1px solid #000;}
#lessons_page .filterincont {background-color: #ebebeb75;}
#trial_lesson_page .filterincont {background-color: #ebebeb75;}
#memberships_page .filterincont {background-color: #ebebeb75;}
#workshop_page .filterincont {background-color: #ebebeb75;}
#events_page .filterincont {background-color: #ebebeb75;}
#webshop_page .filterincont {background-color: #ebebeb75;}
.filtersmallpart .nice_checkbox:not(checked) + label, .checkbox_block .nice_checkbox:not(checked) + label, .weekdays_selecter .nice_checkbox:not(checked) + label,
.nice_checkbox:not(checked) + label {display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; line-height: 20px; }
.filtersmallpart .nice_checkbox:not(checked) + label:before, .checkbox_block .nice_checkbox:not(checked) + label:before, .weekdays_selecter .nice_checkbox:not(checked) + label:before,
.nice_checkbox:not(checked) + label:before {content: ''; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 14px; }
.filtersmallpart .nice_checkbox:not(checked) + label:after, .checkbox_block .nice_checkbox:not(checked) + label:after, .weekdays_selecter .nice_checkbox:not(checked) + label:after,
.nice_checkbox:not(checked) + label:after {content: ''; position: absolute; top: -3px; left: 2px; width: 20px; height: 20px;}
.filtersmallpart .nice_checkbox:not(checked) + label.disabled, .checkbox_block .nice_checkbox:not(checked) + label.disabled, .weekdays_selecter .nice_checkbox:not(checked) + label.disabled,
.nice_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;}
.filtersmallpart .nice_checkbox:checked + label:before, .weekdays_selecter .nice_checkbox:checked + label:before, .nice_checkbox:checked + label:before {border: 2px solid #78a836;}
.filtersmallpart .nice_checkbox:checked + label:after, .checkbox_block .nice_checkbox:checked + label:after, .weekdays_selecter .nice_checkbox:checked + label:after,
.nice_checkbox:checked + label:after {background-image: url(/club_portal/checkednew.png);}
.nice_checkbox:checked + label .after {background-image: url(/club_portal/checkednew.png);}
.niceform { max-width: 500px; margin: 0 auto;}
.niceform .niceform_wrap { background-color: #fff; padding: 10px;}
.niceform .niceform_wrap input[type="text"], .niceform .niceform_wrap input[type="password"], .niceform .niceform_wrap select {margin: 6px 0px 0px 0px; width: 100%; border: 1px solid #bebebe;}
.niceform .niceform_wrap .forcheck label:before, .niceform .niceform_wrap .accept_conditions label:before, .trial_lessons .trial_lesson_wrap .accept_conditions label:before {border: 1px solid #bebebe;}
.niceform .colum1, .niceform .colum2, .niceform .colum3 { position: relative; }
.niceform table { width: 100%; }
.niceform form { padding: 15px;  background-color: #e3eaea; overflow: hidden; }/*#a4d165*/
.niceform form > div { position: relative; }
.niceform form div.pad { margin-bottom: 30px; }
.niceform + .niceform { margin-top: 10px; }
.fieldWithErrors { margin: 0px 0 5px 0px; border: 1px solid red; overflow: hidden;}
.fieldWithErrors input { margin: 0px!important; }
.gender_title .fieldWithErrors { margin-top: 2px; float: left; border: 0px!important; line-height: 18px; height: 18px;}
.gender_title .fieldWithErrors + label { float: left; margin-right: 10px!important; margin-top: 0px!important; line-height: 18px;}
span.errors_info { position: absolute; left: 0%; z-index: 100; display: inline-block; padding: 3px 5px; color: red; background-color: #f7d4b8; font-size: 12px; border: 1px solid red; border-radius: 3px; display: block; width: 100%; box-sizing: border-box;}
.gender_title span.errors_info { top: 20px; }
.errors_info_arrow { border-color: transparent; border-bottom-color: red; border-width: 0 5px 5px; border-style: solid; position: absolute; left: 46%; top: -5px; width: 0; height: 0; }
.birthday { position: relative; }
.birthday > .fieldWithErrors { border: 0!important; }
.birthday > .fieldWithErrors select { margin-bottom: 0px!important; border: 1px solid red!important; }
.birthday > span.errors_info { top: 39px!important; }
#payment_wizard_page .niceform form.login label, #wizard_page .niceform form.login label { text-transform: uppercase; }
#payment_wizard_page .niceform form.login input, #wizard_page .niceform form.login input { margin: 10px 0; }
#register .niceform form { background-color: #a4d165; }
#profile_edit_page .niceform form { background-color: #a4d165; }
#profile_edit_page .niceform { max-width: 97%;}
#register input[type="text"], #register input[type="password"], #register select { color: #3c3c3c; background-color: #ffffff; }
#profile_edit_page input[type="text"], #profile_edit_page input[type="password"], #profile_edit_page select { color: #3c3c3c; background-color: #ffffff; }
#wizard_page input[type="text"], #wizard_page input[type="password"], #wizard_page select { color: #3c3c3c; background-color: #ffffff; }
#wizard_page select { font-size: 15px; color: #3c3c3c; background-color: #ffffff; text-transform: capitalize;}
#profile_edit_page input[type="text"], #profile_edit_page input[type="password"], #profile_edit_page select { color: #868585; background-color: #ffffff; }
#profile_edit_page select { font-size: 15px; color: #868585; background-color: #ffffff; text-transform: capitalize;}
#payment_wizard_page input[type="text"], #payment_wizard_page input[type="password"], #payment_wizard_page select { color: #3c3c3c; background-color: #ffffff; border: 1px solid #bebebe;}
#wizard_payment_page input[type="text"], #wizard_payment_page input[type="password"], #wizard_payment_page select { color: #3c3c3c; background-color: #ffffff; border: 1px solid #bebebe; }
#payment_wizard_to_pay_page input[type="text"], #payment_wizard_to_pay_page input[type="password"], #payment_wizard_to_pay_page select { color: #3c3c3c; background-color: #ffffff; }
.niceform label { font-size: 15px; color: #3d5918; margin-top: 10px; }
#register .niceform label { color: #3d5c24; }
#profile_edit_page .niceform label { color: #3d5c24; }
#wizard_page .niceform label { color: #3c3c3c; }
#profile_edit_page .niceform label { color: #000000; }
#payment_wizard_page .niceform label { color: #3c3c3c; }
#payment_wizard_page .niceform p { margin-bottom: 0; text-transform: uppercase; color: #3c3c3c; }
#wizard_page .niceform p { margin-bottom: 0; text-transform: uppercase; color: #3c3c3c; }
#profile_edit_page .niceform p { margin-bottom: 0; text-transform: uppercase; color: #000000; }
#wizard_payment_page .niceform label { color: #3c3c3c; }
#payment_wizard_to_pay_page .niceform label { color: #3c3c3c; }
.niceform input { margin-bottom: 10px;}
.niceform input[type="checkbox"] {margin: 0px; vertical-align: bottom;}
.niceform input[type="file"] { color: #3d5918; font-size: 15px; }
#register .niceform input[type="file"] { color: #3c3c3c; }
#profile_edit_page .niceform input[type="file"] { color: #3c3c3c; }
#wizard_page .niceform input[type="file"], #wizard_page .niceform select { color: #3c3c3c; }
#profile_edit_page .niceform input[type="file"], #profile_edit_page .niceform select { color: #868585; }
#payment_wizard_page .niceform input[type="file"] { color: #3c3c3c; }
.niceform select { margin-top: 10px; border: 0; margin-right: 1px; }
.niceform select:last-child { margin-right: 0; }
.niceform h1 { font-size: 18px; color: rgb(61, 89, 24); font-weight: normal; text-transform: uppercase; }
.niceform tr.birthday { margin-top: 15px; overflow: hidden; }
.niceform tr.birthday td select { float: left; width: 32%;}
.niceform td { vertical-align: middle; }
.niceform td:first-child {padding-right: 10px;}
.niceform img { padding: 10px 10px 10px 0px; }
.niceform .fewer img { padding: 10px 3% 10px 0px;}
#register .niceform tr { margin: 0; padding: 0; }
#register .niceform label { margin-right: 10px; }
#register .niceform input { margin-bottom: 0px; }
#profile_edit_page .niceform tr { margin: 0; padding: 0; }
#profile_edit_page .niceform label { margin-right: 10px; }
#profile_edit_page .niceform input { margin-bottom: 0px; }
.niceform .birthday select { float: left; width: 32%; margin-right: 2%; margin-bottom: 10px;}
.niceform .birthday #f_birthday_1i { margin-right: 0!important; }
#wizard_page .niceform .birthday label { font-size: 15px; color: #485e2a; margin-top: 10px; }
#wizard_page .niceform > select { margin: 0; }
#wizard_page .niceform .birthday select { margin-top: 0px; }
#wizard_page .niceform input[type="text"], #wizard_page .niceform input[type="password"], #wizard_page .niceform select { margin: 0px 0 5px 0px; }
#wizard_page .niceform input[type="checkbox"] {margin: 0px; vertical-align: bottom;}
#wizard_page p { color: #485e2a; margin-bottom: 20px; }
#profile_edit_page .niceform .birthday label { font-size: 15px; color: #485e2a; margin-top: 10px; }
#profile_edit_page .niceform .birthday select { margin-top: 0px; padding: 0px 12px;}
#profile_edit_page .niceform > select { margin: 0; }
#profile_edit_page .niceform input[type="text"], #profile_edit_page .niceform input[type="password"], #profile_edit_page .niceform select { margin: 0px 0 5px 0px; }
#profile_edit_page .niceform input[type="checkbox"] {margin: 0px; vertical-align: bottom;}
#profile_edit_page p { color: #000000; margin-bottom: 20px; }
#payment_wizard_page .niceform .birthday label { font-size: 15px; color: #485e2a; margin-top: 10px; }
#payment_wizard_page .niceform .birthday select { margin-top: 0px; float: left; width: 32%; margin-right: 2%; margin-bottom: 10px;}
#payment_wizard_page .niceform .birthday select:last-child { margin-right: 0; }
#payment_wizard_page .niceform input[type="text"], #payment_wizard_page .niceform input[type="password"], #payment_wizard_page .niceform select { margin: 0px 0 5px 0px; }
#payment_wizard_page .niceform input[type="checkbox"] {margin: 0px; vertical-align: bottom;}
#payment_wizard_page p { color: #485e2a; margin-bottom: 20px; }
.accept_conditions { margin: 10px 0; }
.wizard_membership .membership_description { display: block; }
.wizard_membership div.price_per_period { margin-left: 5px; }
.action_code_indicator {position: relative;}
#action_code_indicator {width: 20px; height: 20px; position: absolute; top: 16px; right: 15px;}
#action_code_indicator .indicator_small {padding: 0px;}
div.calendar table {width: 100%;}
div.calendar table th {text-align: center;}
div.calendar table td {text-align: center; padding: 2px;}
div.calendar table td.button {cursor: hand; cursor: pointer;}
div.calendar table tr.days {cursor: hand; cursor: pointer;}
div.calendar table tr.days td:hover {background-color: #ddd;}
div.calendar table td.with_events {font-weight: bold;}
div.calendar table td.otherDay {color: #aaa;}
div.calendar table td.today {color: #333;}
div.calendar table td.weekend {color: #944;}
div.calendar table td.title {font-weight: bold;}
div.calendar table td.selected, .calendar table tr.days td.selected:hover, .calendar table td.button:hover {background-color: #bbb;}
div.calendar.popup { width: 212px; margin: 33px 0px 0px 0px; background-color: white; border: 1px solid #777; padding: 4px; z-index: 1010;}
.back_link { float: left; display: block; margin-top: 20px; min-width: 70px; height: 34px; line-height: 34px; padding: 0 10px; text-align: center; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #989b9b;} /* #ff7200 */
.no_lessons, .exceptions_info { font-size: 14px; line-height: 22px; font-family: 'Open Sans', sans-serif; }
.no_lessons + .exceptions_info { margin: 0px!important;}
.no_lessons h3 {padding: 10px;}
.exceptions_info { padding-top: 18px!important; padding-bottom: 18px!important; }
.exceptions_info img, .exceptions_info span { line-height: 20px; }
.exceptions_info img { vertical-align: top; }
#wizard_payment_page .back_link { width: 200px; font-weight: normal; }
#wizard_payment_page .niceform form h2 { margin-bottom: 20px; color: #485d29; font-size: 13px; font-weight: normal; }
#wizard_payment_page .niceform form input { margin-bottom: 0;}
#wizard_payment_page .niceform form input[type="checkbox"] { float: left; margin: 14px 5px 0 0;}
#wizard_payment_page .price_block { width: 49%; margin: 0 2% 10px 0; float: left; background-color:#fff; }
#wizard_payment_page .price_block:nth-of-type(2) { margin-right: 0; }
#wizard_payment_page .price_block h3 { padding: 10px 10px 0 10px; color: #485d29; font-size: 15px; }
#wizard_payment_page .price_block p { padding: 0px 10px 10px 10px; font-size: 20px; color:#ff7200; font-weight: bold; }
#wizard_payment_page .niceform form input[type="submit"] { float: right; font-weight: normal; }
#wizard_payment_page #fin_account_owner { margin-bottom: 15px; }
#wizard_payment_page h1 { margin: 15px 0 10px 0; font-weight: bold; }
#wizard_payment_page .colum3 { position: relative; }
#info_btn { position: absolute; top: 5px; right: 5px; width: 17px; height: 17px; border-radius: 17px; background-color: #3b3b3b; color: #fff; text-align: center; line-height: 17px; font-weight: bold; cursor: pointer; }
#info_btn_text, #info_btn_text_first_month { position: absolute; top: 5px; right: 5px; padding: 10px; width: 150px; background-color: #fff6ce; color: #3b3b3b;}
#info_btn_text > div, #info_btn_text_first_month > div, .close_button { position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; background: url("/club_portal/icons/change_colors/close.png") center center no-repeat; }
#payment_wizard_to_pay_page .niceform form h2 { margin-bottom: 20px; color: #485d29; font-size: 13px; font-weight: normal; }
#payment_wizard_to_pay_page .niceform form input { margin-bottom: 0;}
#payment_wizard_to_pay_page .niceform form input[type="checkbox"] { float: left; margin: 14px 5px 0 0;}
#payment_wizard_to_pay_page .price_block { width: 49%; margin: 0 2% 10px 0; float: left; background-color:#fff; }
#payment_wizard_to_pay_page .price_block:nth-of-type(2) { margin-right: 0; }
#payment_wizard_to_pay_page .price_block h3 { padding: 10px 10px 0 10px; color: #485d29; font-size: 15px; }
#payment_wizard_to_pay_page .price_block p { padding: 0px 10px 10px 10px; font-size: 20px; color:#ff7200; font-weight: bold; }
#payment_wizard_to_pay_page .niceform form input[type="submit"] { float: right; font-weight: normal; }
#payment_wizard_to_pay_page #fin_account_owner { margin-bottom: 15px; }
.wizard_membership .membership_description { display: block; }
.wizard_membership div.price_per_period { margin-left: 5px; }
#wizard_indicator { margin: 0 auto 20px; padding-top: 50px; max-width: 500px; height: 40px; background-image: url("/club_portal/wizard_indicator_st2.png"); background-position: center top; background-repeat: no-repeat; }
#wizard_payment_page .niceform .twocols1, #wizard_payment_page .niceform .twocols2 {background-color: #ffffff; font-family: 'PT Sans', sans-serif;}
#wizard_payment_page .niceform .colum1, #wizard_payment_page .niceform .colum2, #wizard_payment_page .niceform .colum3 { box-sizing: border-box; padding: 10px 15px; background-color: #ffffff; font-family: 'PT Sans', sans-serif;}
#wizard_payment_page .niceform .twocols1 h3, #wizard_payment_page .niceform .twocols2 h3 {color: #010101; font-size: 15px; line-height: 28px;}
#wizard_payment_page .niceform .twocols1 h3, #wizard_payment_page .niceform .twocols2 h3 {line-height: normal; text-align: center;}
#wizard_payment_page .niceform .twocols1, #wizard_payment_page .niceform .twocols2 {padding: 0px;}
#wizard_payment_page .niceform .colum1 h3, #wizard_payment_page .niceform .colum2 h3, #wizard_payment_page .niceform .colum3 h3 {color: #010101; font-size: 15px; line-height: 28px;}
#wizard_payment_page .niceform .pricecifr {color: #ff7200; text-align: center; font-size: 20px; line-height: 28px; font-weight: bold;}
#payment_wizard_to_pay_page .niceform .twocols1, #payment_wizard_to_pay_page .niceform .twocols2 {background-color: #ffffff; font-family: 'PT Sans', sans-serif;}
#payment_wizard_to_pay_page .niceform .twocols1 h3, #payment_wizard_to_pay_page .niceform .twocols2 h3 {color: #010101; font-size: 15px; line-height: 28px;}
#payment_wizard_to_pay_page .niceform .pricecifr {color: #ff7200; font-size: 20px; line-height: 28px; font-weight: bold;}
#user_login_block div {float: right; width: 49%; color: #5a5a5a;}
#wizard_indicator table { width: 100%; border-collapse: separate;
border-spacing: 5px;}
#wizard_indicator table td { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #3d5918}
#wizard_indicator table td.l { text-align: left; }
#wizard_indicator table td.c { text-align: center; }
#wizard_indicator table td.r { text-align: right; }
#wizard_membership_page .niceform, #wizard_payment_page .niceform {padding-bottom: 120px;}
#wizard_membership_page #wizard_indicator table td.r { color: #648e2b; }
#wizard_membership_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st2.png"); }
#wizard_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st1.png");  }
#wizard_page #wizard_indicator table td.c { color: #648e2b; }
#wizard_page #wizard_indicator table td.r { color: #648e2b; }
#wizard_payment_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st3.png"); }
#payment_wizard_to_pay_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st3.png"); }
#payment_wizard_to_pay_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st3.png"); }
#wizard_thanks_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st4.png"); }
#thanks_text { max-width: 500px; margin: 0 auto; padding: 15px; background-color: #fff; } /*#a4d165*/
#thanks_text h2 { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: normal;}
#wizard_thanks_page #thanks_text h2 { color: #ffffff; }
#thanks_text p { color: #000000; font-size: 15px; line-height: 22px; margin: 15px 0; }
#wizard_thanks_page #thanks_text p { color: #485e2a; }
#wizard_memberships_list { margin: 10px 0;}
#wizard_membership_page form { overflow: hidden; padding: 15px; background-color: #e3eaea; } /*#a4d165*/
#wizard_membership_page h3 { color: #485d29; font-size: 15px; font-weight: normal; }
#wizard_membership_page form mm_lab { display: block; float: left; width: 55%; text-transform: uppercase; color: #000; font-size: 18px; font-weight: bold; }
#wizard_membership_page form div.price_per_period {color: #ff7200; font-weight: bold; font-size: 14px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; padding: 3px 0px; clear: both; margin-left: 40px;}
input[type="radio"].checkbox { vertical-align: top; margin: 0 3px 0 0; width: 24px; height: 24px; }
input[type="radio"].checkbox + label { cursor: pointer; margin-top: 0px;}
input[type="radio"].checkbox:not(checked) { position: absolute; opacity: 0; padding: 0 0 0 40px; }
input[type="radio"].checkbox:not(checked) + label { position: relative; padding: 0 0 0 40px; font-size: 18px; color: #000000; text-transform: uppercase; float: left;}
input[type="radio"].checkbox:not(checked) + label:before { content: ''; position: absolute; top: -4px; left: 0; width: 24px; height: 24px; border-radius: 20px; border: 2px solid #bfbfbf; }
#wizard_membership_page input[type="radio"].checkbox:not(checked) + label:before { background-color: #ffffff; border: 2px solid #bebebe; }
input[type="radio"].checkbox:not(checked) + label:after { content: ''; position: absolute; top: -5px; left: 5px; width: 26px; height: 26px; background-position: center center; background-repeat:  no-repeat; background-image: none; transition: all .2s; }
input[type="radio"].checkbox:checked + label { color: #78a836!important; font-weight: bold; }
input[type="radio"].checkbox:checked + label:before { border: 2px solid #78a836!important; }
input[type="radio"].checkbox:checked + label:after { content: "\2713"; color: #FF7200; font-weight: 900; font-size: 21px;}
#wizard_membership_page form .membership_description { clear: both; margin: 0 0 0 40px; padding-top: 5px; }
#wizard_membership_page form .membership_description li { margin-bottom: 5px; }
#wizard_membership_page form .membership_description li:first-child p { margin-top: 10px; }
#wizard_membership_page form .membership_description li p { font-size: 15px; line-height: 23px; color: #585858; text-decoration: capitalize; }
#wizard_membership_page .back_link { float: left; display: block; width: 70px; height: 34px; line-height: 34px; padding: 0 10px; text-align: center; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #d9d6d0;}
#wizard_membership_page .datetime_select, .filtersmallpart .datetime_select { border: 1px solid #ccc; width: 60%; padding-right: 20px; background: url("/club_portal/icons/datetime_select_icon.png") 96% center no-repeat #fff; }
.filtersmallpart .datetime_select {border: none; width: 100%;}
#membership_date { padding-top: 20px; }
#membership_date #object_start_at { float: left; width: 105px; padding: 0; margin: 0; color: #000000; background-color: transparent; font-size: 18px; font-weight: bold;}
#membership_date #membership_end_date { padding: 0; margin: 0; height: 34px; line-height: 34px; font-size: 18px; font-weight: bold; font-family: 'PT Sans', sans-serif; }
#membership_date #change_date { font-size: 15px; margin-top: 6px; color: #ff7200; text-transform: capitalize; }
#membership_date label { float: left; color: #485d29; font-size: 15px; font-weight: normal; }
#membership_date h3 { color: #485d29; font-size: 15px; font-weight: normal; }
form.login { background-color: #b6b6b6; padding: 15px; font-family: 'PT Sans', sans-serif;}
.login label { color: #737373; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 20px;}
.login a { display: inline-block; margin-top: 30px; color: #737373; font-size: 14px; margin-left: 15px;}
.login .form_fields {width: 49%; margin-right: 2%; float: left;}
.login #password {margin-right: 0px;}
#user_login_block {margin: 0px auto; margin-bottom: 30px; max-width: 845px; position: relative; z-index: 2;}
#user_login_block form.login {background-color: rgba(255, 255, 255, 0.3);}
#user_login_block .with_club_name {display: inline;}
#user_login_block .without_club_name {display: none;}
#user_tarcon_login_block { background-color: #b6b6b6; padding: 15px; font-family: 'PT Sans', sans-serif; }
#user_tarcon_login_block #tarcon_login_error { width: 100%; }
#user_tarcon_login_block #tarcon_login_error span { display: block; width: 100%; text-align: center; color: red; text-transform: uppercase;}
#user_tarcon_login_block #movies { width: 100%; height: auto; }
#user_tarcon_login_block #movies img { width: 200px; height: 110px; margin: 0px auto; display: block; }
.form_fields input[type="text"] { height: 32px; color: #010101; }
ul.modules {margin: 0; padding: 0; list-style: none; align-items: stretch; -webkit-align-items: stretch; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
#index_page .modules li { overflow: hidden; }
#index_page .modules li { width: calc(20% - 30px); margin: 15px; display: inline-block; vertical-align: top;}
#index_page .modules.four li {width: 23.5%;}
#index_page .modules.three li {width: 31%;}
#index_page .modules li a { font-family: 'PT Sans', sans-serif; box-sizing: border-box; display: inline-block; width: 100%; position: relative; min-height: 30px; line-height: 30px; padding-left:5px; background-color: #46464675; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #ffffff; text-align: left; vertical-align: top;}
#index_page .modules li a.underlink { background-color: #464646; color: #ffffff; }
#index_page .modules li a:after {content: ""; clear: both; display: block;}
#index_page .modules li a span { color: #ffffff; float: right; padding-right: 5px;}
#index_page .modules li.webshopblock a.underlink span {color: #8dc63f;}
#index_page .modules li a.underlink span {color: #c5c5c5; box-sizing: border-box; width: 42%; text-align: right;}
#index_page .modules li.webshopblock a.underlink span.title { color: #ffffff; }
#index_page .modules li a span.title {padding-right: 0px; text-align: left; color: #ffffff; float: left; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; width: 58%; height: 30px; line-height: 30px; }
#index_page .modules li.aboneblock a span.title {max-width: 100%;}
#index_page .modules li a span.price { color: #8dc63f;}
#index_page .modules li a:nth-of-type(odd){ background-color: #3c3c3c; }
#index_page .modules li a.blocks { font-family: 'Open Sans', sans-serif; font-weight: 500; height: 0px; padding: 20px 0 0 0; padding-bottom: 85%; font-size: 20px; text-align: center;}
#index_page .modules li a.blocks span.text {display: block; color: #fff; float: none;}
#index_page .modules li a.abonnement span.text { color: #ffffff; }
#index_page .modules li a.lessen span.text { color: #ffffff; }
#index_page .modules li a.workshop span.text { color: #ffffff; }
#index_page .modules li a.event span.text { color: #ffffff; }
#index_page .modules li a.webshop span.text { color: #ffffff; }
#index_page .modules li a.online_lessons span.text { color: #fff; }
#index_page .modules li a.online_lessons span.text { color: #fff; }
#index_page .modules li a.referral {background-color: #007dcd;}
#index_page .modules li a.xployalty {background-color: #873f94;}
#index_page .modules li a.blocks span.i { display: block; float: none; height: 0px; padding: 0px 0 61% 0; background-position: center center; background-repeat: no-repeat;}
#index_page .modules li a.abonnement span.i , .abonnement span.i { background-image: url("/club_portal/icons/recurring_big.png"); background-size: 37% 60%;}
#index_page .modules li a.lessen span.i, .lessen span.i { background-image: url("/club_portal/icons/college_big.png"); background-size: 48% 60%;}
#index_page .modules li a.online_lessons span.i, .online_lessons span.i { background-image: url("/club_portal/icons/ytwhite_big.png"); background-size: 48% 60%;}
.online_lessons span.i { background-size: 80% 80%;}
#index_page .modules li a.coaching span.i, .coaching span.i { background-image: url("/club_portal/icons/coaching_big.png"); background-size: 44% 70%;}
#index_page .modules li a.activity_connections span.i, .activity_connections span.i  { background-image: url("/club_portal/icons/club_portal_connections.png"); background-size: 35% 90%;}
.coaching.activity_connections span.i { background-size: 45% 80%;}
.coaching span.i { background-size: 73% 80%;}
.coaching_app_wrapper {
height: 42px;
padding: 10px 0;
position: relative;
clear: both;
margin-left: 10px;
}
.coaching_api_logo {
width: 32px;
height: 32px;
padding: 5px;
border-radius: 50%;
background-color: #333;
text-align: center;
line-height: 44px;
position: relative;
}
.coaching_api_logo::before {
background-color: transparent;
border: 2px solid red;
border-radius: 100%;
content: "";
display: block;
height: 30px;
width: 30px;
position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
}
.coaching_api_logo img {width: 24px;}
.config_api_name {
height: 21px;
width: 25%;
text-align: center;
color: #FFF;
background-color: #119e00;
border: 2px solid #333;
margin-left: 0px;
margin-top: 11px;
position: relative;
}
.coaching_api_status {
width: 16px;
height: 16px;
color: #000;
border: 2px solid #333;
padding: 4px;
border-radius: 50%;
background-color: #FFF;
text-align: center;
line-height: 16px;
margin-left: -16px;
font-weight: bold;
}
.coaching_api_status.activate, .coaching_api_status.inactivate, .coaching_api_logo.activate, .coaching_api_logo.inactivate {position: absolute;}
.coaching_api_status.activate {top: -4px; right:-12px;}
.coaching_api_status.inactivate {top: -4px; left: 4px;line-height: 13px;}
.coaching_api_logo.activate {top: -12px; left: -12px;}
.coaching_api_logo.inactivate {top: -12px; right:-12px;}
.coaching_api_status.activate::before,
.coaching_api_status.inactivate::before {
background-color: #FFF;
display: block;
width: 16px;
height: 16px;
position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
}
.coaching_api_status.inactivate::before {content: "—";}
.coaching_api_status.activate::before {content: "+";}
#index_page .modules li a.lessen span.notice { position: relative; background-position: top right; top: -177px; background-image: url("/club_portal/notice.png"); background-color: transparent; background-size: 45% 70%;}
#index_page .modules li a.lessen span.free_lessen { background-position: top right; background-image: url("/club_portal/free_lessen.png"); background-color: transparent; background-size: 45% 70%; }
#index_page .modules li a.workshop span.i, .workshop span.i { background-image: url("/club_portal/icons/workshop_big.png"); background-size: 35% 60%;}
#index_page .modules li a.education span.i, .education span.i { background-image: url("/club_portal/icons/modules_big.png"); background-size: 60% 60%;}
#index_page .modules li a.education span.i { background-size: 55% 90%;}
#index_page .modules li a.education_training span.i, .education_training span.i { background-image: url("/club_portal/icons/training_big.png"); background-size: 60% 60%;}
#index_page .modules li a.education_training span.i { background-size: 55% 90%;}
#index_page .modules li a.lock span.i, .lock span.i { background-image: url("/club_portal/icons/lock_big.png");  background-size: 55% 80%;}
#index_page .modules li a.feedback span.i, .feedback span.i { background-image: url("/club_portal/icons/feedback_big.png");  background-size: 52% 80%;}
#index_page .modules li a.referral span.i, .referral span.i { background-image: url("/club_portal/svg/referral_white?scheme=white"); background-size: 80% 65%!important;}
#index_page .modules li a.xployalty span.i, .xployalty span.i {  background-image: url("/club_portal/xployalty.svg"); background-size: 90% 90%!important;}
#index_page .modules li a.event span.i, .event span.i { background-image: url("/club_portal/icons/event_big.png"); background-size: 35% 60%;}
#index_page .modules li a.webshop span.i, .webshop span.i { background-image: url("/club_portal/icons/shopping_purse_big.png"); background-size: 35% 60%;}
#membership_page .memberships:after, ul#products:after {content: ' i i i i i i i i i i i i i i'; word-spacing: 180px; padding-left: 31%; visibility: hidden; height: 0;}
@-moz-document url-prefix() {#membership_page .memberships:after, ul#products:after { padding-left: 29%;}}
#password_restore_page h1 {text-transform: uppercase; font-size: 18px; font-weight: normal; }
.wrapiframe { position: relative; width: 100%; margin: 0px; height: 0; padding-bottom: 56.5%; line-height: 0px;}
.wrapiframe iframe {position: absolute; width: 100%; height: 100%; overflow: hidden;}
.wrapiframe video {width: 100%; max-width: 728px;}
#user_info { background-color: #f5f5f5; padding: 15px; }
#user_info h1 {font-size: 20px; font-weight: 500; text-transform: uppercase; color: #000000; }
.textinfouser li { clear: both; }
.textinfouser li h3 { float: left; }
.textinfouser li p { float: right; }
#get_more_invoices_page #content { width: 96%; }
#get_more_invoices_page #profile_info, #get_more_invoices_page #cart, #get_more_invoices_page #user_info, #get_more_invoices_page .login { display: none; }
#get_more_invoices_page .whitewr { background-color: transparent!important; padding: 0px 4px; }
#get_more_invoices_page .whitewr p { color: #868585; }
#get_more_products_page #content { width: 96%; }
#get_more_products_page #profile_info, #get_more_products_page #cart, #get_more_products_page #user_info, #get_more_products_page .login { display: none; }
#get_more_products_page .whitewr { background-color: transparent!important; padding: 0px 4px; }
#get_more_products_page .whitewr p { color: #868585; }
#get_more_reservations_page #content { width: 96%; }
#get_more_reservations_page #profile_info, #get_more_reservations_page #cart, #get_more_reservations_page #user_info, #get_more_reservations_page .login { display: none; }
#get_more_reservations_page .whitewr { background-color: transparent!important; padding: 0px 4px; }
#get_more_reservations_page .whitewr p { color: #868585; }
#get_more_memberships_page #content { width: 96%; }
#get_more_memberships_page #profile_info, #get_more_memberships_page #cart, #get_more_memberships_page #user_info, #get_more_memberships_page .login { display: none; }
#get_more_memberships_page .whitewr { background-color: transparent!important; padding: 0px 4px; }
#get_more_memberships_page .whitewr p { color: #868585; }
#view_invoice_page #content { width: 96%; }
#view_invoice_page #profile_info, #view_invoice_page #cart, #view_invoice_page #user_info, #view_invoice_page .login { display: none; }
#view_invoice_page #content { background-color: #fff!important; }
#profile_page #user_data { width: 96%; padding: 2%; background-color: #f5f5f5; }
#profile_page #user_data h1 { font-size: 20px; text-transform: uppercase; font-family: 'PT Sans', sans-serif;}
#profile_page #user_data .wuseravatar { width: 120px; height: auto; }
#wizard_register .wuseravatar { float: none; width: 100%; height: auto; }
#wizard_register .wuseravatar .round_avatar { width: 120px; margin: 0px auto; }
#profile_page .textinfouser p, #profile_page .textinfouser h3 {font-size: 14px;}
.avatar_upload .qq-upload-drop-area {width: 90%; border: 1px solid #CCC; margin: 0px auto 10px auto; padding: 15px;}
.avatar_upload .qq-upload-list {display: none;}
#profile_page .whitewr { background-color: transparent!important; padding: 0px; }
#profile_page .whitewr p { color: #868585; }
#profile_page .newsletter_qw {padding-top: 10px;}
#profile_page .forcheck {float: right;}
#profile_edit_page .forcheck { margin-top: 15px;}
#profile_page .forcheck label { display: inline-block; }
#profile_page .nice_checkbox + label { color: #868585; font-size: 15px; font-family: 'Open Sans', sans-serif; }
#profile_page .logoutlink { margin-top: 0; }
#profile_page .items .head { color: #000000; text-transform: uppercase; font-size: 16px;}
.profile_fields { overflow: hidden; margin-top: 30px; padding-bottom: 5px; }
.profile_fields h2 { padding: 7px 0 7px 40px; background-position: 12px center; background-repeat: no-repeat; font-size: 16px; text-transform: uppercase; font-weight: normal; }
.profile_fields .wraptabitem {width: 100%; padding: 0px 16px; box-sizing: border-box;}
.profile_fields .items { width: 100%; color: #000000; line-height: 21px; font-size: 15px; font-family: 'PT Sans', sans-serif; }
.profile_fields .items td { position: relative; width: 1px; vertical-align: middle; padding: 2px 0px;}
.profile_fields .items .item_title { width: 25%; line-height: 21px; padding-top: 7px; }
#products_data .item_title { text-transform: capitalize; }
.profile_fields .items .items_date { width: 22%; }
#lessons_filter p {margin-right: 8px;}
#lessons_filter select {width: 180px; margin: 0 20px 0 0; border: 1px solid;}
#lessons_filter select.year {width: 90px;}
#lessons_data_staff.profile_fields .items .items_date {width: 15%;}
#lessons_data_staff.profile_fields .items .item_price {width: 8%;}
#lessons_data_staff.profile_fields .items .item_price_res {width: 10%;}
#lessons_data_staff.profile_fields .items .item_price_res span {display: inline-block;}
#lessons_data_staff.profile_fields .items .item_more_info a {color: #ff7200;}
#lessons_data_staff.profile_fields .items .item_more_info span {border-left: 1px solid #c2c2c2; padding: 0 10px;}
#lessons_data_staff.profile_fields .items .item_more_info span:first-child {border: none;}
#lessons_data_staff.profile_fields .items .item_title {width: 45%;}
.profile_fields .items .item_price { width: 10%; white-space: nowrap; font-weight: bold; }
#memberships_data .item_price { width: auto!important; }
.profile_fields .items .view_invoice { width: 17%; min-width: 20px; text-align: center;  }
.profile_fields .items .view_invoice a {background-image: url("/club_portal/icons/view_membership.png"); background-position: left center; background-repeat: no-repeat;}
.profile_fields .items .view_invoice span { padding-left: 30px;  }
.profile_fields .items .print_invoice { width: 17%; min-width: 20px; text-align: center;  }
.profile_fields .items .print_invoice a { background-image: url("/club_portal/icons/print_invoice.png"); background-position: left center; background-repeat: no-repeat; }
.profile_fields .items .print_invoice span { padding-left: 30px;  }
.profile_fields .items .direct_pay { line-height: 40px; vertical-align: middle; }
.profile_fields .items .direct_pay a { white-space: nowrap; display: block;  height: 20px; line-height: 20px; text-align: center; font-size: 12px; text-decoration: none; text-transform: uppercase; }
.view_pdf {height: 12px; background-image: url(/club_portal/icons/view_membership.png); background-position: left center; background-repeat: no-repeat; width: 17px; display: inline-block;}
.send_pdf {height: 12px; background-image: url(/images/email.png); background-position: left center; background-repeat: no-repeat; width: 17px; display: inline-block;}
#profile_page .profile_fields .items .direct_pay a { background-color: #ff7200; color: #ffffff; }
#profile_page #user_data .logoutlink { background-color: -1; color: -1; }
.current_user_info .logoutlink { background-color: #ff7200; }
.profile_fields .items .cancel, .profile_fields .items .reserve { width: 24%; height: 20px; line-height: 20px; background-color: #119e00; color: #fff; font-size: 12px; }
.profile_fields .items tr { height: 35px; line-height: 35px; border-top: 1px solid #c2c2c2; }
.profile_fields .items tr:first-child { border-top: 0px!important; }
.profile_fields .items td span.check_bulletpoint { display: inline-block; width: 15px; height: 12px; margin-right: 10px; background-image: url("/club_portal/icons/check_bulletpoint_orange.png"); background-position: left center; background-repeat: no-repeat; }
.profile_fields .items td .paid { background-image: url("/club_portal/icons/check_bulletpoint_green.png")!important; }
.profile_fields .items td .unpaid { background-image: url("/club_portal/icons/check_bulletpoint_red.png")!important; }
.profile_fields .items td.split_border > span, .profile_fields .items .print_invoice > span { display: block; padding: 0 10px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; margin-top: 7px; line-height: 21px; min-height: 20px; box-sizing: border-box;}
.profile_fields .items .print_invoice > span {border: none;}
td.split_border + td.split_border > span { border-left: 0!important; }
.profile_fields .items td a { text-decoration: none; }
.profile_fields { background-color: #f5f5f5; }
.get_more_items { display: block; border-top: 1px solid #c2c2c2; width: 97%; margin: 0 auto; }
.get_more_items span { padding: 10px 0px; float: right; cursor: pointer; font-family: 'PT Sans', sans-serif; }
#memberships_data .get_more_items { color: #007dcd; }
/* #invoices_data .get_more_items { color: #3c3c3c; }  */
/* #invoices_data .get_more_items { color: #868585; } */
#invoices_data .get_more_items { color: -1; }
#lessons_data .get_more_items, #lessons_data_staff .get_more_items { color: #119e00; }
#workshops_data .get_more_items { color: #00b7b9; }
#events_data .get_more_items { color: #7900b7; }
#products_data .get_more_items { color: #b2103f; }
#memberships_data h2 { background-image: url(/club_portal/icons/recurring.png); color: #ffffff; background-color: #007dcd; margin-bottom: 5px;}
#invoices_data h2, .profile_items_data h2 { padding-left: 45px; background-size: 25px; background-image: url(/club_portal/icons/invoice.png); color: #ffffff; background-color: #3c3c3c;}
#lessons_data h2, #lessons_data_staff h2 { background-image: url(/club_portal/icons/college.png); color: #ffffff; background-color: #119e00;}
#users_data_staff h2 { color: #ffffff; background-color: #7c7360;}
#workshops_data h2 { background-image: url(/club_portal/icons/workshop.png); color: #ffffff; background-color: #00b7b9;}
#events_data h2 { background-image: url(/club_portal/icons/date_2_small.png); color: #ffffff; background-color: #7900b7;}
#products_data h2 { background-image: url(/club_portal/icons/shopping_purse.png); color: #ffffff; background-color: #b2103f;}
#qrcode_data h2 { padding-left: 45px; background-size: 25px; background-image: url(/club_portal/icons/qrcode_w.png); color: #ffffff; background-color: #3c3c3c;}
#qrcode_data #qr_code_block {background: #FFF; padding: 20px;}
#qrcode_data #qr_code_block img {display: block; margin-left: auto; margin-right: auto;}
#memberships_data .items td span.msh_title { padding-left: 5px; font-weight: bold; }
#memberships_data .items td a.aanpassen { padding: 0 16px; text-align: center; color: #007dcd; }
.profile_fields .items td a.more_i { padding: 0 16px; text-align: center; color: #ff7200; white-space: nowrap; }
#right_side #user_info {padding: 5px; margin: 20px 0px; box-sizing: border-box;}
#right_side .wuseravatar {float: none; width: 50%; padding: 0px 25%; text-align: center; }
#right_side .textinfouser {width: 100%; margin: 0px;}
#right_side .ss-wrapper {margin-left: -18px; width: 107%;}
#right_side .ss-content {padding: 0px; padding-right: 18px; overflow-y: scroll; width: 100%;}
#right_side .textinfouser p, #right_side .textinfouser h3 {font-size: 13px;}
#cart { background-color: #fff6ce; width: 20%; float: left; padding: 30px 2%; overflow: hidden; }
#cart h1 { margin-bottom: 10px; color: #b2103f; font-size: 15px; text-transform: uppercase; font-weight: 700; background: url("cartbasketbig.png") left center no-repeat; padding-left: 28px;}
.cart_items .delete_icon { display: block; vertical-align: center; float: left; width: 19px; height: 19px; background: url("/club_portal/delete.png") left center no-repeat transparent; }
.cart_items .add_icon, .cart_items .minus_icon { display: block; vertical-align: center; float: left; width: 20px; height: 20px; background: url("/club_portal/plus.png") center center no-repeat transparent; text-decoration: none; }
.cart_items .minus_icon {background: url("/club_portal/minus.png") center center no-repeat transparent;}
.cart_items { width: 100%; border-bottom: 1px solid #ccc5a5; }
.cart_items td { padding: 3px 1px; margin: 0; font-size: 14px; color: #736f5c; text-transform: capitalize; }
.cart_items tr.action_codes td { padding-bottom: 4px; vertical-align: bottom; }
.cart_items tr.action_codes #action_code_check{ float: right; margin-top: 8px; }
.cart_items tr.action_codes #action_code_order_title, .cart_items tr.action_codes .product_custom_question { display: inline-block; height: 34px; line-height: 34px; }
.cart_items tr.action_codes #ajax_error_messages{ text-transform: none; }
.cart_items tr.action_codes input[type="text"] { margin-top: 0px; }
.cart_message_text {text-transform: none; font-size: 12px; color: red;}
.niceform #cart {width: 96%;}
.dark {height: 1px; background-color: #ccc5a5; border: none; margin: 5px 0px;}
.appointments .stabs {position: relative; display: flex; margin-bottom: 20px; background-color: #F1F1F1; height: 48px; border-radius: 8px;}
.appointments .stabs::after {content:''; position: absolute; left: 6px; top: 6px; width: calc(50% - 12px); height: 36px; background-color: #d9d6d0; border-radius: 8px; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; z-index: 1;}
.appointments .stabs.stab2::after {left: auto; transform: translateX(calc(100% + 16px));}
.appointments .stab {width: 50%; line-height: 36px; text-transform: uppercase; font-size: 12px; font-weight: 700; text-align: center; margin: 6px; cursor: pointer; opacity: 0.7; z-index: 2; user-select: none;}
.appointments .stab.active {opacity: 1; color: #ffffff;}
.appointments .stab.disable {pointer-events: none; cursor: not-allowed;}
.appointments .stab-content {}
.appointments .stab-pane {display: none;}
.appointments .stab-pane.active {display: block;}
.cart_items td.price { text-align: right; white-space: nowrap; }
.cart_items td.delivery_method { text-align: right; }
.cart_items td.count_tot_price { font-size: 12px; text-align: center; }
p.cart_total { margin-top: 3px; font-weight: bold; width: 100%; padding-left: 20px; text-transform: uppercase; box-sizing: border-box; font-size: 13px;}
span.cart_total_price { display: block;  float: right; }
.cartlink { font-weight: 700; display: inline-block; margin-top: 20px; padding: 0px 20px; height: 34px; line-height: 34px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: 'PT Sans', sans-serif; border: 0; background-color: #b2103f; }
._block_field_title {display: block;}
.club_portal_custom_block {}
.club_portal_custom_block .hide_on_club_portal {display: none;}
#right_side #cart {display: none;}
.dark_wrap {position: fixed; z-index: 1001; overflow: auto; top: 0px; left: 0px; width: 100%; min-height: 100%; height: 100%; background-color: rgba(55, 55, 55, 0.7);}
.remote_add {position: absolute; z-index: 1002; top: 10%; left: calc(50% - 220px);; width: calc(100% - 30px); padding: 15px; overflow: hidden;}
.remote_add .remote_add_content {clear: both;}
.remote_add.pos_carts {width: 650px; left: 26%;}
.remote_add .left_image_link.close {float: right;}
.remote_add .indicator {width: 32px; height: 32px; display: block; margin: 0px auto;}
.remote_add #cart {width: 100%; display: block;}
#membership_cart { background-color: #fff6ce; width: 100%; float: left; margin: 30px 0px; overflow: hidden; }
#membership_cart > div { padding: 15px; }
#membership_cart h1 { margin-bottom: 10px; color: #736f5c; font-size: 20px; text-transform: uppercase; font-weight: normal; }
#membership_cart table { width: 100%; border-bottom: 1px solid #736f5c; }
#membership_cart table td { padding: 3px 1px; margin: 0; font-size: 15px; color: #736f5c; text-transform: capitalize; }
#membership_cart td.price { text-align: right; white-space: nowrap; }
#membership_cart td.count_tot_price { font-size: 12px; text-align: center; }
#membership_cart p.cart_total { margin-top: 3px; font-weight: bold; width: 100%; }
#membership_cart span.cart_total_price { display: block;  float: right; }
#membership_page .memberships, .club_portal_block {margin: 0; padding: 0; list-style: none; text-align: justify;}
#membership_page .memberships > li, .club_portal_block > li, #doorapi_page .memberships > li, #mqtt_page .memberships > li, .club_portal_block > li { height: auto; width: 31%; margin-bottom: 30px; background-color: #a4d165; display: inline-block; vertical-align: top; }
#membership_page .memberships > li h3, #doorapi_page .memberships > li h3, #mqtt_page .memberships > li h3, .club_portal_block > li h3 { font-weight: 400; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; height: 37px; padding: 10px 0px; line-height: normal; background-color: #719e32; text-align: center; color: #ffffff; font-size: 18px;}
#membership_page .memberships > li p, #doorapi_page .memberships > li p, #mqtt_page .memberships > li p, .club_portal_block > li p {font-size: 13px; font-weight: bold; height: 36px; line-height: 36px; padding: 0px 10px; background-color: #3c3c3c; color: #ffffff; box-sizing: border-box; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
#membership_page .memberships > li > .description, .club_portal_block > li > .description { background-color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#membership_page .memberships > li > .description > li p, .club_portal_block > li > .description > li p {font-size: 14px; text-transform: none; font-weight: normal; min-height: 26px; padding: 8px 10px; line-height: 26px; height: auto; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; text-align: left; color: #2c2c2c; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#membership_page .memberships > li a, #doorapi_page .memberships > li a, #mqtt_page .memberships > li a, .club_portal_block > li a { margin: 5px; }
#no_memberships_text p {font-size: 14px; font-weight: normal; padding: 30px 10px;  background-color: #ffffff; border-bottom: 1px solid #e5e5e5; color: #2c2c2c; }
#coaching_page .club_portal_block > li h3 {background-color: ; color: ;}
#coaching_page .club_portal_block > li, .coaching.club_portal_block > li {width: 48%; margin-right: 2%; margin-bottom: 20px; box-sizing: content-box; display: inline-block;}
#coaching_page .club_portal_block > li:nth-child(even), .coaching.club_portal_block > li:nth-child(even) {margin-right: 0px; clear: right;}
#coaching_page .club_portal_block > li .description, .coaching.club_portal_block > li .description {width: 100%;}
#coaching_page .club_portal_block > li img {min-width: 100%; display: block;}
#coaching_page .club_portal_block > li a {margin: 0px;}
.coaching.club_portal_block > li h3 {text-align: left;}
.coaching.club_portal_block > li h3 > span {width: 100%; text-align: right;}
.coaching.club_portal_block > li .description > div {display: inline-block; width: 50%;}
.coaching.club_portal_block > li img {}
#partners_page .article_block {min-height: auto; padding-bottom: 10%;}
.coaching_ico:before {width: 40px; height: 40px; margin-right: 10px; float: left; display: inline-block; background-size: contain; background-position: left; background-repeat: no-repeat; content: '';}
.coaching_video_ico:before          {background-image: url(/images/coaching/videotransparant_ico_white.png);}
.coaching_article_ico:before        {background-image: url(/images/coaching/article_ico_white.png);}
.coaching_recipe_ico:before         {background-image: url(/images/coaching/recipe_ico_white.png);}
.coaching_exercise_ico:before       {background-image: url(/images/coaching/excercise_ico_white.png);}
.article_coaching_ico {margin: 0px;}
.articles_list {}
.article_block {display: block; float: left; width: calc(33% - 30px); min-height: 270px; margin: 15px; cursor: pointer;}
#partners_page .article_block {min-height: auto; padding-bottom: 10%;}
.article_category {font-weight: 400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 37px; padding: 10px; line-height: 40px; text-align: left; font-size: 18px; text-transform: uppercase;}
.article_category > div {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article_body {padding: 10px; overflow: hidden;font-size: 18px; font-weight: 400; box-sizing: border-box; font-family: 'PT Sans', sans-serif; text-transform: uppercase;}
.article_body .article_title {border-bottom: 1px solid #FFF; padding: 10px 0px; height: 46px;}
.article_body .article_client_logo {position: absolute; bottom: 0px; left: 0px;}
.article_body .left {display: inline-block; width: calc(50% - 10px); height: 217px; position: relative; padding: 0px 10px 0px 0px; float: left;}
.article_body .left.full_width {width: 100%;}
.article_body .right {display: inline-block; width: calc(50%); height: 217px; position: relative; padding: 0px; overflow: hidden; float: right;}
.article_body .right img {max-width: 100%; max-height: 100%; float: right;}
.books_list {}
.book_block {background-color: #ffffff;}
.book_block .flex_blok_book {display: flex; cursor: pointer; background-color: #ffffff; margin-bottom: 10px;}
.book_block:hover .flex_blok_book {background-color: #7c736015;}
.book_image {background-size: cover; background-position: center; background-repeat: no-repeat; min-width: 150px; width: 150px; height: 100px; margin-right: 10px; line-height: 0; overflow: hidden;}
.book_block.jouw_plan .book_image {background-image: url(/club_portal/your_plan.jpg);}
.book_block.gedragsverandering .book_image {background-image: url(/club_portal/gedragsverandering.jpg);}
.book_block.training .book_image {background-image: url(/club_portal/training.png);}
.book_block.herstel .book_image {background-image: url(/club_portal/herstel.png);}
.book_block.voeding .book_image {background-image: url(/club_portal/voeding.jpg);}
.book_title {line-height: 30px; font-size: 18px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 60px; }
.description_book {position: relative; padding-top: 5px; padding-bottom: 30px; padding-right: 10px; width: 100%;}
.description_book .type {position: absolute; bottom: 0; right: 10px; line-height: 30px; font-size: 14px; white-space: nowrap;}
.chapter {padding-left: 10px;}
div.poster_block {width: auto; height: 196px; overflow: hidden; position: relative;}
div.poster_block img {position: absolute; margin: auto; min-height: 100%; min-width: 100%; left: -100%; right: -100%; top: -100%; bottom: -100%;}
#coaching_category_page .article_block {background-color: ;}
#coaching_category_page .article_body {color: ;}
#coaching_category_page .article_body .article_title {border-bottom: 1px solid transparent; padding: 10px 0px;}
#coaching_category_page .article_body .left.full_width .article_title {border-bottom: 1px solid transparent;}
#coaching_category_page .article_category {background-color: ; color: ;}
.app_design.coaching_category #filterid,  .app_design.coaching_category #right_side,  .app_design.coaching_category .loginb {display: none;}
.app_design .search_panel {position: absolute; background-color: #7c7360; width: calc(100% - 60px); transform: translateY(calc(-100% - 20px)); padding: 10px; box-sizing: border-box; left: 30px; z-index: 1; border-radius: 0px 0px 15px 15px; transition: all 0.5s ease-in-out 0s;}
.app_design .search_panel.active {transform: translateY(-20px); transition: all 0.5s ease-in-out 0s;}
.coaching_categories_recepten, .coaching_categories_books {display: flex; width: 100%; background-color: #ffffff; margin-bottom: 20px; overflow: hidden;}
.coaching_categories_recepten a, .coaching_categories_books a {width: 40px; height: 40px; font-family: "fontello"; font-size: 20px; line-height: 40px; background-color: #7c7360; color: #ffffff; text-align: center; text-decoration: none;}
.coaching_categories_recepten a:hover, .coaching_categories_books a:hover {background-color: #7c7360ad;}
.coaching_categories_recepten a:before, .coaching_categories_books a:before {display: inline-block;}
.coaching_categories_recepten a.prev:before, .coaching_categories_books a.prev:before {content: '\e833';}
.coaching_categories_recepten a.next:before, .coaching_categories_books a.next:before {content: '\e834';}
.coaching_categories_recepten .category_name, .coaching_categories_books .category_name {font-size: 20px; line-height: 38px; font-weight: 700; color: #7c7360; width: 100%; text-align: center; border: 1px solid #7c7360; box-sizing: border-box;}
.coaching_categories_recepten .category_name span, .coaching_categories_books .category_name span {display: none;}
.coaching_categories_recepten .category_name span.active, .coaching_categories_books .category_name span.active {display: block;}
.coaching_categories_recepten .regions_name, .coaching_categories_books .regions_name {font-size: 20px; line-height: 38px; font-weight: 700; color: #7c7360; width: 100%; text-align: center; border: 1px solid #7c7360; box-sizing: border-box;}
.coaching_categories_recepten .regions_name span, .coaching_categories_books .regions_name span {display: none;}
.coaching_categories_recepten .regions_name span.active, .coaching_categories_books .regions_name span.active {display: block;}
#coaching_page .modules li {width: calc(20% - 30px); margin: 15px; display: inline-block; vertical-align: top;}
#coaching_page .modules li a.blocks {font-family: 'Open Sans', sans-serif; font-weight: 500; height: 0px; padding: 20px 0 0 0; padding-bottom: 85%; box-sizing: border-box; display: inline-block; width: 100%; position: relative; min-height: 30px; line-height: 30px; text-decoration: none; text-transform: uppercase; color: ; vertical-align: top; font-size: 20px; text-align: center; background-color: ;}
#coaching_page .modules li a.blocks span.i {display: block; float: none; height: 0px; padding: 0px 0 61% 0; background-position: center center; background-repeat: no-repeat;}
#coaching_page .modules li a.article span.i {background-image: url(/images/coaching/article.png); background-size: 37% 60%;}
#coaching_page .modules li a.article_ico_black span.i {background-image: url(/images/coaching/article_ico_black.png); background-size: 37% 60%;}
#coaching_page .modules li a.article_ico_white span.i {background-image: url(/images/coaching/article_ico_white.png); background-size: 37% 60%;}
#coaching_page .modules li a.excercise span.i {background-image: url(/images/coaching/excercise.png); background-size: 50%;}
#coaching_page .modules li a.excercise_ico_black span.i {background-image: url(/images/coaching/excercise_ico_black.png); background-size: 50%;}
#coaching_page .modules li a.excercise_ico_white span.i {background-image: url(/images/coaching/excercise_ico_white.png); background-size: 50%;}
#coaching_page .modules li a.recipe span.i {background-image: url(/images/coaching/recipe.png); background-size: 37% 60%;}
#coaching_page .modules li a.recipe_ico_black span.i {background-image: url(/images/coaching/recipe_ico_black.png); background-size: 37% 60%;}
#coaching_page .modules li a.recipe_ico_white span.i {background-image: url(/images/coaching/recipe_ico_white.png); background-size: 37% 60%;}
#coaching_page .modules li a.videotransparant span.i {background-image: url(/images/coaching/videotransparant.png); background-size: 37% 60%;}
#coaching_page .modules li a.videotransparant_ico_black span.i {background-image: url(/images/coaching/videotransparant_ico_black.png); background-size: 37% 60%;}
#coaching_page .modules li a.videotransparant_ico_white span.i {background-image: url(/images/coaching/videotransparant_ico_white.png); background-size: 37% 60%;}
.coaching .article .icon {background-image: url(/images/coaching/article.png); background-size: 100% 100%;}
.coaching .article_ico_black .icon {background-image: url(/images/coaching/article_ico_black.png); background-size: 100% 100%;}
.coaching .article_ico_white .icon {background-image: url(/images/coaching/article_ico_white.png); background-size: 100% 100%;}
.coaching .excercise .icon {background-image: url(/images/coaching/excercise.png); background-size: 100% 100%;}
.coaching .excercise_ico_black .icon {background-image: url(/images/coaching/excercise_ico_black.png); background-size: 100% 100%;}
.coaching .excercise_ico_white .icon {background-image: url(/images/coaching/excercise_ico_white.png); background-size: 100% 100%;}
.coaching .recipe .icon {background-image: url(/images/coaching/recipe.png); background-size: 100% 100%;}
.coaching .recipe_ico_black .icon {background-image: url(/images/coaching/recipe_ico_black.png); background-size: 100% 100%;}
.coaching .recipe_ico_white .icon {background-image: url(/images/coaching/recipe_ico_white.png); background-size: 100% 100%;}
.coaching .videotransparant .icon {background-image: url(/images/coaching/videotransparant.png); background-size: 100% 100%;}
.coaching .videotransparant_ico_black .icon {background-image: url(/images/coaching/videotransparant_ico_black.png); background-size: 100% 100%;}
.coaching .videotransparant_ico_white .icon {background-image: url(/images/coaching/videotransparant_ico_white.png); background-size: 100% 100%;}
.coaching .coaching .icon {background-image: url(/images/coaching/coaching.png); background-size: 100% 100%;}
.coaching .coaching_ico_black .icon {background-image: url(/images/coaching/coaching_ico_black.png); background-size: 100% 100%;}
.coaching .coaching_ico_white .icon {background-image: url(/images/coaching/coaching_ico_white.png); background-size: 100% 100%;}
.coaching .all_exercises .icon {background-image: url(/images/coaching/all_exercises.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_belly_t .icon {background-image: url(/images/coaching/coaching_ico_cat_belly_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_belly .icon {background-image: url(/images/coaching/coaching_ico_cat_belly.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_back_legs_t .icon {background-image: url(/images/coaching/coaching_ico_cat_back_legs_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_back_legs .icon {background-image: url(/images/coaching/coaching_ico_cat_back_legs.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_buttom_t .icon {background-image: url(/images/coaching/coaching_ico_cat_buttom_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_buttom .icon {background-image: url(/images/coaching/coaching_ico_cat_buttom.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_chest_t .icon {background-image: url(/images/coaching/coaching_ico_cat_chest_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_chest .icon {background-image: url(/images/coaching/coaching_ico_cat_chest.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_back_t .icon {background-image: url(/images/coaching/coaching_ico_cat_back_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_back .icon {background-image: url(/images/coaching/coaching_ico_cat_back.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_biceps_t .icon {background-image: url(/images/coaching/coaching_ico_cat_biceps_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_biceps .icon {background-image: url(/images/coaching/coaching_ico_cat_biceps.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_shoulder_t .icon {background-image: url(/images/coaching/coaching_ico_cat_shoulder_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_shoulder .icon {background-image: url(/images/coaching/coaching_ico_cat_shoulder.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_lower_back_t .icon {background-image: url(/images/coaching/coaching_ico_cat_lower_back_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_lower_back .icon {background-image: url(/images/coaching/coaching_ico_cat_lower_back.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_legs_t .icon {background-image: url(/images/coaching/coaching_ico_cat_legs_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_arms_t .icon {background-image: url(/images/coaching/coaching_ico_cat_arms_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_arms .icon {background-image: url(/images/coaching/coaching_ico_cat_arms.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_calfs_t .icon {background-image: url(/images/coaching/coaching_ico_cat_calfs_t.png); background-size: 100% 100%;}
.coaching .coaching_ico_cat_calfs .icon {background-image: url(/images/coaching/coaching_ico_cat_calfs.png); background-size: 100% 100%;}
.coaching .behoeftebepaling .icon {background-image: url(/images/coaching/behoeftebepaling.png); background-size: 100% 100%;}
.coaching .bezwaren-wegnemen .icon {background-image: url(/images/coaching/bezwaren-wegnemen.png); background-size: 100% 100%;}
.coaching .call-for-pointment .icon {background-image: url(/images/coaching/call-for-pointment.png); background-size: 100% 100%;}
.coaching .cc-1e-afspraak .icon {background-image: url(/images/coaching/cc-1e-afspraak.png); background-size: 100% 100%;}
.coaching .cc-doelstelling .icon {background-image: url(/images/coaching/cc-doelstelling.png); background-size: 100% 100%;}
.coaching .cc-extra .icon {background-image: url(/images/coaching/cc-extra.png); background-size: 100% 100%;}
.coaching .cc-handboek .icon {background-image: url(/images/coaching/cc-handboek.png); background-size: 100% 100%;}
.coaching .cc-handboek-2 .icon {background-image: url(/images/coaching/cc-handboek-2.png); background-size: 100% 100%;}
.coaching .cc-leadgeneratie .icon {background-image: url(/images/coaching/cc-leadgeneratie.png); background-size: 100% 100%;}
.coaching .cc-mail1 .icon {background-image: url(/images/coaching/cc-mail1.png); background-size: 100% 100%;}
.coaching .cc-mail2 .icon {background-image: url(/images/coaching/cc-mail2.png); background-size: 100% 100%;}
.coaching .cc-meet-and-greet .icon {background-image: url(/images/coaching/cc-meet-and-greet.png); background-size: 100% 100%;}
.coaching .cc-notities .icon {background-image: url(/images/coaching/cc-notities.png); background-size: 100% 100%;}
.coaching .cc-online-meeting .icon {background-image: url(/images/coaching/cc-online-meeting.png); background-size: 100% 100%;}
.coaching .cc-prijspresentatie .icon {background-image: url(/images/coaching/cc-prijspresentatie.png); background-size: 100% 100%;}
.coaching .cc-prijspresentatie2 .icon {background-image: url(/images/coaching/cc-prijspresentatie2.png); background-size: 100% 100%;}
.coaching .cc-rapportage .icon {background-image: url(/images/coaching/cc-rapportage.png); background-size: 100% 100%;}
.coaching .cc-referenties .icon {background-image: url(/images/coaching/cc-referenties.png); background-size: 100% 100%;}
.coaching .cc-rondleiding .icon {background-image: url(/images/coaching/cc-rondleiding.png); background-size: 100% 100%;}
.coaching .cc-service-call .icon {background-image: url(/images/coaching/cc-service-call.png); background-size: 100% 100%;}
#feedback_content {font-size: 14px; font-weight: normal; padding: 30px 10px;  background-color: #ffffff; border-bottom: 1px solid #e5e5e5; color: #2c2c2c; }
/* referral and loyalty modules */
#referral_content {font-size: 14px; font-weight: normal; background-color: #007dcd; border-bottom: 1px solid #e5e5e5; color: #2c2c2c; }
.app_design #referral_content {background: none;}
.referral_headerp, .xployalty_headerp {height: 230px; min-height: 143px!important; padding-left: 20px!important; margin-bottom: -8px!important; background-color: #007dcd!important; text-align: center; }
.xployalty_headerp {opacity: 1; background: none; background-color: #0029cd!important; margin-bottom: 0px!important;}
#xployalty_header_image, #referral_header_image {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(/club_portal/referral_header.jpg) 0 -155px no-repeat; background-color: #ffffff; background-size:cover; opacity: 0.6; z-index: 1;}
#xployalty_header_image {background: url(/club_portal/referral_header.jpg) 0 -155px no-repeat;}
.app_design #xployalty_header_image, .app_design #referral_header_image {background-position: center; opacity: 1; background-size: cover;}
.referral_headerp .text, .xployalty_headerp .text {height: 190px; position: relative; display: block; z-index: 10;}
.referral_headerp .text h2, .xployalty_headerp .text h2 { width: 100%; line-height: 30px; font-size: 30px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#points_graph {position: absolute; left: 0px; bottom: 28px; height: 7px; width: 100%; border: 1px solid #fff; background-color: #fff;}
#graph_line {height: 100%; display: block; }
#graph_line.bronze {background-color: #f39158;}
#graph_line.silver {background-color: #cad7e0;}
#graph_line.gold {background-color: #f5d74d;}
.filter_alphabet {padding-bottom: 20px;}
.filter_alphabet a {color: #7c7360; font-size: 18px !important;}
.filter_alphabet a.active {color: #d9d6d0;}
@media only screen and (min-width: 0px) and (max-width: 425px) {
.started_user_emails {display: none;}
.referral_headerp {background-position: center;}
.referral_headerp .text h2 {font-size: 20px;}
}
#current_points {position: absolute; right: 0; font-size: 20px; text-transform: uppercase;}
#max_reached_points {position: absolute; left: 0; font-size: 20px; text-transform: uppercase;}
#current_points_name {position: absolute; left: 0; bottom: 0; font-size: 20px; text-transform: uppercase;}
#points_to_next_level {position: absolute; right: 0; bottom: 0; font-size: 20px; text-transform: uppercase;}
.invite_friend_btn {margin-top: 8px; height: 30px; font-size: 14px; padding: 5px 10px; line-height: 35px; background-color: #007dcd; color: #ffffff; font-size: 16px;
text-align: center; text-transform: uppercase; cursor: pointer;}
.flex_container {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center;
align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.flex_item { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;}
.referral_btn, .xployalty_btn { cursor: pointer; text-transform: uppercase; line-height: 35px; width: 50%; background-color: #ffffff; color:  #114b6f; font-size: 16px; text-align: center; margin-left: 1px;}
.xployalty_btn { background-color: #ffffff; color: #873f94; width: 33%; margin-left: 0;}
#xployalty_content .flex_container {justify-content: space-between;}
.main_style.referral .club_pages #content, .main_style.xployalty .club_pages #content { background-color: #ffffff;}
.referral_btn.active, .referral_btn:hover {background-color: #114b6f; color: #ffffff;}
.xployalty_btn.active, .xployalty_btn:hover {background-color: #643f94; color: #ffffff;}
.xp_loyalty_icon {display: inline-block; float: left; margin: 0px 20px 0px 10px; width: 50px; height: 50px; background-position: left center; background-repeat: no-repeat; background-size: 100% 100%;}
.xp_loyalty_icon img {width: 100%; height: 100%;}
.xp_loyalty_icon.create_an_account {background-image: url(/images/xp_loyalty/loyalty.svg)}
.xp_loyalty_icon.make_a_purchase {background-image: url(/images/xp_loyalty/loyalty_webshop.svg)}
.xp_loyalty_icon.birthday_coins {background-image: url(/images/xp_loyalty/loyalty_cake.png)}
.xp_loyalty_icon.referral {background-image: url(/images/xp_loyalty/my_personal_trainer.svg)}
.xp_loyalty_icon.visit {background-image: url(/images/xp_loyalty/loyalty_my_club.svg)}
.xp_loyalty_icon.renew_another_year {background-image: url(/images/xp_loyalty/loyalty_abonnement.svg)}
.xp_loyalty_icon.abon {background-image: url(/images/xp_loyalty/abonnement.svg)}
.xp_loyalty_icon.my_clubcard {background-image: url(/images/xp_loyalty/my_clubcard.svg)}
.xp_loyalty_icon.member_benefit {background-image: url(/images/xp_loyalty/member_benefit.svg)}
.xp_loyalty_icon.gift {background-image: url(/images/xp_loyalty/loyalty_present.png)}
.xp_loyalty_icon.loyaty_coins {background-image: url(/images/xp_loyalty/loyalty_referral.svg)}
.referral_price {position: relative; padding: 10px 0; border-bottom: 1px solid #cfcfcf; overflow: hidden;}
.referral_price:last-child { border-bottom: none;}
.xp_loyalty_title { display: block; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #007dcd;}
.xp_loyalty_value {display: block; }
.xp_loyalty_count_started {background-color: #a7d6f5; padding: 0 9px; border-radius: 9px; font-size: 12px; position: absolute; top: 30px; right: 5px;}
.referrals_rules_block, .xployalty_points_lines_block {float: left; width: 100%;}
#referral_users_info h3 { text-transform: uppercase; font-size: 13px; color: #007dcd; background-color: #efeeee; padding: 5px;}
#referral_users_info .list_of_inv div {height: 35px; position: relative; border-bottom: 1px solid #e9e5e5; padding: 3px 0;}
#referral_users_info .list_of_inv div:last-child {border: none;}
#referral_users_info .started_user_name {color: #535252; line-height: 35px;}
#referral_users_info .started_user_emails {color: #535252; line-height: 35px; color: #0085bd;}
#referral_users_info .started_user_phone {color: #535252; line-height: 35px;}
#referral_users_info .refer_status { padding: 0 9px; border-radius: 9px; font-size: 12px; position: absolute; top: 15px; right: 5px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
#referral_users_info .refer_status.invited {background-color: #ccc;}
#referral_users_info .refer_status.visited {background-color: #a7d6f5;}
#referral_users_info .refer_status.signed_contract {background-color: #bef5c6;}
#invite_a_user .niceform {max-width: 100%; position: relative;}
#invite_a_user .niceform form {background-color: #efeeee;}
#invite_a_user .niceform label {font-size: 13px; text-transform: uppercase; font-weight: bold; color: #007dcd;}
#invite_a_user .niceform .submit_buttons {background-color: #114b6f;}
#invite_a_user .niceform .close_btn {position: absolute; right: 10px; top: 2px;}
.xp_loyalty_items {width: 100%; margin-top: 10px;}
.xp_loyalty_items th {text-transform: uppercase; font-size: 14px; text-align: left;}
.xp_loyalty_items tr { height: 30px; line-height: 30px; border-bottom: 1px solid #ccc;}
.xp_loyalty_items tr:last-child {border: none;}
.xp_loyalty_items .taken { margin-top: 4px; display: inline-block; position: relative; height: 17px;}
.xp_loyalty_items .taken::before { border: 2px solid #119e00; background-color: #ffffff; content: ''; position: absolute; top: 2px;
left: 0; width: 14px; height: 14px; border-radius: 14px;}
.xp_loyalty_items .taken::after {background-image: url(/club_portal/checkednew.png); content: ''; position: absolute; top: -3px; left: 2px;
width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat;}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
#rewards_status {left: 17%!important; width: 70%!important;}
}
@media only screen and (min-width: 0px) and (max-width: 780px) {
#rewards_status {left: 2%!important; width: 96%!important;}
}
@media only screen and (min-width: 0px) and (max-width: 570px) {
.xp_loyalty_items td {font-size: 14px; vertical-align: middle;}
.xp_loyalty_items th {font-size: 15px;}
#status_th {width: 13px;}
#status_th > span {display: none;}
.xp_log_date {display: none;}
.inner_descr_date {display: inline!important; white-space: nowrap;}
.book_block .book_title {line-height: 18px; font-size: 16px; -webkit-line-clamp: 3; max-height: 60px; }
.book_block .book_image {min-width: 100px; width: 100px; height: 80px;}
.description_book {padding-bottom: 20px;}
.description_book .type {line-height: 20px; font-size: 12px;}
.chapter {padding-left: 5px;}
}
@media only screen and (min-width: 0px) and (max-width: 425px) {
.started_user_emails {display: none;}
.referral_headerp .text h2, .xployalty_headerp .text h2 {font-size: 20px;}
.xp_loyalty_items td {font-size: 14px;}
.xp_loyalty_items th {font-size: 12px;}
}
@media only screen and (min-width: 0px) and (max-width: 410px) {
.referral_headerp, .xployalty_headerp {height: 143px;}
.referral_headerp .text, .xployalty_headerp .text {height: 143px;}
.referral_headerp .text h2, .xployalty_headerp .text h2 {top: 30%;}
#xppoints_progress {top: 125px; position: relative;}
#current_points, #current_points_name, #points_to_next_level, #max_reached_points {font-size: 15px;}
.xp_loyalty_items td {font-size: 12px; line-height: 20px;}
.xp_loyalty_items th {font-size: 10px;}
.xployalty_btn {font-size: 13px;}
}
.xp_earn_opportunity {width: 100%; min-height: 40px; position: relative; padding-top: 30px;}
.xp_earn_opport_description {display: block; text-align: center; padding: 10px 0; background-color: #f5f5f5;}
.xp_earn_opport_icon {display: block; margin: 0px auto 0; top: -27px; position: relative; width: 35px; height: 35px; border-radius: 35px; background-size: 97% auto; background-position: center center; background-repeat: no-repeat; background-color: #8474a9;}
.xp_earn_opport_icon.coupone_info {color: #fff; line-height: 43px; font-size: 15px; top: -33px; position: relative; width: 45px;
height: 45px; border-radius: 45px;}
.xp_earn_opport_icon.visit {background-image: url(/images/xp_loyalty/loyalty_my_club_white.svg); background-size: 71% auto;}
.xp_earn_opport_icon.renew_another_year {background-image: url(/images/xp_loyalty/loyalty_abonnement_white.svg); background-size: 71% auto; background-position: 4px center;}
.xp_earn_opport_icon.create_an_account {background-image: url(/images/xp_loyalty/loyalty_white.svg); background-size: 65% auto; background-position: 7px center;}
.xp_earn_opport_icon.make_a_purchase {background-image: url(/images/xp_loyalty/loyalty_webshop_white.svg); background-size: 70% auto; background-position: 5px center;}
.xp_earn_opport_icon.birthday_coins {background-image: url(/images/xp_loyalty/loyalty_cake_white.png);}
.xp_earn_opport_icon.referral {background-image: url(/images/xp_loyalty/my_personal_trainer_white.svg); background-size: 67% auto; background-position: 6px center;}
.xp_earn_opport_points {display: block; text-align: center; height: 30px; line-height: 30px; background-color: #8474a9; color: #fff; text-transform: uppercase;}
#convert_voucher_block {margin: 20px 0px;}
#convert_voucher_block .button {margin: 0px; font-size: 15px; cursor: pointer;}
#convert_voucher_block select { width: auto; margin: 0; height: auto;}
.convert_coupon_btn {background-color: #665788; color: #fff; text-transform: uppercase; margin: 5px 0; padding: 4px 35px; display: inline-block; cursor: pointer;}
#rewards_status { position: fixed; top: 13%; left: 40%; width: 40%; height: 180px; border: 1px solid #ccc; background-color: #fff; box-shadow: black 5px 5px 19px -11px; z-index: 100;}
#rewards_status .close_btn { margin: 0; float: right;}
.converting_info {display: block; width: 100%; text-align: center; margin: 74px auto;}
.converting_info .converting_text {font-weight: bold; color: #665788; font-size: 20px;}
/* referral module */
.button.mi {font-weight: 300;}
.ordandmorewrap { padding: 10px; text-align: center;}
.submit_buttons { -webkit-appearance: none; display: inline-block; height: 34px; line-height: 34px; padding: 0px 20px; color: #fff; margin: 20px 0 0 0; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-family: 'PT Sans', sans-serif; border: 0; cursor: pointer; }
.submit_buttons.right { float: right; }
.back_btn { float: left; display: block; height: 34px; line-height: 34px; padding: 0 10px; font-family: 'PT Sans', sans-serif; text-align: center; font-weight: bold; margin: 20px 0 10px 0; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #989b9b;} /* #ff7200 */
.submit_buttons_from_link { -webkit-appearance: none; display: inline-block; height: 34px; line-height: 34px; padding: 0px 20px; color: #fff; margin: 20px 0 0 0; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-family: 'PT Sans', sans-serif; border: 0; }
.back { float: left; display: block; width: 70px; height: 34px; line-height: 34px; padding: 0 10px; text-align: center; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #ff7200;}
#register_page input[type="submit"] { color: #ffffff; background-color: #ff7200;}
#register_page .submit_buttons_from_link { color: -1; background-color: -1;}
#register_page .back { color: -1; background-color: -1;}
#password_restore_page input[type="submit"] { color: #ffffff; background-color: #ff7200;}
#password_restore_page .submit_buttons_from_link { color: -1; background-color: -1;}
#password_restore_page .back { color: -1; background-color: -1;}
#change_password_page input[type="submit"] { color: #ffffff; background-color: #ff7200;}
#change_password_page .submit_buttons_from_link { color: -1; background-color: -1;}
#change_password_page .back { color: -1; background-color: -1;}
#register_thanks_page .submit_buttons { color: #ffffff; background-color: #ff7200;}
#profile_edit_page .back_btn { color: -1; background-color: -1;}
#profile_edit_page .submit_buttons { color: #ffffff; background-color: #ff7200; }
#profile_edit_page input[type="submit"], #profile_edit_page .submit_buttons_disable { color: #ffffff; background-color: #ff7200; }
#payment_wizard_page .back_btn { /* color: -1; background-color: -1; */ color: -1; background-color: #989b9b;}
#payment_wizard_page .back_btn:hover { background-color: #868585;}
#payment_wizard_page .submit_buttons { color: #ffffff; background-color: #ff7200; }
#payment_wizard_page input[type="submit"] { color: #ffffff; background-color: #ff7200; }
#wizard_membership_page .back_btn { color: -1; background-color: -1;}
#wizard_membership_page .submit_buttons { color: #ffffff; background-color: #ff7200; }
#wizard_membership_page input[type="submit"], #wizard_membership_page .submit_buttons_disable { color: #ffffff; background-color: #ff7200; }
#wizard_payment_page input[type="submit"], #wizard_payment_page .submit_buttons_disable { color: #ffffff; background-color: #ff7200; }
#wizard_payment_page .back_link { color: -1; background-color: -1; }
#trial_lesson_page input[type="submit"] {color: #ffffff; background-color: #ff7200;}
.submit_buttons_disable { -webkit-appearance: none; display: inline-block; height: 34px; line-height: 34px; padding: 0px 5px; color: #fff; margin: 20px 0 0 0; font-size: 12px; opacity: 0.5; text-transform: uppercase;  font-family: 'PT Sans', sans-serif; border: 0; }
#wizard_page input[type="submit"], #wizard_page .submit_buttons_disable { color: #ffffff; background-color: #ff7200; }
#wizard_register input[type="submit"] { color: #FFFFFF; background-color: #ff7200; }
#register_thanks_page #content { font-family: 'Open Sans', sans-serif; font-size: 14px; }
#password_restore_page #content p { font-family: 'Open Sans', sans-serif; font-size: 14px; }
#show_membership_page .description { font-size: 15px; font-family: 'Open Sans', sans-serif; background-color: #ffffff; color: #2c2c2c; padding: 15px; margin-bottom: 15px; overflow: hidden;}
#show_membership_page .description p { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #2c2c2c; }
#show_membership_page .description ul { list-style: initial; }
#show_membership_page .description li { margin-bottom: 10px; margin-left: 30px; }
#show_membership_page .button { margin: 0; }
#show_membership_page .imgwrap img {width: 100%; height: auto;}
.wizard_membership {background-color: #fff; padding: 10px; margin-bottom: 1px;}
.wizard_membership .membership_description { display: block; }
.wizard_membership div.price_per_period { margin-left: 5px; }
#wizard_payment_page .trial_lessons { width: 40%; margin: 40px auto; }
#wizard_payment_page input[type=text], #wizard_payment_page select { width: 100%; clear: both; }
#wizard_payment_page label { display: block; }
#wizard_payment_page .forcheck label {display: inline-block;}
#payment_wizard_to_pay_page input[type=text], #payment_wizard_to_pay_page select { width: 100%; clear: both; }
#payment_wizard_to_pay_page label { display: block; }
#payment_wizard_to_pay_page .forcheck label {display: inline-block;}
form .membership_item { background-color: #fff; padding: 15px 10px; overflow: hidden; margin-bottom: 1px;}
form .membership_item select.sub_payment_method_ideal, #wizard_payment_page .niceform form .membership_item select.sub_payment_method_ideal {clear: none; float: right; width: 30%; margin: 0px 5% 0px 0px; height: 22px; line-height: 22px; border: 1px solid #aaa;}
ul#products {margin: 0; padding: 0; list-style: none; text-align: justify;}
#products li { width: 31%; margin-bottom: 30px; background-color: #ffffff; text-align: center; display: inline-block; vertical-align: top;}
a.show_product { display: block; padding: 20px; padding-bottom: 0px; min-height: 200px; text-decoration: none; }
a.show_product h3 {font-size: 15px; color: #3c3c3c; text-transform: uppercase; display: -webkit-box; height: 42px; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
a.show_product .price {font-size: 23px; font-weight: bold; color: #3c3c3c;}
a.show_product .wrapfimg {display: block; height: 135px; width: 100%; overflow: hidden; text-align: center; margin-bottom: 10px;}
a.show_product .wrapfimg img {height: 100%; width: auto;}
#show_product_page .webshop.headerp .text {display: block; height: 100%; position: relative; }
#show_product_page .webshop.headerp .text h2 {display: inline-block; line-height: 65px; }
#show_product { padding: 30px; background-color: #ffffff; overflow: hidden; }
#show_product .main_product_img {position: relative; width: 100%; height: 0; margin: auto; padding-bottom: 100%;}
#show_product .main_product_img img {width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.app_design #show_product { border-radius: 15px; }
.app_design #show_product .main_product_img, .app_design #show_product .main_product_img img {border-radius: 15px;}
#show_product h2 { line-height: 20px; font-size: 20px; text-transform: uppercase; color: #3c3c3c; }
#show_product h3 { margin-bottom: 10px; font-size: 16px; text-transform: uppercase; color: #afafaf; }
#show_product h3.descr { color: #afafaf; }
.wrapimg {float: left; width: 30%; margin-right: 4%;}
.wraptext {float: left; width: 66%;}
.wrapimg .main_product_img {overflow: hidden; position: relative;}
#show_workshop, #show_event {background-color: #fff;}
#show_workshops_page .text h3, #show_events_page .text h3 { margin-bottom: 10px; font-size: 22px; text-transform: uppercase; color: #3c3c3c; font-weight: 300; line-height: 22px;}
#show_education_training_page .text h3, #show_education_training_page .text h3 { margin-bottom: 10px; font-size: 22px; text-transform: uppercase; color: #3c3c3c; font-weight: 300; line-height: 22px;}
#show_workshops_page .text h3 { color: #3c3c3c; }
#show_education_training_page .text h3, #show_education_page .text h3 { color: #3c3c3c; }
#show_events_page .text h3 { color: #3c3c3c; }
#show_workshops_page .workshop_description { color: #2c2c2c; }
#show_workshops_page .workshop_description ul { list-style: disc; margin-left: 20px; }
#bottom_buttons_for_mobile_mode {text-align: center; margin-top: 30px!important;}
#show_education_training_page .workshop_description, #show_education_page .workshop_description { color: #2c2c2c; }
#show_education_training_page .workshop_description ul, #show_education_page .workshop_description ul { list-style: disc; margin-left: 20px; }
#show_events_page .event_description { color: #2c2c2c; }
#show_events_page .event_description ul { list-style: disc; margin-left: 20px; }
#show_workshops_page .headerp, #show_events_page .headerp {margin: 0px;}
#show_education_training_page .headerp, #show_education_page .headerp {margin: 0px;}
#show_workshops_page .imgwrap, #show_events_page .imgwrap, #show_lessons_page .imgwrap {line-height: 0px;}
#show_education_training_page .imgwrap, #show_education_page .imgwrap {line-height: 0px;}
#show_workshops_page .imgwrap img, #show_events_page .imgwrap img, #show_lessons_page .imgwrap img {width: 100%; margin-top: -1px;}
#show_workshops_page .imgwrap_origin_img, #show_education_training_page .imgwrap_origin_img, #show_education_page .imgwrap_origin_img, #show_events_page .imgwrap_origin_img, #show_lessons_page .imgwrap_origin_img {line-height: 0px; height: 0px; padding-bottom: 40%; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #119e00;}
@media only screen and (min-width: 0px) and (max-width: 520px){
#show_workshops_page .imgwrap_origin_img, #show_education_training_page .imgwrap_origin_img, #show_education_page .imgwrap_origin_img, #show_events_page .imgwrap_origin_img, #show_lessons_page .imgwrap_origin_img {margin-top: 90px;}
.buttonsbottom .dib.fr .css_popup {width: auto;}
}
#show_education_training_page .imgwrap img, #show_education_page .imgwrap img {width: 100%; margin-top: -1px; max-width: 300px;}
#show_lessons_page .imgwraplogo {text-align: center; line-height: 0px; background-color: #ffffff;}
#show_lessons_page .imgwraplogo img {width: auto; max-height: 175px;}
#show_workshops_page .contentwr, #show_events_page .contentwr { clear: both; padding: 20px; font-size: 15px; font-family: 'PT Sans', sans-serif; color: #000000;}
#show_education_training_page .contentwr, #show_education_page .contentwr { clear: both; padding: 20px; font-size: 15px; font-family: 'PT Sans', sans-serif; color: #000000;}
#show_workshops_page .col1, #show_events_page .col1 {float: left; margin-right: 30px; padding-bottom: 20px; min-width: 170px;}
#show_education_training_page .col1, #show_education_page .col1 {float: left; margin-right: 30px; padding-bottom: 20px; min-width: 170px;}
#show_workshops_page .headerp h2 {line-height: 33px;}
#show_education_training_page .headerp h2, #show_education_page .headerp h2 {line-height: 33px;}
.available, .available_leftover { font-size: 14px; color: #3c3c3c; }
span#color_marker { display: inline-block; width: 14px; height: 14px; margin-right: 7px; border-radius: 8px; }
.available span#color_marker { background-color: #8dc63f; }
.not_available span#color_marker { background-color: #c14b48; }
.available_leftover span#color_marker { background-color: #ff8741; }
.product_price {margin: 0; margin-bottom: 10px; font-size: 23px; color: #3c3c3c; font-weight: bold; }
.product_price.disable { color: #d0d0d0!important;}
.product_description {position: relative; font-size: 14px; color: #3c3c3c;}
.product_description ul {list-style: disc; list-style-position: inside; margin-left: 20px;}
.product_description ol {list-style-position: inside; margin-left: 20px;}
#more_info_button {display: none; position: absolute; bottom: -3px; right: 0; z-index: 2; height: 25px; width: 50px; color: #fff; background-color: #989b9b; text-decoration: none; }
#more_info_button::before {font-family: "fontello"; width: 100%; text-align: center; display: block; line-height: 25px;}
#more_info_button.bottom_arrow::before {content: '\e832';}
#more_info_button.top_arrow::before {content: '\e835';}
#product_configuration #available_info { height: 38px; line-height: 38px; margin-top: 10px; margin-left: 0px; }
.button {white-space: nowrap; display: inline-block; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; height: 30px; line-height: 30px; font-family: 'PT Sans', sans-serif; font-size: 13px; padding: 0px 15px; margin: 0px 5px; }
td.button {white-space: nowrap; font-weight: 700; display: table-cell; text-align: center; text-transform: uppercase; text-decoration: none; color: #3c3c3c; height: 30px; line-height: 30px; font-family: 'PT Sans', sans-serif; font-size: 13px; margin: 0px 5px; }
.order { margin: 15px 5px;}
.app_design.show_workshops .order {margin: 0px 5px;}
#show_product .order { margin: 15px 0;}
.button.disabled {color: #fff!important;  background-color: #989b9b!important;}
#calendar_wrap { position: relative; }
#lessons_page #calendar_wrap { border-bottom: 2px solid #ffffff;}
.allmonthwrap { position: relative; text-align: left; overflow: hidden; white-space: nowrap; height: 46px; }
#allmonths {height: 46px;}
.allmonthwrap a {width: 85px; height: 46px; display: block; float:left; padding: 10px 0px; color: #ffffff; font-family: 'PT Sans', sans-serif; font-size: 13px; line-height: 13px; text-transform: uppercase; text-align: center; text-decoration: none; margin:0px; margin-right: 3px;}
.allmonthwrap a span {display: block; font-weight: bold;}
#next_day, #prev_day {background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0; right: 0px; display: inline-block; width: 10px; height: 26px; padding: 10px 5px; background-position: center center; background-repeat: no-repeat; line-height: 13px; margin: 0px; vertical-align: bottom; cursor: pointer; }
.arrow_for_calendar { background-color: transparent; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; margin: 0px; vertical-align: bottom; cursor: pointer; }
#prev_day { left: 0px; right: auto; }
#next_day:hover, #prev_day:hover {background-color: rgba(255, 255, 255, 0.8); transition: all 0.4s;}
.m_left_w, #prev_day { background-image: url("/club_portal/arrowleft.png"); }
.m_right_w, #next_day { background-image: url("/club_portal/arrowright.png"); }
.headlesson h3, .headworkshop h3, .headevent h3 { padding-right: 80px; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 28px; text-transform: uppercase; color: #3c3c3c; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 28px; overflow: hidden;}
.headlesson h3 { color: #3c3c3c; }
.headworkshop h3 { color: #3c3c3c; }
.headevent h3 { color: #3c3c3c; }
.timelesson {float: left; height: 30px; display: inline-block; line-height: 30px; color: #ffffff; font-family: 'PT Sans', sans-serif; font-size: 13px; padding: 0px 15px; font-weight: bold; text-transform: uppercase; margin-right: 10px; }
.bodylesson, .bodyworkshop, .bodyevent { display: -webkit-box; height: 43px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 69px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; clear: both;}
.bodylesson.online_lesson {display: inherit;}
.bodylesson { max-height: 43px; height: auto; color: #3c3c3c}
.bodylesson.online_lesson { max-height: inherit; }
.bodyworkshop { max-height: 43px; height: auto; color: #3c3c3c; }
.bodyevent { max-height: 43px; height: auto; color: #3c3c3c; }
.givendata, .givenby {display: inline-block; line-height: 30px; padding: 0px 10px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 13px; margin-bottom: 10px; overflow: hidden;}
.givendata, .givenby {max-height: 60px; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: ellipsis;}
#lessons_page .givenby, #lessons_page .givendata { color: #2c2c2c}
.trainer {color: #a2a2a2; font-size: 13px; line-height: 28px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
#lessons_page .trainer {color: #a2a2a2; }
#workshop_page .trainer {color: #119e00; }
#events_page .trainer {color: #119e00; }
.filterhead, #fixedhead {min-height: 42px; line-height: 42px; font-size: 16px; text-transform: uppercase; box-sizing: border-box; padding: 0px 20px; margin-top: 15px; clear: both; background: #46631f; color: #ffffff; font-weight: 500; }
#fixedhead {position: fixed; top: 0px; z-index: 90; margin-top: 0px; }
#membership_page .filterhead {margin-bottom: 10px; margin-top: -50px;}
#membership_page .filterhead.first {margin-top: 0px;}
.levels_challenges .filterhead {position: relative;}
.levels_challenges .status {position: absolute; top: 50%; right: 5px; height: 30px; width: 30px; border-radius: 50%; transform: translateY(-50%); background-color: #ffffff; border: 2px solid #bfbfbf;}
.levels_challenges .status.checked::before {position: absolute; top: 50%; left: 50%; content: "\2713"; transform: translate(-50%, -50%); color: #7c7360; font-size: 22px; font-weight: 700; }
ul.lessons li {margin-top: 10px; background-color: #ffffff; box-sizing: border-box; position: relative;}
.level_chelenge_item {margin-top: 10px; background-color: #ffffff; box-sizing: border-box; position: relative; min-height: 42px; display: flex;}
ul.workshops li {margin-top: 10px; background-color: #ffffff; box-sizing: border-box; position: relative;}
ul.events li {margin-top: 10px; background-color: #ffffff; box-sizing: border-box; position: relative;}
ul.workshops .imgwrap, ul.lessons .imgwrap, ul.events .imgwrap {float: left; line-height: 0px; margin: 0px; width: 20%; }
ul.workshops .imgwrap img, ul.lessons .imgwrap img, ul.events .imgwrap img {width: 100%; max-height: 100%;}
ul.workshops .textwrap, ul.lessons .textwrap, ul.events .textwrap { position: relative; float: left; width: 80%; padding: 20px; padding-top: 13px; padding-bottom: 0px; box-sizing: border-box;}
.media_block {max-width: 400px; width: 100%; line-height: 0;}
.app_design.levels_challenges .media_block .wrapiframe iframe {border-radius: 0;}
.media_block img {width: 100%; height: auto;}
.level_chelenge_item .description {width: 100%; padding: 20px; padding-top: 45px; box-sizing: border-box;}
.imgwraptablet {display: none; width: 12%; float: left; line-height: 0px;}
.imgwraptablet img {width: 100%; height: auto;}
.buttonsbottom .button, .buttonsbottom .givenby, .buttonsbottom .givendata {margin: 0px;}
.buttonsbottom .button {margin: 0 10px; float: right; display: block;}
.buttonsbottom {position: relative; clear: both; float: right; right: 0px; bottom: 0px; width: 80%; box-sizing: border-box; padding: 20px; }
.wuseravatar {width: 100%; clear: both; display: flex; margin-bottom: 25px; flex-direction: row; align-items: center; flex-wrap: nowrap; float: none; text-align: center; }
.wuseravatar img {width: 100%; height: auto;}
.wuseravatar a, #privacy_declaration_block a {font-size: 14px; line-height: 21px; color: #ff7200}
.wuseravatar a.logoutlink, #privacy_declaration_block a.logoutlink {line-height: 34px;}
#privacy_declaration_block a {clear: left; display: block;}
.textinfouser {float: left; width: 70%; margin-left: 5%; margin-bottom: 20px; line-height: 24px; font-size: 14px; }
.textinfouser li p { color: #868585}
.textinfouser li h3 { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #000000;}
.logoutlink { float: right; font-weight: 700; display: inline-block; padding: 0px 20px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; height: 34px; line-height: 34px; margin-top: 20px; color: #fff; font-size: 14px; border: 0; }
.headerp { margin-bottom: 30px; color: #fff; position: relative; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; padding: 20px; padding-left: 120px; min-height: 105px;}
.headerp h2 {font-family: 'Open Sans', sans-serif; font-weight: 500; color: #fff; font-size: 20px; text-transform: uppercase;}
.headerp span.i {background-repeat: no-repeat; display: inline-block; height: 105px; width: 118px; position: absolute; left: 0px; top: 0px; background-position: center;}
.abonnement span.i {background-size: 55% 60%;}
.lessen span.i {background-size: 60% 60%;}
.online_lessen span.i {background-size: 60% 60%;}
.webshop span.i {background-size: 60% 60%;}
.workshop span.i {background-size: 60% 60%;}
.event span.i {background-size: 60% 60%;}
#show_lessons_page .headerp { padding-right: 135px; margin-bottom: 0px; min-height: 95px; }
#membership_page .headerp h2, #membership_page .headerp .text { color: #ffffff; }
#show_membership_page .headerp h2, #show_membership_page .headerp .text, #show_membership_page .headerp .text * { color: #ffffff; }
#lessons_page .headerp h2, #lessons_page .headerp .text { color: #ffffff; }
#show_lessons_page .headerp h2, #show_lessons_page .headerp .text { color: #ffffff; }
#online_lessons_page .headerp h2, #online_lessons_page .headerp .text { color: #fff; }
#show_online_lessons_page .headerp h2, #show_online_lessons_page .headerp .text { color: #fff; }
#workshop_page .headerp h2, #workshop_page .headerp .text { color: #ffffff; }
#show_workshops_page .headerp h2, #show_workshops_page .headerp .text, #show_workshops_page .headerp .text * { color: #ffffff; }
#education_training_page .headerp h2, #education_page .headerp .text { color: #ffffff; }
#show_education_training_page .headerp h2, #show_education_training_page .headerp .text, #show_education_training_page .headerp .text * { color: #ffffff; }
#show_education_page .headerp h2, #show_education_page .headerp .text, #show_education_page .headerp .text * { color: #ffffff; }
#events_page .headerp h2, #events_page .headerp .text { color: #ffffff; }
#show_events_page .headerp h2, #show_events_page .headerp .text, #show_events_page .headerp .text * { color: #ffffff; }
#products_page .headerp h2, #products_page .headerp .text { color: #ffffff; }
#show_product_page .headerp h2, #show_product_page .headerp .text, #show_product_page .headerp .text * { color: #ffffff; }
.no_show_icon { border: 2px solid #ff4400; margin: 10px 15px 10px 0px; height: 15px; width: 15px; border-radius: 20px; color: black; float: left; line-height: 10px; font-size: 30px; text-align: center;}
.nice_checkbox { vertical-align: top; margin: 0 3px 0 0; width: 24px; height: 24px; }
.nice_checkbox + label { cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: visible;}
.nice_checkbox:not(checked) { position: absolute; opacity: 0; }
.nice_checkbox:not(checked) + label { position: relative; padding: 0 0 0 30px; }
.nice_checkbox:not(checked) + label:before { content: ''; position: absolute; top: 0; left: 0; width: 17px; height: 17px; background-color: #fff; }
.nice_checkbox.disabled {color: #ccc; pointer-events: none;}
#wizard_page .nice_checkbox:not(checked) + label:before { background-color: #ffffff; }
#profile_edit_page .nice_checkbox:not(checked) + label:before { background-color: #ffffff; }
#payment_wizard_page .nice_checkbox:not(checked) + label:before { background-color: #ffffff; }
#wizard_payment_page .nice_checkbox:not(checked) + label:before { background-color: #ffffff; }
#payment_wizard_to_pay_page .nice_checkbox:not(checked) + label:before { background-color: #ffffff; }
.nice_checkbox:not(checked) + label:after { content: ''; position: absolute; top: -10px; left: -2px; width: 26px; height: 26px; background-position: center center; background-repeat:  no-repeat; background-image: none; transition: all .2s; }
.nice_checkbox:checked + label:after { background-image: url("/club_portal/checked.png");}
.nice_checkbox.round + label:before { border-radius: 20px; border: 2px solid #bfbfbf; width: 19px; height: 19px;}
.nice_checkbox.round:checked + label:before { border: 2px solid #78a836!important; }
.nice_checkbox.round + label:after { top: -8px; left: 1px; }
#show_lessons_page .headerp { padding-right: 105px; margin-bottom: 0px; min-height: 95px; }
#lessons_page ul.lessons li { position: relative; }
.datetimewrap { display: block; position: absolute; top: 0px; right: 0px; height: 100%; max-width: 105px; }
#lessons_page .datetimewrap { position: relative; height: 100%; max-width: 105px; float: left;}
#lessons_page .datetimewrap .datelesson { padding: 8px 14px; padding-bottom: 38px;}
#events_page .datetimewrap { position: relative; height: 100%; max-width: 105px; float: left;}
#events_page .datetimewrap .datelesson { padding: 8px 14px; padding-bottom: 38px;}
.datetimewrap .pr { display: block; position: relative; height: 100%; background-color: #fff; text-align: center;}
#show_lessons_page .datetimewrap .pr { background-color: #ffffff; }
.datetimewrap .datelesson { display: block; padding: 17px 16px; line-height: 15px; text-transform: uppercase;  color: #ff7200; font-size: 13px; padding-bottom: 47px; }
#show_lessons_page .datetimewrap .datelesson { color: #ff7200; }
.datetimewrap .datelesson span { font-size: 17px; display: block; font-weight: bold;}
.datetimewrap .timelesson {display: block; width: 100%;  margin: 0px; padding: 0px; position: absolute; bottom: 0px; right: 0px;}
#lessons_page .datetimewrap {margin-right: 10px;}
#show_lessons_page #image_gallery { width: 100%; clear: both; }
#show_lessons_page #image_gallery img { width: 50%; float: left; margin: 0; padding: 0;}
#show_lessons_page #show_lesson { padding: 15px; background-color: #fff; overflow: hidden;}
.trainer_info { width: 28%; float: left; margin-right: 4%; background-color: #ebebeb; text-align: center; margin-bottom: 20px;}
.trainer_info img { width: 100%; height: auto; margin: 0; padding: 0; }
.trainer_info .trainernw {padding: 20px 0px; font-size: 13px; text-transform: uppercase;}
.trainer_info .trainernw span { color: #119e00; display: block; font-weight: bold; }
#show_events_page .givenby, #show_events_page .givendata { vertical-align: top; }
#show_events_page .col1 { max-width: 175px; }
#show_workshops_page .givenby, #show_workshops_page .givendata {vertical-align: top;}
#show_workshops_page .col1 { max-width: 175px; }
#show_education_page .givenby, #show_education_page .givendata {vertical-align: top;}
#show_education_training_page .givenby, #show_education_training_page .givendata {vertical-align: top;}
#show_education_training_page .col1, #show_education_page .col1 { max-width: 175px; }
#show_lessons_page .lessons_btns.desc { float: left; width: 68%;}
#show_lessons_page .lessons_btns.desc .button {margin: 0px; margin-bottom: 5px;}
#show_lessons_page .lessons_btns.tab, #show_lessons_page .lessons_btns.mob {display: none; float: left; width: 100%;}
#show_lessons_page .lessons_btns.tab .button, #show_lessons_page .lessons_btns.mob .button {margin: 0px; float: right; width: 25%; text-align: center; box-sizing: border-box; }
#show_lessons_page .lessons_btns.mob .button, #show_lessons_page .lessons_btns.tab.nogratprof .button { width: 50%;}
#show_lessons_page .lessons_btns.mob.nogratprof .button { width: 100%;}
#show_lessons_page .lessons_btns.tab .button.sd {margin: 0px; float: left; width: 50%; text-align: center; box-sizing: border-box;}
#show_lessons_page .lessons_btns.mob .button.sd {margin: 0px; float: left; width: 100%; text-align: center; box-sizing: border-box;}
#show_lessons_page .lessons_btns .button.sd .arrowleft, #show_lessons_page .lessons_btns .datelessonslide .arrowright {position: absolute; top: 0px; left: 0px; cursor: pointer; display: inline-block; height: 30px; width: 30px; background: url("/club_portal/arrowleft.png") center center no-repeat #f5f5f5;}
#show_lessons_page .lessons_btns .button.sd .arrowright {background: url("/club_portal/arrowright.png") center center no-repeat #f5f5f5; left: auto; right: 0px;}
#show_lessons_page .lesson_description { float: left; width: 68%; margin-top: 15px; font-size: 13px;}
#show_lessons_page .lesson_description p { font-size: 13px; margin-bottom: 10px; }
#show_lessons_page .lesson_description br { margin: 0 0 10px 0; }
#show_lessons_page .lesson_description p br { display: none; }
#show_lessons_page .lesson_description ul { list-style: disc; padding-left: 30px; }
#show_lessons_page img { width: 100%; height: auto; margin: 0; padding: 0;}
.lesson_attendees {width: 25%; background-color: #f6f5f5; padding: 10px;}
.lesson_attendees > h3 {text-transform: uppercase; font-size: 15px; padding: 10px 0 10px 0;}
.lesson_attendees > span {font-family: 'PT Sans', sans-serif; width: 100%; font-size: 13px; color: #2c2c2c; display: inline-block; line-height: 30px; height: 30px; text-transform: uppercase; border-bottom: 1px solid #ccc; }
#show_lessons_page .css_popup_content img { width: auto; height: auto; margin: 0; padding: 0;}
#show_lessons_page .lessons_btns.desc .css_popup_content .button {float: right; margin: 10px 0px; min-width: 220px;}
#show_event .event_btns.desc, #show_workshop .event_btns.desc { float: left; width: 68%;}
#show_event .event_btns.desc .show_price, #show_workshop .workshop_btns.desc .show_price {position: relative; float: none; right: auto; display: inline-block; line-height: 30px; padding: 0px 10px; margin-left: 5px;}
#show_events_page #show_event .show_price span, #show_workshops_page #show_workshop .show_price span, #show_education_training_page #show_workshop .show_price span, #show_education_page #show_workshop .show_price span { font-size: 15px;}
#show_event .event_btns.tab, #show_events_page .event_btns.mob, #show_workshop .workshop_btns.tab, #show_workshops_page .workshop_btns.mob, #show_education_training_page .workshop_btns.mob, #show_education_page .workshop_btns.mob {display: none; float: left; width: 100%; position: relative;}
#show_event .event_btns.tab .givenby, #show_workshops_page .workshop_btns.tab .givenby, #show_education_training_page .workshop_btns.tab .givenby, #show_education_page .workshop_btns.tab .givenby {margin: 0px; float: left; width: 50%; text-align: center; box-sizing: border-box;}
#show_event .event_btns.tab .button.di, #show_workshop .workshop_btns.tab .button.di {margin: 0px; float: left; width: 50%; text-align: center; box-sizing: border-box;}
#show_event .event_btns.tab .show_price, #show_workshop .workshop_btns.tab .show_price {width: 100%; position: relative; text-align: center; box-sizing: border-box; margin: 0px; padding: 0px; height: 30px; line-height: 30px;}
#show_events_page .event_btns.mob .givenby, #show_workshops_page .workshop_btns.mob .givenby, #show_education_training_page .workshop_btns.mob .givenby , #show_education_page .workshop_btns.mob .givenby {margin: 0px; float: none; width: 100%; text-align: center; box-sizing: border-box;}
#show_events_page .event_btns.mob .button.di, #show_workshops_page .workshop_btns.mob .button.di, #show_education_training_page .workshop_btns.mob .button.di, #show_education_page .workshop_btns.mob .button.di  {margin: 0px; float: none; width: 100%; text-align: center; box-sizing: border-box;}
#show_events_page .event_btns.mob .show_price, #show_workshops_page .workshop_btns.mob .show_price, #show_education_training_page .workshop_btns.mob .show_price , #show_education_page .workshop_btns.mob .show_price {width: 100%; position: relative; text-align: center; box-sizing: border-box; margin: 0px; padding: 0px; height: 30px; line-height: 30px;}
.button.sd { position: relative; font-family: 'PT Sans', sans-serif; padding: 0px 35px; font-size: 13px; color: #2c2c2c; display: inline-block; line-height: 30px; height: 30px; text-transform: uppercase; background-color: #ebebeb; }
#show_lessons_page .button.sd { color: #2c2c2c; background-color: #ebebeb; }
.change_sd { display: inline-block; cursor: pointer; width: 30px; height: 30px; line-height: 30px; background-position: center center; background-repeat: no-repeat; background-color: #f5f5f5; position: absolute; top: 0px; }
.change_sd.l { background-image: url("/club_portal/left_arrow.png"); float: left; left: 0px; }
.change_sd.r { background-image: url("/club_portal/right_arrow.png"); float: right; right: 0px; }
span.change_sd { opacity: 0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray; }
.pagination {padding: 2% 0px; clear: both; height: 30px; display: block;}
.pagination a { background-color: #fff; margin: 2px; text-align: center; width: 25px; height: 25px; line-height: 25px; display: block; float: left; color: #696a6c; text-decoration: none; font-weight: 600;}
.pagination a:hover { transition: all 0.2s ease; text-decoration: none;}
.pagination span { margin: 2px; text-align: center; width: 25px; height: 25px; line-height: 25px; display: block; float: left; color: #696a6c; font-weight: 800;}
.changepas {margin: 0px; margin-top: 20px; height: 34px; line-height: 34px; }
/* color scheme */
#left_menu li span.csf.dashboard { background-color: #720b28;}
#left_menu li span.csf.home { background-color: #720b28;}
#left_menu li span.csf.recurring, #index_page .modules li a.abonnement, .abonnement, #membership_page .pagination span { background-color: #007dcd;}
#membership_page .memberorder { background-color: #d9d6d0; color: #7c7360;}
#show_membership_page .memberorder { background-color: #007dcd; color: -1;}
.allmonthwrap a, .timelesson { background-color: #afd779; }
#left_menu li span.csf.college, #index_page .modules li a.lessen, .lessen, .allmonthwrap a.allweekb, #lessons_page .pagination span, .cancel, .reserve { background-color: #119e00; }
#left_menu li span.csf.online_lessons, #index_page .modules li a.online_lessons, .online_lessons, #online_lessons_page .pagination span, span.csf.online_lessons { background-color: #119e00; }
#left_menu li span.csf.coaching, #index_page .modules li a.coaching, .coaching, #coaching_page .pagination span, #index_page .modules li a.activity_connections { background-color: #119e00; font-size: 20px; }
.button.di.second_line {clear: both;}
#lessons_page .button.di { background-color: #119e00; color: -1}
#online_lessons_page .button.di { background-color: #119e00; color: -1}
#show_lessons_page .button.di { background-color: #119e00; color: #ffffff }
#online_lessons_page .button.di, .common_popup .button.di, #donation_popup .button.di, #gift_details_popup .button.di { background-color: #119e00; color: #ffffff }
#donation_popup img {width: 100%; height: auto;}
#gift_details_popup textarea {margin-top:10px; height:100px; width:100%;}
#workshop_page .button.di { background-color: #00b7b9; color: #ffffff }
#show_workshops_page .button.di { background-color: #00b7b9; color: -1 }
#education_training_page .button.di, #education_training_page .button.fully_booked { background-color: #f9b000; color: #ffffff }
#show_education_training_page .button.di, #show_education_training_page .button.fully_booked { background-color: #f9b000; color: #ffffff }
#education_page .button.di, #education_page .button.fully_booked { background-color: #ee7d22; color: #ffffff }
#show_education_page .button.di, #show_education_page .button.fully_booked { background-color: #ee7d22; color: #ffffff }
#events_page .button.di { background-color: #7900b7; color: -1 }
#show_events_page .button.di { background-color: #7900b7; color: -1 }
.button.order { background-color: #b2103f; color: -1 }
.button.order { background-color: #b2103f; color: -1 }
.button.order { cursor: pointer; }
#lessons_page .button.di, #workshop_page .button.di, #events_page .button.di, #online_lessons_page .button.di {min-width: 220px; padding: 0 15px;}
#left_menu li span.csf.workshop, #index_page .modules li a.workshop, .workshop, #workshop_page .pagination span { background-color: #00b7b9; }
#left_menu li span.csf.education_training, #index_page .modules li a.education_training, .education_training, #education_training_page .pagination span  { background-color: #f9b000; }
#left_menu li span.csf.education, #index_page .modules li a.education, .education, #education_page .pagination span { background-color: #ee7d22; }
#left_menu li span.csf.event, #index_page .modules li a.event, .event { background-color: #00b7b9; }
#left_menu li span.csf.date_2_small, #index_page .modules li a.event, .event, #events_page .pagination span {background-color: #7900b7; }
#left_menu li span.csf.shopping_purse, #index_page .modules li a.webshop, .webshop, #products_page .pagination span { background-color: #b2103f; }
#left_menu li span.csf.lock, #index_page .modules li a.lock, .logoutlink, input[type="submit"], .changepas, .submit_buttons, span.csf.lock { background-color: #ff7200; }
#wizard_payment_page .back_link { padding: 0; }
#wizard_payment_page .submit_buttons_disable { padding: 0px 3px; }
#lessons_page .timelesson { background-color: #afd779; }
.button.mi { background-color: #262626; color: #ffffff; }
#membership_page .mi { background-color: #ffffff; color: #7c7360; }
#lessons_page .mi { background-color: -1; color: -1; }
#workshop_page .mi { background-color: -1; color: -1; }
#events_page .mi { background-color: -1; color: -1; }
.button.gp {background-color: #f6ff00; color: #3c3c3c; font-weight: 600; }
.givenby, .givendata { background-color: #ebebeb; }
.givenby .d_time { color: #ff7200; }
#lessons_page .givenby { background-color: #ebebeb;}
#workshop_page .givenby { background-color: #ebebeb; color: #2c2c2c; box-sizing: border-box; }
#workshop_page .givendata { background-color: #f1f1f1; color: #3c3c3c}
#events_page .givendata { background-color: #f1f1f1; color: #3c3c3c}
#events_page .givenby { background-color: #ebebeb; color: #2c2c2c}
.show_price { float: right; background-color: #f6ff00; padding: 10px; position: absolute; top: 0px; right: 0px; }
.show_price span { font-weight: bold; color: #555454; }
#show_workshops_page .show_price, #show_events_page .show_price { padding: 10px;}
#show_workshops_page .show_price span, #show_events_page .show_price span { font-size: 20px; }
#show_education_training_page .show_price, #show_education_page .show_price { padding: 10px;}
#show_education_training_page .show_price span, #show_education_page .show_price span { font-size: 20px; }
#trials { background-color: #fff; overflow: hidden; padding: 15px; margin-bottom: 20px;}
#trials label { display: block; margin: 7px 0 7px 0; text-transform: capitalize; color: #303030; font-size: 16px; text-transform: capitalize; }
#trials .trial_date { margin: 0 0 0 10px; font-weight: bold; }
#trials .trial_time { margin: 0 0 0 10px; color: #ff7200; text-transform: none;}
#trials .trial_day { display: block; clear: both; max-width: 100%; padding: 10px; margin-bottom: 3px; cursor: pointer; background-color: #fff6ce; color: #736f5c; text-transform: capitalize; font-weight: bold;}
#trials .trial_day:hover { text-decoration: underline; }
#trials .trial_day > span { float: right; }
#trials .trial_activity { width: 100%; display: block;}
#trials .trial_activity label { }
#trials .titleweek { cursor: pointer; margin-bottom: 10px; font-weight: bold; color: #ff7200; }
#trials .trial_week { margin: 20px 0; }
#color_edit_block_wrap { z-index: 10000; height: 100%; position: fixed; top: 0px; right: 0px; }
#uploaders { overflow: hidden;  }
#progress_bar_attachment1, #progress_bar_attachment2 { float: left; }
#uploaders .qq-uploader span { color: #fff; font-size: 15px;}
#uploaders .qq-upload-button { white-space: nowrap; width: auto; background-color: #ccc; color: #333; font-size: 15px; text-align: center; border-radius: 1px; padding: 3px; margin-bottom: 5px; margin-right: 15px; }
#uploaders .qq-upload-list { display: none; }
#color_schemes { width: 100%; margin-top: 20px; overflow: hidden; }
#color_schemes h3 { color: #fff; font-weight: normal; margin-bottom: 20px; }
#color_schemes li { float: left; margin-right: 20px; }
#color_schemes li:nth-of-type(3n) { float: none; margin-right: 0px; }
#color_schemes a { display: inline-block; width: 120px; text-decoration: none; color: #fff; }
#color_schemes a:hover { color: red; }
#color_schemes a img { margin-top: 10px; display: block; width: 100px; height: auto; }
#color_edit_block { padding: 10px 35px 5% 35px; height: 95%; overflow-y: scroll; background-color: #3c3c3c;}
#color_edit_block p { height: 25px; padding: 0px; margin: 0; cursor: pointer; color: #fff; }
#color_edit_block p:hover { color: red; }
.colorpicker { z-index: 10005 !important;}
#colors { margin-top: 20px; }
.colorName > input[type=text] { float: right; width: 72px; padding: 1px; margin-left: 10px; height: 20px; line-height: 20px; margin: 0 0 2px 10px; border-radius: 1px;}
.btn_box { position: absolute; top: 40%; left: 0px; z-index: 10005; text-align: center; padding: 30px 0; border-right: 1px dashed #8a8a8a; }
.move_btn { width: 27px; height: 30px; text-align: center; background-position: center center; background-repeat: no-repeat; background-color: #3c3c3c; text-transform: uppercase; cursor: pointer; }
.m_left { background-image: url("/club_portal/icons/change_colors/move_left.png"); }
.m_right { background-image: url("/club_portal/icons/change_colors/move_right.png"); }
.save_btn { cursor: pointer; width: 27px; height: 30px; margin: 0px auto; text-align: center; background: url("/club_portal/icons/change_colors/save_btn.png") center center no-repeat; }
.set_default_btn { cursor: pointer; width: 27px; height: 30px; margin: 0px auto; text-align: center; background: url("/club_portal/icons/change_colors/set_default.png") center center no-repeat; }
.close_btn { cursor: pointer; width: 27px; height: 30px; margin: 0px auto; text-align: center; background: url("/club_portal/icons/change_colors/close.png") center center no-repeat; }
.prev_btn { cursor: pointer; width: 20px; height: 20px; margin-left: 10px; float: right; background: url("/club_portal/icons/change_colors/prev.png") center center no-repeat; }
.legal_info ul {list-style: disc; padding-left: 20px;}
.training_info {width: 60%; float: left; padding: 0px; box-sizing: border-box;}
.register_reservation_btns {background-color: #afd779; text-align: center;}
.training_info .headerp {margin-bottom: 0px; background-color: #119e00; text-align: left;}
.training_info .imgwrap {line-height: 0px;}
.training_info .imgwrap img {width: 100%; height: auto;}
.wrapper_of_training_content {width: 40%; float: left; padding-left: 2%; box-sizing: border-box; }
.list_of_training {background-color: #f5f5f5; padding: 0px 15px;}
.list_of_training_more_button { display: none; background-color: #f5f5f5; padding: 15px; text-align: center; color: #119e00; cursor: pointer;}
.trainer_header span.i{ background-image: url(/club_portal/icons/college.png); box-sizing: border-box; display: block; float: left; margin-right: 15px; height: 50px; width: 40px; line-height: 50px; background-position: center center; background-repeat: no-repeat;}
.trainer_header {background-color: #119e00; color: #fff; line-height: 50px; text-transform: uppercase; font-size: 16px; font-weight: 600;}
.digit {background-color: #fff; display: inline-block; height: 20px; width: 20px; border-radius: 20px; color: #ff7200; font-size: 12px; line-height: 20px; text-align: center; font-weight: 900;}
.reserv_size {text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 13px; line-height: 20px; padding-right: 30px; margin-top: 5px; display: inline-block; font-weight: 700;}
.register_buttons {float: left;}
.register_button {background-color: #119e00; margin-right: 10px; text-decoration: none; font-weight: 700; line-height: 30px; display: inline-block; color: #fff; padding: 0px 15px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 13px;  }
.register_button.confirm {margin: 18px 0px; background-color: #ff7200;}
.training_info .lessons_btns.desc {float: right;}
.training_info .wrap_content {padding: 10px; background-color: #ffffff; text-align: left;}
.training_info .wrap_content.header {padding-bottom: 0px;}
.training_info .wrap_content.header #commission_amount {padding: 0px 10px;}
#widx {width: 45%; float: right; height: 30px; line-height: 30px; margin-right: 10px; font-size: 13px; padding: 0px 10px;}
.list_of_training span.check_bulletpoint { display: inline-block; width: 15px; height: 30px; margin-right: 10px; background-image: url("/club_portal/icons/check_bulletpoint_orange.png"); background-position: left center; background-repeat: no-repeat; }
.list_of_training span.check_arrow_select { display: inline-block; width: 14px; height: 30px; margin-right: 10px; background-image: url("/club_portal/icons/arrowleftorange.png"); background-position: left center; background-repeat: no-repeat; }
.list_of_training .items tr { border-top: 1px solid #c2c2c2; cursor: pointer;}
.list_of_training .items .select_reserv {font-weight: 700;}
.list_of_training .items .items_bulletpoint {width: 5%;}
.list_of_training .items .items_date {width: 35%; display: block;}
.list_of_training .items .item_title {width: 35%;}
.list_of_training .items .item_price {width: 25%; text-align: right;}
.membership_reservations_block { width: 100%; float: left; box-sizing: border-box; margin-bottom: 20px;}
.user_reserv_information {display: flex; flex-direction: column; line-height: normal;}
.user_reserv_paiment {font-size: 0.7em; text-transform: none;}
.trial_reservations_block { width: 46%; padding: 0px 2%; float: left; }
.membership_reservations_block h3, .trial_reservations_block h3 {padding-top: 0px; color: #2c2c2c; font-size: 16px; text-transform: uppercase; line-height: 40px; display: inline-block; width: 100%;}
.user_reserv { min-height: 40px; border-bottom: 1px solid #c2c2c2; padding: 0px 2%;}
.user_reserv::after {content: ""; display: block; clear: both;}
.user_reserv .nice_checkbox:not(checked) + label {display: block; font-size: 16px; font-weight: 400; line-height: 40px; margin-bottom: 0; }
.user_reserv .nice_checkbox:not(checked) + label:before {content: ''; position: absolute; top: 11px; left: 0; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 14px; }
.user_reserv .nice_checkbox:not(checked) + label:after {content: ''; position: absolute; top: 5px; left: 2px; width: 20px; height: 20px;}
.user_reserv .nice_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;}
.user_reserv .nice_checkbox:checked + label:before {border: 2px solid #78a836;}
.user_reserv .nice_checkbox:checked + label:after {background-image: url(/club_portal/checkednew.png);}
.user_reserv .nice_checkbox:not(checked) + label {padding: 0 0 0 35px;}
.user_reserv .colum_levels_chelenges .nice_checkbox:not(checked) + label {padding: 0 0 0 22px;}
.colum_user, .colum_levels_chelenges, .level_chelenge {display: inline-block;}
.colum_waiting_list {display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: space-between;}
.colum_levels_chelenges {float: right;}
.level_chelenge {padding: 0 5px;}
.mobile {display: none;}
.remote_add_content {max-width: 436px; background-color: #fff6ce; margin: auto; padding: 30px;}
#remote_add_content_video_forms {max-width: 800px; padding: 5px; width: calc(100% - 10px);}
.app_design.internal_online_lessons .remote_add {max-width: none;}
.remote_add_content input[type="text"] {border: 1px solid #bebebe; text-transform: uppercase; font-size: 13px; color: #262626;}
.remote_add_content h3 {color: #2c2c2c; text-transform: uppercase; font-size: 16px;}
.list_of_training .items {width: 100%; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 28px; }
.list_of_training .title_obj {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 28px; padding: 0px 5px; width: 70%; float: right;}
.remote_add_content #object_user_name {background-image: url(/club_portal/icons/search_g.png);  background-position: 98% center; background-repeat: no-repeat;}
.res_show_mobile {display: none; color: #ff7200;}
.not_show {display: none !important;}
#lessons_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#workshop_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#header .current_user_info .logoutlink {color: #ffffff}
#show_workshops_page .workshop_description .givenby {background-color: #ebebeb}
#membership_page .filterincont h1 {color: #757575}
#products_page .filterincont h2 {color: -1}
#left_menu .btn_on_ws span {background-color: #161616}
#password_restore_page input[type='text'], #password_restore_page input[type='text']::placeholder, #password_restore_page input[type='text']::-webkit-input-placeholder {color: #010101}
#show_education_training_page #content #show_education_training .trainer_info .trainernw span {color: #119e00}
#lessons_page #filtering input[type='text'], #lessons_page #filtering select {color: #010101}
#workshop_page #filtering .search input[type='text'] {background-color: #ffffff}
#search_page .search_results {background-color: #ffffff}
#show_workshops_page #content #show_workshop {background-color: #ffffff}
#membership_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#products_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
.button.gp {background-color: #f6ff00}
#show_events_page .event_description .givenby .d_time {color: #ff7200}
#wizard_membership_page .niceform form .membership_item, #wizard_payment_page .niceform form .membership_item, #payment_wizard_to_pay_paypro_page .niceform form .membership_item {background-color: #ffffff}
#lessons_page #filtering .search input[type='submit'] {background-color: -1}
#trial_lesson_page .niceform > p {color: #5a5a5a}
#cart h1 {color: #b2103f}
#show_workshops_page #content #show_workshop .trainer_info .trainernw span {color: #119e00}
#products_page #filtering input[type='text'], #products_page #filtering select {color: #010101}
#show_events_page #content #show_event .trainer_info .trainernw {color: #000000}
#wizard_membership_page input[type='radio'].checkbox:not(checked) + label:before {border: 2px solid  #bebebe}
#membership_page #filtering input[type='text'], #membership_page #filtering select {background-color: #ffffff}
#trial_lesson_page .filterincont h2 {color: -1}
#events_page #filtering label {color: #262626}
.circle_text {background-color: #f6ff00}
#show_education_page .education_description .givenby .d_time {color: #ff7200}
#trial_lesson_page .niceform input[type='text'], #trial_lesson_page .niceform input[type='password'], #trial_lesson_page .niceform select {background-color: #ffffff}
#membership_page #filtering .search input[type='text'] {color: #262626}
#products_page #filtering .search input[type='submit'] {background-color: -1}
#wizard_payment_page .niceform form h2 {color: #485d29}
#show_product_page .product_price {color: #3c3c3c}
#trial_lesson_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#user_login_block .login input[type='submit'] {color: #ffffff}
#show_education_page #content #show_education .trainer_info .trainernw {color: #000000}
#trials .trial_day {background-color: #fff6ce}
#events_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#workshop_page .filterincont h1 {color: #757575}
#profile_page #invoices_data h2 {background-color: #3c3c3c}
#show_lessons_page #show_lesson {background-color: #ffffff}
#events_page #filtering .search input[type='text'] {background-color: #ffffff}
#trials label {color: #303030}
#trial_lesson_page #filtering input[type='text'], #trial_lesson_page #filtering select {color: #010101}
#user_login_block .login input[type='text'], #user_login_block .login input[type='password'], #user_login_block .login select {background-color: #ffffff}
#show_education_training_page .education_training_description .givenby {color: #2c2c2c}
#lessons_page #filtering label {color: #262626}
#workshop_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#header .current_user_info .user_info_name {color: #000000}
#show_lessons_page .trainer_info .trainernw {color: #5a5a5a}
#trial_lesson_page #filtering .search input[type='submit'] {background-color: -1}
#user_login_block div {color: #5a5a5a}
#show_education_training_page #content #show_education_training .trainer_info {background-color: #ebebeb}
#trial_lesson_page input[type='radio'].checkbox:not(checked) + label:before {border: 2px solid  #bfbfbf}
#lessons_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#workshop_page #filtering input[type='text'], #workshop_page #filtering select {background-color: #ffffff}
#header .current_user_info .myacclink {background-color: #262626}
#show_workshops_page .workshop_description .givenby {color: #2c2c2c}
#products_page #filtering label {color: #262626}
#show_events_page .event_description .givenby {background-color: #ebebeb}
#membership_page .memberships > li {background-color: #a4d165}
#membership_page .filterincont h2 {color: -1}
#register_page h1, #register_page p, #register_page label {color: #5a5a5a}
#workshop_page #filtering .search input[type='text'] {color: #262626}
#lessons_page #filtering .search input[type='text'] {background-color: #ffffff}
#search_page .search_results h1 {color: #000000}
#show_workshops_page #content #show_workshop .trainer_info {background-color: #ebebeb}
#membership_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#products_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
.button.gp {color: #3c3c3c}
#show_events_page #content #show_event {background-color: #ffffff}
#wizard_membership_page input[type='radio'].checkbox:not(checked) + label {color: #000000}
#show_education_page .education_description .givenby {background-color: #ebebeb}
#trial_lesson_page .niceform form {background-color: #a4d165}
#events_page .filterincont h1 {color: #757575}
#cart p.cart_total {color: #5a5a5a}
#products_page #filtering .search input[type='text'] {background-color: #ffffff}
#membership_page #filtering input[type='text'], #membership_page #filtering select {color: #010101}
#show_events_page #content #show_event .trainer_info .trainernw span {color: #119e00}
#wizard_membership_page input[type='radio'].checkbox:checked + label:before {border: 2px solid  #78a836}
#events_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#trial_lesson_page .niceform input[type='text'], #trial_lesson_page .niceform input[type='password'], #trial_lesson_page .niceform select {color: #010101}
#trial_lesson_page #filtering label {color: #262626}
.circle_text {color: #333333}
#show_education_page #content #show_education {background-color: #ffffff}
#membership_page #filtering .search input[type='submit'] {background-color: -1}
#profile_page .nice_checkbox.round + label:before {border: 2px solid  #bfbfbf}
#wizard_payment_page .niceform h1 {color: #3d5918}
#trial_lesson_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#events_page #filtering input[type='text'], #events_page #filtering select {background-color: #ffffff}
#user_login_block .login label {color: #737373}
#show_education_page #content #show_education .trainer_info .trainernw span {color: #119e00}
#trials .trial_day {color: #736f5c}
#lessons_page .filterincont h1 {color: #757575}
#workshop_page .filterincont h2 {color: -1}
#profile_page #invoices_data h2 {color: #ffffff}
#show_lessons_page .lesson_description p {color: #5a5a5a}
#events_page #filtering .search input[type='text'] {color: #262626}
#show_education_training_page .education_training_description .givenby .d_time {color: #ff7200}
#trial_lesson_page input[type='radio'].checkbox:checked + label {color: #78a836}
#trial_lesson_page #filtering .search input[type='text'] {background-color: #ffffff}
#user_login_block .login input[type='text'], #user_login_block .login input[type='password'], #user_login_block .login input[type='text']::placeholder, #user_login_block .login input[type='password']::placeholder, #user_login_block .login input[type='text']::-webkit-input-placeholder, #user_login_block .login input[type='password']::-webkit-input-placeholder, #user_login_block .login select {color: #8b8b8b}
#workshop_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#lessons_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#header .current_user_info .logoutlink {background-color: #ff7200}
#show_lessons_page .trainer_info .trainernw span {color: #119e00}
#products_page .filterincont h1 {color: #757575}
#password_restore_page h1, #password_restore_page p {color: #737373}
#show_education_training_page #content #show_education_training .trainer_info .trainernw {color: #000000}
#trial_lesson_page input[type='radio'].checkbox:checked + label:before {border: 2px solid  #78a836}
#lessons_page #filtering input[type='text'], #lessons_page #filtering select {background-color: #ffffff}
#workshop_page #filtering input[type='text'], #workshop_page #filtering select {color: #010101}
#show_workshops_page .workshop_description .givenby .d_time {color: #ff7200}
#header .current_user_info .myacclink {color: #ffffff}
#membership_page #filtering label {color: #262626}
#register_page input[type='text'], #register_page input[type='text']::placeholder, #register_page input[type='text']::-webkit-input-placeholder, #register_page input[type='password']::placeholder, #register_page input[type='password']::-webkit-input-placeholder, #register_page select {color: #010101}
#show_events_page .event_description .givenby {color: #2c2c2c}
#wizard_membership_page .niceform h3, #wizard_payment_page .niceform h3, #payment_wizard_to_pay_paypro_page .niceform h3 {color: #485d29}
#products_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#workshop_page #filtering .search input[type='submit'] {background-color: -1}
#lessons_page #filtering .search input[type='text'] {color: #262626}
#search_page .search_results li {color: #000000}
#show_workshops_page #content #show_workshop .trainer_info .trainernw {color: #000000}
#trial_lesson_page .niceform h1 {color: #5a5a5a}
#membership_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#products_page #filtering input[type='text'], #products_page #filtering select {background-color: #ffffff}
#wizard_membership_page input[type='radio'].checkbox:checked + label {color: #78a836}
#show_events_page #content #show_event .trainer_info {background-color: #ebebeb}
#trial_lesson_page .filterincont h1 {color: #757575}
#events_page .filterincont h2 {color: -1}
#cart .cartlink {background-color: #b2103f}
#show_education_page .education_description .givenby {color: #2c2c2c}
#trial_lesson_page .niceform label {color: #3d5918}
#membership_page #filtering .search input[type='text'] {background-color: #ffffff}
#products_page #filtering .search input[type='text'] {color: #262626}
#show_product_page .available {color: #3c3c3c}
#wizard_membership_page .niceform form div.price_per_period, #wizard_payment_page .niceform form div.price_per_period, #payment_wizard_to_pay_paypro_page .niceform form div.price_per_period {color: #ff7200}
#trial_lesson_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#show_education_page #content #show_education .trainer_info {background-color: #ebebeb}
#trials {background-color: #ffffff}
#events_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#user_login_block .login input[type='submit'] {background-color: #ff7200}
#profile_page .nice_checkbox.round + label:before {background-color: #ffffff}
#wizard_payment_page .niceform .twocols1 h3, #wizard_payment_page .niceform .twocols2 h3#wizard_payment_page .niceform .twocols2 h3, #payment_wizard_to_pay_paypro_page .niceform .twocols2 h3#wizard_payment_page .niceform .twocols2 h3 {color: #010101}
#trial_lesson_page #filtering input[type='text'], #trial_lesson_page #filtering select {background-color: #ffffff}
#events_page #filtering input[type='text'], #events_page #filtering select {color: #010101}
#user_login_block form.login {background-color: #afd779}
#show_education_training_page .education_training_description .givenby {background-color: #ebebeb}
#trials .titleweek {color: #ff7200}
#lessons_page .filterincont h2 {color: -1}
#workshop_page #filtering label {color: #262626}
#show_lessons_page .trainer_info {background-color: #ebebeb}
#header .current_user_info {background-color: #ebebeb}
#trial_lesson_page #filtering .search input[type='text'] {color: #262626}
#user_login_block .login a {color: #737373}
#show_education_training_page #content #show_education_training {background-color: #ffffff}
#trials .trial_time {color: #ff7200}
#events_page #filtering .search input[type='submit'] {background-color: -1}
.css_popup {position: relative; display: inline-block;}
.css_popup .button {cursor: pointer;}
.css_popup .css_popup_content {display: none; position: absolute; padding: 8px 12px; top: auto; left: 0px; width: auto; min-width: 350px; background-color: #FFF; border: 1px solid rgba(191, 191, 191, 1); text-align: left; color: #444; line-height: 30px}
.css_popup .css_popup_content.left_aligment {top: 0px; right: 0px; left: auto;}
.css_popup.active .css_popup_content {display: inline-block; margin: 8px 0px 0px -30px; bottom: 34px; z-index: 1000;}
#show_lesson .css_popup.active .css_popup_content {top: 28px; bottom: auto; margin: 8px 0px 0px -125px;}
.css_popup:hover .css_popup_content.left_aligment, .css_popup.active .css_popup_content.left_aligment {margin: 0px -20px 0px 0px; top: 30px;}
.css_popup:hover .css_popup_content, .css_popup.active .css_popup_content {}
.css_popup .css_popup_content table.nice {width: 100%;}
.css_popup .css_popup_content table.nice input[type="checkbox"] {float: left; margin: 4px 5px 0px 0px;}
.css_popup .css_popup_content table.nice label {display: block;}
.css_popup .css_popup_content a {display: block; margin: 10px 0px; white-space: nowrap;}
.css_popup.admin_tools_description .css_popup_content {min-width: 250px;}
.css_popup.admin_tools_description .css_popup_content a {display: inline-block; margin: 0px 5px;}
.css_popup .left_image_link {padding: 0px 0px 0px 17px;}
.css_popup .left_image_link.action {padding: 0px 12px;}
.css_popup .reservations_progress {float: right; margin: 9px 5px 0px 0px;}
.branches {position: relative; padding: 10px 0px; box-sizing: border-box; border-bottom: 2px solid #79a936; color: #3c3c3c;}
.branches .branch, .branch_insurance {margin: 10px 0;}
.niceform form div.pad.branches {margin-bottom: 10px;}
.niceform .birthday {}
.niceform .birthday .date_fields:last-child {margin-right: 0px;}
.gender_title_label {display: none;}
.niceform form .family_persons div.pad.branches, .family_persons div.pad.branches {margin-bottom: 0px; padding: 10px 0px 0px 0px; border-bottom: none;}
#family_person_birthday {height: 34px;}
.profile_fields .items tr.cp_family_memberships {border-top: 1px solid transparent; border-bottom: 1px solid #c2c2c2;}
.cp_family_memberships #new_family_member {width: 470px;}
.cp_family_memberships #new_family_member input[type="text"], .cp_family_memberships #new_family_member input[type="password"], .cp_family_memberships #new_family_member select {margin-top: 0px;}
.cp_family_memberships #new_family_member select {display: block; float: left; width: 32%; margin-right: 2%;}
.cp_family_memberships #new_family_member select:last-child {margin-right: 0%;}
.cp_family_memberships #new_family_member .branches .branch, .cp_family_memberships #new_family_member .branch_insurance {margin: 0px;}
.cp_family_memberships .add_new_family_member {padding-bottom: 10px;}
.cp_family_memberships .branches.family_persons {margin-top: 10px; border-bottom: 1px solid #c2c2c2;}
#profile_page .cp_family_memberships #new_family_member .nice_checkbox + label {color: #3c3c3c;}
.cp_family_memberships .left_image_link.add, .link_as_button {font-weight: 700; display: inline-block; padding: 0px 20px; margin-top: 20px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; height: 34px; line-height: 34px; color: #fff; font-size: 14px; border: 0; background-color: #ff7200; white-space: nowrap;}
.accept_terms_and_conditions .nice_checkbox + label { white-space: pre-wrap;}
.wizard_family_membership .nice_checkbox:not(checked) + label {text-transform: none; font-weight: 400; white-space: normal;}
.tab_family_members_items {margin: 15px 0px; background-color: #ffffff; padding: 15px 10px; color: #585858;}
/* air dashboard design for club portal*/
.top_panel {position: relative; z-index: 3; display: flex; width: 100%; padding: 5px 1%; text-align: center; align-items: center; box-sizing: border-box; flex-wrap: wrap; justify-content: space-between;}
.menu_bgr {position: relative; width: 46px; height: 46px; display: block; border: 2px solid #ffffff; border-radius: 50%; z-index: 2;}
.menu_bgr span {position: absolute; display: block; height: 4px; left: 20%; width: 60%; background: #ffffff;}
.menu_bgr span:nth-child(1){top: 11px;}
.menu_bgr span:nth-child(2){top: 21px;}
.menu_bgr span:nth-child(3){top: 31px;}
.top_panel .title, .center_elem_block { padding: 0px 10px; box-sizing: border-box; font-size: 20px; line-height: 50px; }
.top_panel .title {position: absolute; left: 0; width: 100%;}
.top_panel {background-color: #d9d6d0; color: #ffffff;}
.air_dashboard .top_panel .current_user_info {z-index: 3; position: relative;}
.air_dashboard .current_user_info .img {position: relative; border-radius: 50%; border: 2px solid #ffffff; max-width: 50px; max-height: 50px;}
.air_dashboard #header {border: none; width: 100%; padding: 15px 30px; height: 130px; text-align: center; box-sizing: border-box;}
.air_dashboard #header .logo {position: unset; height: 100%; transform: translate(0%, 0%);}
.air_dashboard #header .logo img {max-height: 100% !important; width: auto; max-width: 100%;}
.air_dashboard #content {background-color: transparent !important;}
.air_dashboard .modules li a.blocks, .air_dashboard #products li, .air_dashboard .filterincont,
.air_dashboard #user_login_block form.login, .air_dashboard .headerp, .air_dashboard #profile_page #user_data, .air_dashboard #show_product {border-radius: 15px;}
.login_btn {background-color: #3c3c3c; color: #ffffff; display: flex; text-decoration: none; text-transform: uppercase; line-height: 40px; font-size: 16px; position: relative;}
.login_btn span.csf {margin: 0;}
.login_btn .main_menu_texts {padding: 0 20px; display: inline-block;}
.login_btn:hover, .login_btn.active {background-color: #161616;}
/* app design for club portal*/
body.app_design {background: url("") 50% 50% no-repeat fixed #fff; background-size: cover; -webkit-background-size: cover; height: 100vh; min-height: -webkit-fill-available;}
body.app_design.profile_style {background-image: none;}
.outlet_selecter select {margin-bottom: 15px;}
.outlet_selection {position: relative; margin: 0 auto; max-width: 500px;}
.outlet_selection .outlet_title {min-height: 45px; margin-bottom: 30px; background-color: #7c7360; opacity: 1.0; padding: 8px 10px;}
.outlet_selection .outlet_title h2 {color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 20px; text-transform: uppercase; display: block; width: 96%; text-align: center;}
.outlet_selection .outlet_btns {float: none; display: block; width: auto; padding: 10px 0; margin: 10px auto; font-size: 16px;}
.outlet_selection .outlet_btns .button {float: none; display: block; width: auto; padding: 10px 0; margin: 10px auto; font-size: 16px; border-radius: 15px; background-color: #7c7360;}
.app_design #index_page #content {height: 100%;}
.app_design .lang_block {display: none;}
.app_design.index .lang_block {display: block; z-index: 4; position: relative;}
.app_design .wrap {padding-bottom: 64px;}
.staff_time_registration .wrap {box-sizing: border-box;}
.app_design.my_agenda .wrap, .app_design.my_tasks .wrap {padding-bottom: 0;}
.app_design.index .wrap {padding-bottom: 0;}
.index .top_panel {display: none;}
.app_design .top_panel {flex-wrap: unset; padding: 0;}
.app_design .top_panel .title {position: relative; padding: 0; padding-right: 46px; line-height: 22px; display: flex; width: calc(100% - 46px); align-items: center; justify-content: center;}
.app_design .menu_bgr, .backlink, .switch_outlet {text-decoration: none; position: relative; width: 46px; height: 46px; display: inline-block; float: left; border: none; border-radius: 0; z-index: 2;}
.backlink:before, .switch_outlet:before {content: '\e833'; font-family: "fontello"; font-size: 30px; line-height: 46px; color: #ffffff;}
.switch_outlet {float: right; outline: none; margin: 0 20px;}
.switch_outlet:before {content: '\e868';}
.app_design .top_panel, .app_design #membership_page .memberships > li, .app_design #doorapi_page .memberships > li {background-color: #7c7360;}
.app_design .top_panel .title {color: #ffffff;}
.app_design .top_panel .title span {display: inline-block; vertical-align: top;}
.app_design .menu_bgr span {position: absolute; display: block; height: 4px; left: 20%; width: 60%; background: #3c3c3c;}
.app_design .menu_bgr span:nth-child(1){top: 11px;}
.app_design .menu_bgr span:nth-child(2){top: 21px;}
.app_design .menu_bgr span:nth-child(3){top: 31px;}
.app_design .lang_block.simple_mode {margin: 15px 0; z-index: 3;}
.app_design #select_language_popup {z-index: 3;}
.app_design.index #header {border: none; width: 100%; height: auto;  padding: 15px; text-align: center; box-sizing: border-box;}
.app_design.index #header.no_logo {display: block; min-height: 150px;}
.app_design #header, .app_design #header.no_logo {display: none;}
.app_design #header .logo {display: none; position: unset; width: 100%; transform: translate(0%, 0%); margin: 20px 0; z-index: 1;}
.index #header .logo, .index #header.small_logo, .index #header.medium_logo, .index #header.big_logo, .index #header.huge_logo {display: block;}
.app_design #header .logo img {height: 100% !important; max-height:100%;  width: auto; max-width: 100%;}
.app_design #header .logo.huge_logo {height: 200px;}
.app_design #header .logo.big_logo {height: 150px;}
.app_design #header .logo.medium_logo {height: 100px;}
.app_design #header .logo.small_logo {height: 50px;}
.app_design #header .logo.no_logo {display: none;}
.app_design.index #header {background-image: url();  background-position: center; background-repeat: no-repeat; background-size: cover;}
.app_design.index #content_block, .app_design.show_groups_before_activities #content_block {background-image: url();  background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 80px;}
.app_design #content {background-color: transparent !important;}
.app_design.online_exercise_platform #content, .app_design.memberships_via_url #content, .app_design.advantages #content,
.app_design.contact_information_outlet #content, .app_design.book #content, .app_design.coaching_article #content,
.app_design.podcast #content, .app_design.interal_website #content,
.app_design.interal_website2 #content, .app_design.interal_website3 #content, .app_design.interal_website4 #content,
.app_design.interal_website5 #content, .app_design.interal_website6 #content, .app_design.interal_website7 #content,
.app_design.interal_website8 #content {width: 100%; height: 100%; padding: 0; position: relative; border: none;}
.app_design.online_exercise_platform #content iframe, .app_design.memberships_via_url #content iframe, .app_design.advantages #content iframe,
.app_design.contact_information_outlet #content iframe, .app_design.book #content iframe, .app_design.coaching_article #content iframe,
.app_design.podcast #content iframe, .app_design.interal_website #content iframe,
.app_design.interal_website2 #content iframe, .app_design.interal_website3 #content iframe,
.app_design.interal_website4 #content iframe, .app_design.interal_website5 #content iframe,
.app_design.interal_website6 #content iframe, .app_design.interal_website7 #content iframe,
.app_design.interal_website8 #content iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; padding-bottom: 50px;}
#remote_add_contact_info_form a {color: #5a5a5a;}
.app_design #user_login_block form.login {background-color: #7c7360; border-radius: 15px; box-shadow: 0 4px 10px 3px #00000026;}
.app_design #user_login_block .login label, .app_design #user_login_block .login a, .app_design #user_login_block div {color: #fff;}
.app_design .headerp, .app_design #profile_page #user_data, .app_design #products li {border-radius: 15px;}
.app_design .trainer_header {border-radius: 15px 15px 0px 0px;}
.app_design .register_reservation_btns, .app_design .register_button, .app_design .register_button.confirm {border-radius: 15px;}
.modules_list {margin: 0; padding: 0; list-style: none; align-items: stretch; -webkit-align-items: stretch; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; position: relative; z-index: 2;}
.modules_list .block {width: calc(100%/3); background: transparent; text-decoration: none; text-align: center; padding: 15px; box-sizing: border-box;}
.modules_list a {text-decoration: none;}
.modules_list a:hover, .modules_list a:hover .icon { transition: all 0.4s ease-in-out 0s;}
#modules_list {margin-top: 10px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 16px}
.modules_indicator {width: 10px; height: 10px; border: 1px solid #7c7360; border-radius: 50%;}
.modules_indicator:hover {cursor: pointer;}
.modules_indicator.active_page {background-color: #7c7360;}
#current_portal {float: right; width: auto;}
.icon {position: relative; border-radius: 15px;  background: #d9d6d0; box-shadow: 0 4px 10px 3px #00000026;  height: 150px; width: 150px; display: block; margin: 0 auto; background-repeat: no-repeat; background-position: center;}
.modules_list a:hover .icon { background-color:#d9d6d09e;}
.top_panel_icon {background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; padding: 0 !important; background-color: transparent;}
.btn .iconbtn {background-repeat: no-repeat; background-position: center; background-color: #cccccc;}
#user_avatar_in_icon {width: 30px; height: 30px; line-height: 0; border-radius: 50%; box-sizing: border-box; border: 1px solid #7c7360; background-color: #7c7360; overflow: hidden; display: block; position: absolute; right: 25%; bottom: 35%;}
#user_avatar_in_icon img {width: 100%; height: 100%; object-fit: cover;}
.popup_tabs_filter form {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.popup_tabs_filter form .datetime_select {width: 212px;}
.invoice_top_filter {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.invoice_filter_fields {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.invoice_filter_fields .datetime_select, .invoice_filter_fields .invoices_type_select {margin: 0px 10px 0px 0px;}
.invoice_filter_buttons {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.invoice_filter_buttons .filter_submit {margin: 0px 0px 0px 10px;}
.pseudo_select {display: none;}
.pseudo_select.invoices_type_select {display: block; width: 185px; height: 35px; line-height: 30px; border-bottom: 1px solid #CCC; border-radius: 0px 0px 20px 20px; padding: 0px 20px; position: relative; z-index: 1;}
.pseudo_select.invoices_type_select .options {position: absolute; left: 18px; width: 191px; top: 36px; box-sizing: border-box; border-radius: 0px; padding: 10px 10px; line-height: 20px; border: 1px solid #CCC; border-top: none; z-index: 1000; background-color: #FFF;}
.pseudo_select.invoices_type_select .options input {line-height: 30px;}
.pseudo_select:hover, .pseudo_select .options:hover {}
.email_sent {margin-top: 20px;}
.abonnement .icon, .app_design .xp_loyalty_icon.abon {background-image: url("/club_portal/svg/abonnement?1751882062"); background-size: 50% 50%;}
.app_design .xp_loyalty_icon.abon {background-size: 100%;}
.top_panel_icon.membership, .top_panel_icon.show_membership, .app_design #memberships_data h2, .top_panel_icon.memberships_via_url {background-image: url("/club_portal/svg/abonnement?scheme=white&1751882062"); background-size: 50% 50%;}
.app_design #memberships_data h2 {background-size: 24px;}
.lessen .icon, .btn.lesson .iconbtn {background-image: url("/club_portal/svg/group_lesson_schedule?1751882062"); background-size: 60% 50%;}
.doorapi .icon, .btn.doorapi .iconbtn {background-image: url("/club_portal/svg/login?1751882062"); background-size: 60% 50%;}
.mqtt .icon, .btn.mqtt .iconbtn {background-image: url("/club_portal/svg/login?1751882062"); background-size: 60% 50%;}
.top_panel_icon.lessons, .top_panel_icon.show_lessons {background-image: url("/club_portal/svg/group_lesson_schedule?scheme=white&1751882062"); background-size: 60% 50%;}
.online_lessons .icon {background-image: url("/club_portal/svg/stream?1751882062"); background-size: 70% 70%;}
.top_panel_icon.online_lessons {background-image: url("/club_portal/svg/stream?scheme=white&1751882062"); background-size: 80%;}
.internal_online_lessons .icon {background-image: url("/club_portal/svg/online_classes?1751882062"); background-size: 50% 50%;}
.top_panel_icon.internal_online_lessons {background-image: url("/club_portal/svg/online_classes?scheme=white&1751882062"); background-size: 50% 50%;}
.trial_lesson .icon {background-image: url("/club_portal/svg/free?1751882062"); background-size: 50% 50%;}
.top_panel_icon.trial_lesson_date, .top_panel_icon.trial_select_lesson {background-image: url("/club_portal/svg/free?scheme=white&1751882062"); background-size: 65% 65%;}
.top_panel_icon.coaching {background-image: url("/club_portal/svg/my_personal_trainer?scheme=white&1751882062"); background-size: 50% 50%;}
.api_coaching .icon {background-image: url("/club_portal/svg/wearables_connections?1751882062"); background-size: 50% 50%;}
.top_panel_icon.activity_linking {background-image: url("/club_portal/svg/wearables_connections?scheme=white&1751882062"); background-size: 50% 50%;}
.top_panel_icon.show_workshops {background-image: url("/club_portal/svg/workshops?scheme=white&1751882062"); background-size: 50% 50%;}
.workshop .icon {background-image: url("/club_portal/svg/workshops?1751882062"); background-size: 50% 50%;}
.top_panel_icon.workshop, .top_panel_icon.show_workshops {background-image: url("/club_portal/svg/workshops?scheme=white&1751882062"); background-size: 50% 50%;}
.education .icon {background-image: url("/club_portal/svg/educations?1751882062"); background-size: 50% 50%;}
.top_panel_icon.education, .top_panel_icon.show_education {background-image: url("/club_portal/svg/educations?scheme=white&1751882062"); background-size: 50% 50%;}
.education_training .icon {background-image: url("/club_portal/svg/training?1751882062"); background-size: 50% 50%;}
.top_panel_icon.education_training, .top_panel_icon.show_education_training {background-image: url("/club_portal/svg/training?scheme=white&1751882062"); background-size: 50% 50%;}
.lock .icon {background-image: url("/club_portal/svg/loyalty?1751882062"); background-size: 50% 50%;}
.top_panel_icon.profile {background-image: url("/club_portal/svg/loyalty?scheme=white&1751882062"); background-size: 50% 50%;}
.feedback .icon {background-image: url("/club_portal/svg/feedback?1751882062"); background-size: 50% 50%;}
.top_panel_icon.feedback {background-image: url("/club_portal/svg/feedback?scheme=white&1751882062"); background-size: 50% 50%;}
.happiness .icon {background-image: url("/club_portal/svg/happiness?1751882062"); background-size: 50% 50%;}
.top_panel_icon.happiness {background-image: url("/club_portal/svg/happiness?scheme=white&1751882062"); background-size: 50% 50%;}
.event .icon, .my_reservations .icon {background-image: url("/club_portal/svg/events?1751882062"); background-size: 50% 50%;}
.top_panel_icon.events {background-image: url("/club_portal/svg/events?scheme=white&1751882062"); background-size: 50% 50%;}
.webshop .icon { background-image: url("/club_portal/svg/webshop?1751882062"); background-size: 50% 50%;}
.horeca_onboarding .icon {background-image: url(/club_portal/svg/webshop?scheme=replace&1751882062); background-size: 50% 50%;}
.kcalculated_onboarding .icon {background-image: url(/club_portal/svg/kcalculated?scheme=replace&1751882062); background-size: 50% 50%;}
.webshop_via_url .icon { background-image: url(/club_portal/svg/webshop?1751882062); background-size: 55% 50%;}
.top_panel_icon.products, .top_panel_icon.show_product { background-image: url("/club_portal/svg/webshop?scheme=white&1751882062"); background-size: 50% 50%;}
.recepten .icon { background-image: url("/club_portal/svg/recipes?1751882062"); background-size: 50% 50%;}
.top_panel_icon.recipe, .top_panel_icon.recipe_ico_black, .top_panel_icon.recipe_ico_white, .top_panel_icon.recipes { background-image: url("/club_portal/svg/recipes?scheme=white&1751882062"); background-size: 50% 50%;}
.app_design.coaching .coaching .icon, .app_design.index .coaching .icon {background-image: url("/club_portal/svg/my_personal_trainer?1751882062"); background-size: 50% 50%;}
.app_design.index .coaching .icon {background-image: url(/uploads/45/52/89/LOGO_JW_FINAL_bigthumb.png); background-size: 100% 100%;}
.app_design.coaching_category .top_panel_icon.coaching, .top_panel_icon.coaching_article {background-image: url("/club_portal/svg/my_personal_trainer?scheme=white&1751882062"); background-size: 50% 50%;}
.workouts .icon, .workout .icon { background-image: url("/club_portal/svg/workouts?1751882062"); background-size: 70% 70%;}
.top_panel_icon.coaching_exercise, .top_panel_icon.excercise, .top_panel_icon.excercise_ico_white, .top_panel_icon.excercise_ico_black, .top_panel_icon.program, .top_panel_icon.my_workouts {background-image: url("/club_portal/svg/workouts?scheme=white&1751882062"); background-size: 50% 50%;}
.progression .icon {background-image: url("/club_portal/svg/my_progress?1751882062"); background-size: 50% 50%;}
.nutrition .icon {background-image: url("/club_portal/svg/nutrition?1751882062"); background-size: 50% 50%;}
.my_coach .icon {background-image: url("/club_portal/svg/my_personal_trainer?scheme=replace&1751882062"); background-size: 50% 50%;}
.top_panel_icon.my_coach {background-image: url("/club_portal/svg/my_personal_trainer?scheme=white&1751882062"); background-size: 50% 50%;}
.top_panel_icon.my_plan {background-image: url("/club_portal/svg/clipboard?scheme=white&1751882062"); background-size: 50% 50%; margin-right: 0;}
.top_panel_icon.my_agenda, .top_panel_icon.agenda_edit {background-image: url("/club_portal/svg/my_agenda?scheme=white&1751882062"); background-size: 50% 50%; margin-right: 0;}
.top_panel_icon.my_tasks {background-image: url("/club_portal/svg/my_tasks?scheme=white&1751882062"); background-size: 50% 50%; margin-right: 0;}
.top_panel_icon.my_progress {background-image: url("/club_portal/svg/my_progress?scheme=white&1751882062"); background-size: 50% 50%;}
.top_panel_icon.my_nutrition {background-image: url("/club_portal/svg/nutrition?scheme=white&1751882062"); background-size: 50% 50%;}
.memberships_via_url .icon {background-image: url(/club_portal/svg/abonnement?scheme=replace&1751882062); background-size: 55% 50%;}
.advantag .icon {background-image: url("/club_portal/svg/discount?1751882062"); background-size: 50% 50%;}
.top_panel_icon.advantages {background-image: url("/club_portal/svg/discount?scheme=white&1751882062"); background-size: 50% 50%;}
.online_exercise_platform .icon {background-image: url(/club_portal/svg/tv?1751882062); background-size: 55% 50%;}
.top_panel_icon.online_exercise_platform {background-image: url("/club_portal/svg/tv?scheme=white&1751882062"); background-size: 50% 50%;}
.referral .icon {background-image: url("/club_portal/svg/referral?1751882062"); background-size: 50% 50%;}
.top_panel_icon.referral {background-image: url("/club_portal/svg/referral?scheme=white&1751882062"); background-size: 50% 50%;}
.app_design .xp_loyalty_icon.my_clubcard {background-image: url("/club_portal/svg/my_clubcard?1751882062"); background-size: 100%;}
.app_design .xp_loyalty_icon.loyaty_coins {background-image: url("/club_portal/svg/loyalty_referral?1751882062"); background-size: 100%;}
.xployalty .icon {background-image: url("/club_portal/svg/loyalty_referral?1751882062"); background-size: 70% 70%;}
.app_design .xp_loyalty_icon.member_benefit {background-image: url("/club_portal/svg/member_benefit?1751882062"); background-size: 100%;}
.top_panel_icon.xployalty {background-image: url("/club_portal/svg/loyalty_referral?scheme=white&1751882062"); background-size: 70%;}
.my_club .icon {background-image: url("/club_portal/svg/my_club?1751882062"); background-size: 50% 50%;}
.top_panel_icon.club_info {background-image: url("/club_portal/svg/my_club?scheme=white&1751882062"); background-size: 50%;}
.btn.cont_info .iconbtn {background-image: url("/club_portal/svg/coment?1751882062"); background-size: 50% 50%;}
.book .icon {background-image: url("/club_portal/svg/book?1751882062"); background-size: 50% 50%;}
.top_panel_icon.books {background-image: url("/club_portal/svg/book?scheme=white&1751882062"); background-size: 50%;}
.recipe .icon {background-image: url("/club_portal/svg/recipes?1751882062"); background-size: 50% 50%;}
.club_news .icon {background-image: url("/club_portal/svg/newspaper?1751882062"); background-size: 50% 50%;}
.top_panel_icon.club_news {background-image: url("/club_portal/svg/newspaper?scheme=white&1751882062"); background-size: 70%;}
.levels_challenges .icon {background-image: url("/club_portal/svg/target?1751882062"); background-size: 50% 50%;}
.top_panel_icon.levels_challenges {background-image: url("/club_portal/svg/target?scheme=white&1751882062"); background-size: 70%;}
.podcast .icon {background-image: url("/club_portal/svg/podcast?1751882062"); background-size: 50% 50%;}
.top_panel_icon.podcast {background-image: url("/club_portal/svg/podcast?scheme=white&1751882062"); background-size: 70%;}
.documents .icon {background-image: url("/club_portal/svg/documents?1751882062"); background-size: 50% 50%;}
.top_panel_icon.staff_documents, .top_panel_icon.staff_document {background-image: url("/club_portal/svg/documents?scheme=white&1751882062"); background-size: 70%;}
.time_registration .icon {background-image: url("/club_portal/svg/staff_time_registration?1751882062"); background-size: 50% 50%;}
.top_panel_icon.staff_time_registration {background-image: url("/club_portal/svg/staff_time_registration?scheme=white&1751882062"); background-size: 70%;}
.holiday_and_leave .icon {background-image: url("/club_portal/svg/holidays?1751882062"); background-size: 50% 50%;}
.top_panel_icon.holiday_and_leave, .top_panel_icon.request_leave {background-image: url("/club_portal/svg/holidays?scheme=white&1751882062"); background-size: 70%;}
.illness_and_absence .icon {background-image: url("/club_portal/svg/illness?1751882062"); background-size: 50% 50%;}
.top_panel_icon.illness_and_absence, .top_panel_icon.request_absence {background-image: url("/club_portal/svg/illness?scheme=white&1751882062"); background-size: 70%;}
.self_service .icon {background-image: url("/club_portal/svg/service?1751882062"); background-size: 50% 50%;}
.website_via_url .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.interal_website .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website2 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website2 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website3 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website3 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website4 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website4 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website5 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website5 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website6 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website6 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website7 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website7 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.interal_website8 .icon {background-image: url(/club_portal/svg/web?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.interal_website8 {background-image: url(/club_portal/svg/web?scheme=white&1751882062); background-size: 70%;}
.partners .icon {background-image: url(/club_portal/svg/partner?scheme=replace&1751882062); background-size: 55% 50%;}
.top_panel_icon.partners {background-image: url(/club_portal/svg/partner?scheme=white&1751882062); background-size: 70%;}
.appointment_onboarding .icon {background-image: url(/club_portal/svg/my_calendar?scheme=replace&1751882062); background-size: 55% 50%;}
.app .icon {background-image: url(/uploads/45/52/95/LOGO_JW_FINAL_bigthumb.png); background-size: 55% 50%;}
.app {display: none;}
.my_clients .icon {background-image: url("/club_portal/svg/service?1751882062"); background-size: 50% 50%;}
#my_clients_filter_block {display: flex; flex-direction:column; max-width: 768px;}
#my_clients_form_buttons {display: flex; justify-content: space-between; color: #ffffff; }
#my_clients_form_buttons a {height: 34px;margin: 20px 30px;line-height: 42px;text-align: center;padding: 0 20px;}
#my_clients_form_buttons a, #my_clients_form_buttons input[type="submit"] {line-height:36px; margin: 10px 30px; background-color: #d9d6d0 !important; color: #7c7360 !important;}
.my_clients_filters {display: flex; align-items: center; margin-bottom: 10px;}
.my_clients_filters p {width: 150px;}
.my_clients_filters input[type="text"] {padding: 0 20px; border: 1px solid rgba(191, 191, 191, 1);}
.visit_statistics .icon {background-image: url("/club_portal/svg/my_home_gym?1751882062"); background-size: 50% 50%;}
.top_panel_icon.visits_statistics {background-image: url("/club_portal/svg/my_home_gym?scheme=white&#{@config.updated_at.to_i}"); background-size: 70%;}
.tab_group_right.visits_statistics form {margin: 10px 0;}
.tab_group_right.visits_statistics .my_clients_filters {margin: 0 10px; line-height: 1.2em;}
.tab_group_right.visits_statistics .my_clients_filters select{margin: 0 0 0 10px; border-radius: 6px; border: none; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 10%)}
.statistics .icon {background-image: url("/club_portal/svg/statistics?1751882062"); background-size: 50% 50%;}
.top_panel_icon.statistics {background-image: url("/club_portal/svg/statistics?scheme=white&#{@config.updated_at.to_i}"); background-size: 70%;}
.tab_group_right.statistics form {margin: 10px 0;}
.tab_group_right.statistics .my_clients_filters {margin: 0 10px; line-height: 1.2em;}
.tab_group_right.statistics .my_clients_filters select{margin: 0 0 0 10px; border-radius: 6px; border: none; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 10%)}
.filter_statistics_data {}
.filter_statistics_data div {padding: 10px 0px;}
.filter_statistics_data label {display: flex; flex-direction: row; align-items: center; width: auto; line-height: 30px;}
.filter_statistics_data span {display: flex; flex-direction: row; align-items: center;}
.filter_statistics_data span::before {content: ' '; display: inline-block; width: 20px; height: 20px; margin-right: 4px; border-radius: 2px; background-color: #888888;}
.filter_statistics_data .active_members span::before {background-color: #4285f4;}
.filter_statistics_data .subscriptions_members span::before {background-color: #b101f7;}
.filter_statistics_data .turn_cards_members span::before {background-color: #f49842;}
.filter_statistics_data .trial_lesson span::before {background-color: #4285f4;}
.filter_statistics_data .trial_lesson_members span::before {background-color: #b101f7;}
.filter_statistics_data .trial_lesson_requests span::before {background-color: #f49842;}
.filter_statistics_data .members_check span::before {background-color: #4285f4;}
.filter_statistics_data .members_check_book span::before {background-color: #b101f7;}
.filter_statistics_data .members_check_confirmed span::before {background-color: #f49842;}
.filter_statistics_data .members_turn_card span::before {background-color: #4285f4;}
.filter_statistics_data .members_subscription_card span::before {background-color: #b101f7;}
.filter_statistics_data .members_who_chec_subscription span::before {background-color: #f49842;}
.filter_statistics_data .members_who_turn_card span::before {background-color: #e2f442;}
.filter_statistics_data input[type="checkbox"] {margin-right: 6px;}
.filter_statistics_data .inactive {opacity: 0.55;}
.flex_row .img {background-repeat: no-repeat; background-position: center;}
.flex_row .home .img {background-image: url("/club_portal/svg/home?scheme=white&1751882062"); background-size: 100%;}
.flex_row .my_plan .img {background-image: url("/club_portal/svg/clipboard?scheme=white&1751882062"); background-size: 100%;}
.flex_row .my_plan .qr_code .img {background-image: url("/club_portal/svg/qr_code?scheme=white&1751882062"); background-size: 100%;}
.flex_row .my_plan .img.my_agenda {background-image: url("/club_portal/svg/my_agenda?scheme=white&1751882062"); background-size: 100%;}
.flex_row .community .img {background-image: url("/club_portal/svg/qr_code?scheme=white&1751882062"); background-size: 100%;}
.flex_row .user .img {background-image: url("/club_portal/svg/login?scheme=white&1751882062"); background-size: 100%;}
.machine_qr_code {text-align: center; margin-bottom: 6px;}
.machine_qr_code > span {width: auto; height: 26px; line-height: 26px; display: inline-block; margin: 2px 0px 5px 0px; background-image: url(/club_portal/svg/qr_code?1665405781); background-size: contain; background-position: left; background-repeat: no-repeat; padding-left: 30px; box-sizing: border-box; font-weight: 600;}
.watertracker .icon {background-image: url("/club_portal/svg/watertracker?1751882062"); background-size: 50% 50%;}
.top_panel_icon.coaching_watertracker {background-image: url("/club_portal/svg/watertracker?scheme=white&1751882062"); background-size: 70% 70%;}
.modules_list .title {position: relative; color: #ffffff; font-weight: 500; display: block; line-height: 15px; padding: 17px 0;}
.app_design .modules_list .title {color: #ffffff;}
.modules_list .title .title_text {display: block; position: relative; z-index: 2;}
.modules_list .title::after {background-color:#3c3c3c; opacity: 0.75; position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; z-index: 1;}
.show_groups_before_activities #activity_types_selection {position: relative; margin: 0 auto; margin-bottom: ; max-width: 500px;}
.show_groups_before_activities #activity_types_selection .activity_types_title {min-height: 45px; margin-bottom: 30px; background-color:#3c3c3c; opacity: 0.75; padding: 8px 10px;}
.show_groups_before_activities #activity_types_selection h2 {color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 20px; text-transform: uppercase; display: block; width: 96%; text-align: center;}
.show_groups_before_activities #content {height: 100%;}
.show_groups_before_activities #activity_types_selection .activity_types_btns .button { float: none; display: block; width: auto; padding: 10px 0; margin: 10px auto; font-size: 16px;}
.app_design.activity_linking #content {max-width: 540px; margin: 0 auto; float: none; }
.app_design.activity_linking #content .config_api_name {width: calc(100% - 12px); cursor: pointer;}
.app_design.coaching .wrap, .app_design.activity_linking .wrap {min-height: calc(100% - 60px); height: calc(100% - 60px); padding-bottom: 0; overflow: unset;}
#coaching_page {min-height: 100%; height: 100%; background-image: url();  background-position: center; background-repeat: no-repeat; background-size: cover;}
.app_design.coaching #push_notification_button, .app_design.activity_linking #push_notification_button {display: none;}
.bar {position: fixed; right: 0; bottom: 0; left: 0; height: 70px; z-index: 2; background: #7c7360; box-shadow: 0 4px 10px 3px #00000026; clip-path: polygon(0 0,
calc(50% - 38px) 0, calc(50% - 37.487665px) 0.628287px, calc(50% - 36.975331px) 1.256382px, calc(50% - 36.462997px) 1.884094px, calc(50% - 35.912306px) 2.511233px,
calc(50% - 35.863009px) 3.137607px, calc(50% - 35.802788px) 3.763025px, calc(50% - 35.731661px) 4.387296px, calc(50% - 35.64965px) 5.010232px, calc(50% - 35.55678px) 5.631641px,
calc(50% - 35.453079px) 6.251334px, calc(50% - 35.338579px) 6.869124px, calc(50% - 35.213314px) 7.484821px, calc(50% - 35.077322px) 8.098238px, calc(50% - 34.930646px) 8.709188px,
calc(50% - 34.77333px) 9.317486px, calc(50% - 34.605421px) 9.922945px, calc(50% - 34.426971px) 10.525381px, calc(50% - 34.238035px) 11.124612px, calc(50% - 34.038669px) 11.720454px,
calc(50% - 33.828934px) 12.312725px, calc(50% - 33.608895px) 12.901246px, calc(50% - 33.378619px) 13.485837px, calc(50% - 33.138175px) 14.066321px, calc(50% - 32.887636px) 14.642519px,
calc(50% - 32.62708px) 15.214257px, calc(50% - 32.356586px) 15.781361px, calc(50% - 32.076235px) 16.343658px, calc(50% - 31.786113px) 16.900976px, calc(50% - 31.486309px) 17.453146px,
calc(50% - 31.176915px) 18px, calc(50% - 30.858023px) 18.541371px, calc(50% - 30.529731px) 19.077094px, calc(50% - 30.19214px) 19.607005px, calc(50% - 29.845353px) 20.130945px,
calc(50% - 29.489474px) 20.648752px, calc(50% - 29.124612px) 21.160269px, calc(50% - 28.750878px) 21.665341px, calc(50% - 28.368387px) 22.163813px, calc(50% - 27.977255px) 22.655534px,
calc(50% - 27.5776px) 23.140354px, calc(50% - 27.169545px) 23.618125px, calc(50% - 26.753214px) 24.088702px, calc(50% - 26.328733px) 24.551941px, calc(50% - 25.896233px) 25.007701px,
calc(50% - 25.455844px) 25.455844px, calc(50% - 25.007701px) 25.896233px, calc(50% - 24.551941px) 26.328733px, calc(50% - 24.088702px) 26.753214px, calc(50% - 23.618125px) 27.169545px, calc(50% - 23.140354px) 27.5776px, calc(50% - 22.655534px) 27.977255px,
calc(50% - 22.163813px) 28.368387px, calc(50% - 21.665341px) 28.750878px, calc(50% - 21.160269px) 29.124612px, calc(50% - 20.648752px) 29.489474px, calc(50% - 20.130945px) 29.845353px,
calc(50% - 19.607005px) 30.19214px, calc(50% - 19.077094px) 30.529731px, calc(50% - 18.541371px) 30.858023px, calc(50% - 18px) 31.176915px, calc(50% - 17.453146px) 31.486309px,
calc(50% - 16.900976px) 31.786113px, calc(50% - 16.343658px) 32.076235px, calc(50% - 15.781361px) 32.356586px, calc(50% - 15.214257px) 32.62708px,
calc(50% - 14.642519px) 32.887636px, calc(50% - 14.066321px) 33.138175px, calc(50% - 13.485837px) 33.378619px, calc(50% - 12.901246px) 33.608895px,
calc(50% - 12.312725px) 33.828934px, calc(50% - 11.720454px) 34.038669px, calc(50% - 11.124612px) 34.238035px, calc(50% - 10.525381px) 34.426971px,
calc(50% - 9.922945px) 34.605421px, calc(50% - 9.317486px) 34.77333px, calc(50% - 8.709188px) 34.930646px, calc(50% - 8.098238px) 35.077322px,
calc(50% - 7.484821px) 35.213314px, calc(50% - 6.869124px) 35.338579px, calc(50% - 6.251334px) 35.453079px, calc(50% - 5.631641px) 35.55678px,
calc(50% - 5.010232px) 35.64965px, calc(50% - 4.387296px) 35.731661px, calc(50% - 3.763025px) 35.802788px, calc(50% - 3.137607px) 35.863009px, calc(50% - 2.511233px) 35.912306px,
calc(50% - 1.884094px) 35.950663px, calc(50% - 1.256382px) 35.97807px, calc(50% - 0.628287px) 35.994517px, 50% 36px, calc(50% + 0.628287px) 35.994517px, calc(50% + 1.256382px) 35.97807px,
calc(50% + 1.884094px) 35.950663px, calc(50% + 2.511233px) 35.912306px, calc(50% + 3.137607px) 35.863009px, calc(50% + 3.763025px) 35.802788px, calc(50% + 4.387296px) 35.731661px,
calc(50% + 5.010232px) 35.64965px, calc(50% + 5.631641px) 35.55678px, calc(50% + 6.251334px) 35.453079px, calc(50% + 6.869124px) 35.338579px,
calc(50% + 7.484821px) 35.213314px, calc(50% + 8.098238px) 35.077322px, calc(50% + 8.709188px) 34.930646px, calc(50% + 9.317486px) 34.77333px, calc(50% + 9.922945px) 34.605421px,
calc(50% + 10.525381px) 34.426971px, calc(50% + 11.124612px) 34.238035px, calc(50% + 11.720454px) 34.038669px, calc(50% + 12.312725px) 33.828934px, calc(50% + 12.901246px) 33.608895px,
calc(50% + 13.485837px) 33.378619px, calc(50% + 14.066321px) 33.138175px, calc(50% + 14.642519px) 32.887636px, calc(50% + 15.214257px) 32.62708px, calc(50% + 15.781361px) 32.356586px,
calc(50% + 16.343658px) 32.076235px, calc(50% + 16.900976px) 31.786113px, calc(50% + 17.453146px) 31.486309px, calc(50% + 18px) 31.176915px, calc(50% + 18.541371px) 30.858023px,
calc(50% + 19.077094px) 30.529731px, calc(50% + 19.607005px) 30.19214px, calc(50% + 20.130945px) 29.845353px, calc(50% + 20.648752px) 29.489474px, calc(50% + 21.160269px) 29.124612px,
calc(50% + 21.665341px) 28.750878px, calc(50% + 22.163813px) 28.368387px, calc(50% + 22.655534px) 27.977255px, calc(50% + 23.140354px) 27.5776px, calc(50% + 23.618125px) 27.169545px,
calc(50% + 24.088702px) 26.753214px, calc(50% + 24.551941px) 26.328733px, calc(50% + 25.007701px) 25.896233px, calc(50% + 25.455844px) 25.455844px, calc(50% + 25.896233px) 25.007701px,
calc(50% + 26.328733px) 24.551941px, calc(50% + 26.753214px) 24.088702px, calc(50% + 27.169545px) 23.618125px, calc(50% + 27.5776px) 23.140354px, calc(50% + 27.977255px) 22.655534px,
calc(50% + 28.368387px) 22.163813px, calc(50% + 28.750878px) 21.665341px, calc(50% + 29.124612px) 21.160269px, calc(50% + 29.489474px) 20.648752px, calc(50% + 29.845353px) 20.130945px,
calc(50% + 30.19214px) 19.607005px, calc(50% + 30.529731px) 19.077094px, calc(50% + 30.858023px) 18.541371px, calc(50% + 31.176915px) 18px, calc(50% + 31.486309px) 17.453146px,
calc(50% + 31.786113px) 16.900976px, calc(50% + 32.076235px) 16.343658px, calc(50% + 32.356586px) 15.781361px, calc(50% + 32.62708px) 15.214257px,
calc(50% + 32.887636px) 14.642519px, calc(50% + 33.138175px) 14.066321px, calc(50% + 33.378619px) 13.485837px, calc(50% + 33.608895px) 12.901246px, calc(50% + 33.828934px) 12.312725px,
calc(50% + 34.038669px) 11.720454px, calc(50% + 34.238035px) 11.124612px, calc(50% + 34.426971px) 10.525381px, calc(50% + 34.605421px) 9.922945px, calc(50% + 34.77333px) 9.317486px,
calc(50% + 34.930646px) 8.709188px, calc(50% + 35.077322px) 8.098238px, calc(50% + 35.213314px) 7.484821px, calc(50% + 35.338579px) 6.869124px, calc(50% + 35.453079px) 6.251334px,
calc(50% + 35.55678px) 5.631641px, calc(50% + 35.64965px) 5.010232px, calc(50% + 35.731661px) 4.387296px, calc(50% + 35.802788px) 3.763025px, calc(50% + 35.863009px) 3.137607px,
calc(50% + 35.912306px) 2.511233px, calc(50% + 36.462997px) 1.884094px, calc(50% + 36.975331px) 1.256382px, calc(50% + 37.487665px) 0.628287px, calc(50% + 38px) 0, 100% 0, 100% 100%, 0 100%);
}
.my_plan {margin-right: 40px;}
.community {margin-left: 40px;}
.under_bar {position: fixed; right: 0; bottom: 0; left: 0; height: 70px; background: transparent; z-index: 3;}
.btn_round {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background-color: #d9d6d0;
color: #7c7360; width: 56px; height: 56px; box-shadow: 0 4px 10px 3px #00000026; border-radius: 50%;
text-align: center; line-height: 56px; font-size: 50px; text-decoration: none; z-index: 10; -moz-user-select: none; -khtml-user-select: none;
-webkit-user-select: none; -ms-user-select: none; user-select: none; outline: none;}
.btn_round:hover {text-decoration: none;}
.flex_row {display: flex; display: -webkit-flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: space-between; z-index: 1; position: relative;}
.column25 {width: 25%;}
.column50 {width: 50%;}
.under_bar .flex_row a {display: block; text-align: center; color: #ffffff; padding: 5px 0; padding-bottom: 21px; text-decoration: none; white-space: nowrap;}
.under_bar .flex_row a:hover {opacity: 0.6; transition: all 0.4s ease-in-out 0s; }
.under_bar .flex_row .img {display: inline-block; height: 20px; width: 20px;}
.under_bar .flex_row .img img {height: 100%; width: auto;}
.flex_row .user #user_avatar {height: 20px; width: 20px; overflow: hidden; border-radius: 50%; border: 1px solid #ffffff;}
.flex_row .user #user_avatar.main_user {border: 1px solid #262626;}
.modules_list .coaching.block span.icon, .tab.my_coach span.tab_icon, .my_coach.block span.icon {position: relative;}
.count_unread {display: inline-block; position: absolute; top: 0; right: -15px; height: 14px; line-height: 14px; border-radius: 4px; background-color: red; color: #FFF; font-size: 10px; text-align: center; padding: 2px 4px;}
.my_coach.block .count_unread{top: 10px; right: 10px;}
.count_unread.empty {display: none;}
.app_design #password_restore_page {background-color: #ffffff; max-width: 520px; margin: 20px auto; border-radius: 15px;}
.app_design #password_restore_page input[type='text'] {background-color: #f5f5f5;}
.app_design ul.events li, .app_design ul.workshops li, .app_design ul.lessons li, .app_design #membership_page .memberships > li, .app_design #doorapi_page .memberships > li, .level_chelenge_item {border-radius: 15px; overflow: hidden;}
.app_design .pagination a, .app_design .pagination span, .app_design .trial_lesson_wrap #calendar td.button:before, .app_design #points_graph {border-radius: 5px;}
.app_design #show_membership_page .imgwrap {border-radius: 15px 15px 0 0;}
.app_design .headerp {display: none;}
.app_design.referral .headerp, .app_design.xployalty .headerp {display: block; overflow: hidden;}
.app_design .xployalty_headerp {margin-bottom: 30px!important;}
.app_design #show_membership_page .imgwrap {overflow: hidden; line-height: 0;}
.app_design .filterhead, .app_design #fixedhead, .app_design #feedback_content, .app_design .poster_block, .app_design .niceform form,
.app_design #referral_users_info h3, .app_design #more_info_button, .app_design .filterincont,
.app_design #show_workshops_page #content #show_workshop, .app_design #show_membership_page .description,
#show_workshops_page .contentwr, #show_events_page .contentwr, .app_design .slick-slide img, .app_design .button.mi,
.app_design #membership_page .memberorder, .app_design #show_membership_page .memberorder, .app_design #filtering .search,
.app_design #filtering input[type="text"], .app_design #filtering select, .app_design .button.di, .app_design .button.order,
.app_design a.show_product .wrapfimg img, .app_design #cart, .app_design input[type="text"], .app_design input[type="password"], .app_design select,
.app_design .cartlink, .app_design .profile_fields, .app_design .logoutlink, .app_design .givenby, .app_design .submit_buttons,
.app_design textarea, .app_design .referrals_rules_block, .app_design .plan_activity, .app_design .tabcontentprogr, .app_design input[type="submit"],
.app_design #user_info_top_block, .app_design #tabs.flex_row, .app_design #plans, .app_design #meals,
.app_design .button_add_to_home, .app_design.coaching_exercise #content .flex_row, .app_design .back_link, .app_design .item_description,
.app_design .coaching_item, .app_design div.calendar.popup, .app_design div.calendar table td.selected,
.app_design #show_workshop .workshop_btns.desc .show_price, .app_design .cancel, .app_design .back,
.app_design #wizard_membership_page .niceform form .membership_item, .app_design .back_btn, .app_design .allmonthwrap, .app_design .allmonthwrap a,
.app_design #show_workshops_page .workshop_btns.mob .show_price, .app_design #xployalty_content,
.app_design .selected_steps label, .app_design .trial_lessons .filtersmallpart, .app_design .trial_lessons, .app_design .trial_lesson_wrap,
.app_design.trial_lesson_date #content, .app_design .trial_lesson_wrap #calendar tr.days td:hover, .app_design .trainer_info, .app_design .trainer_info img,
.app_design.index .lang_block, .app_design .chat_window, .app_design .chat_border, .app_design .msg_text,
.app_design .xployalty_btn, .app_design .xp_earn_opportunity, .app_design .xployalty_points_lines_block, .app_design .convert_coupon_btn,
.app_design .nutritions_totals, .app_design #select_language_popup, .app_design .plan_activity_info .happy_bd, .app_design #attention_message,
.app_design .opening_times, .app_design .watertracker, .app_design .club_geolocation, .app_design .wrapiframe iframe,
.app_design #remote_add_switch_outlet_form .outlet .image img, .app_design #remote_add_switch_outlet_form .outlet,
.app_design #current_programs, .app_design.my_workouts .workout_group, .app_design .workout_button, .app_design .category_videos,
.app_design.my_nutrition .remote_add_content .toppanel, .app_design .coaching_recipe .coaching_recipe_image,
.app_design .full_coaching_recipe .coaching_recipe_image, .app_design .coaching_recipe,
.app_design .coaching_categories_recepten, .app_design .coaching_categories_books, .app_design .book_block, .app_design .book_image,
.app_design .book_block .flex_blok_book, .planning_day_wraper, .request_wrap, .app_design #my_agenda_days, .app_design #my_task_days, .prolong_membership_form input[type="button"], .btn_submit {border-radius: 15px; text-decoration: none;}
.app_design .allmonthwrap a {height: 26px;}
.app_design #filtering .search input[type="submit"] {border-radius: unset;}
.app_design .loginb {border-radius: 15px 0 0 15px;}
.app_design .xp_earn_opport_description, .app_design #show_workshops_page .imgwrap, .app_design #show_events_page .imgwrap,
.app_design #show_lessons_page .imgwrap {border-radius: 15px 15px  0 0;}
.app_design .xp_earn_opport_points, .app_design #show_membership_page .description, .app_design #show_lessons_page #show_lesson {border-radius: 0 0 15px 15px;}
.app_design .niceform .niceform_wrap {padding: 0;}
.app_design .filterincont {background-color: #ebebeb75 !important;}
.app_design #right_side .filterincont {background: none !important; min-height: 100%; display: flex; flex-direction: column;}
.app_design .filterincont .head_and_logo {display:  none; background-color: #7c7360; width: calc(100% + 40px); margin: -20px -20px 20px -20px; padding: 10px 0; text-align: center;}
.app_design .filterincont .head_and_logo img {max-width: 50%; height: auto;}
.app_design .filterincont .filtersmallpart {background-image: url(); background-size: cover; padding: 15px; box-sizing: border-box; color: #000 !important;}
#filtering {min-height: 100%;}
.app_design .pagination span, .app_design #workshop_page .pagination span, .app_design #membership_page .memberships > li h3, .app_design #doorapi_page .memberships > li h3, .app_design .club_portal_block > li h3,
.app_design .filterhead, .app_design #fixedhead, .app_design #education_page .pagination span,
.app_design #memberships_data h2, .app_design .allmonthwrap a, .app_design .timelesson,
.app_design #invoices_data h2,
.app_design .profile_items_data h2,
.app_design #workshops_data h2,
.app_design #events_data h2,
.app_design #products_data h2,
.app_design #lessons_data h2,
.app_design #qrcode_data h2,
.app_design.coaching_exercise .slick-arrow:after, .app_design  .slick-dots .slick-active button,
.app_design .xployalty_btn.active, .app_design .xployalty_btn:hover, .app_design .xp_earn_opport_points,
.app_design .xp_earn_opport_icon, .app_design .trial_lesson_wrap #calendar tr.days td.selected,
.app_design .trial_lesson_wrap #calendar tr.days td.weekend.selected, .app_design .allmonthwrap a.allweekb,
.app_design #invoices_data h2, .app_design #lessons_data h2, .app_design #lessons_data_staff h2,
.app_design #workshops_data h2, .app_design #events_data h2, .app_design #products_data h2, .app_design #qrcode_data h2,
.app_design #privacy_declaration_block a
{background-color: #7c7360 !important; color: #ffffff !important;}
.app_design #membership_page #right_side h2, .app_design #membership_page .filterincont h2, .app_design #lessons_page #right_side h2,
.app_design #lessons_page .filterincont h2, .app_design #workshop_page .filterincont h2,
.app_design #events_page #right_side h2, .app_design #events_page .filterincont h2, .app_design #onlinel_lessons_page #right_side h2, .app_design #online_lessons_page .filterincont h2,
.app_design .niceform h1, .app_design #products_page #right_side h2, .app_design #products_page .filterincont h2, .app_design #right_side h2, .app_design .filterincont h2,
.app_design #workshop_page .trainer, .app_design .givenby .d_time, .app_design #show_workshops_page .workshop_description .givenby .d_time,
.app_design #show_workshops_page #content #show_workshop .trainer_info .trainernw span, .app_design #lessons_page .trainer, .app_design .givenby .d_time,
.app_design #show_lessons_page .trainer_info .trainernw span,.app_design #workshop_page #right_side h2, .app_design #workshop_page .filterincont h2,
.app_design .wuseravatar a, .app_design .profile_fields .items td a.more_i,
.app_design .textbutton, .app_design #referral_users_info h3,
.app_design #invoices_data .get_more_items,
.app_design #workshops_data .get_more_items,
.app_design #events_data .get_more_items,
.app_design #products_data .get_more_items,
.app_design #lessons_data .get_more_items,
.app_design #qrcode_data .get_more_items,
.app_design .xp_loyalty_title, .app_design #referral_users_info .started_user_emails, .app_design #invite_a_user .niceform label,
.app_design .trial_lesson_wrap #calendar td.title, .app_design .filterincont h1,
.app_design .filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label span.trial_time,
.app_design #memberships_data .get_more_items,
.app_design .wizard_steps td {color: #7c7360 !important;}
.app_design #products_page #right_side h2, .app_design #products_page .filterincont h2, .app_design #right_side h2, .app_design .filterincont h2 {color: #000 !important;}
.app_design .wizard_steps td::after {background-color:#7c7360;}
.app_design .wizard_steps td::before, .app_design .filtersmallpart .nice_checkbox:checked + label:before,
.app_design .weekdays_selecter .nice_checkbox:checked + label:before,
.app_design .nice_checkbox:checked + label:before {border: 2px solid #7c7360 !important;}
.app_design .filtersmallpart .nice_checkbox:checked + label:after, .app_design .checkbox_block .nice_checkbox:checked + label:after,
.app_design .weekdays_selecter .nice_checkbox:checked + label:after, .app_design .nice_checkbox:checked + label:after {color: #262626 !important;}
.app_design .wizard_steps td.current::before {border-color: #262626 !important;}
.app_design .wizard_steps td.activated::before {color: #262626 !important;}
.app_design .trial_lesson_wrap #calendar tr.days td:hover {background-color: #7c736075;}
.app_design .nice_checkbox:not(checked) + label:after {top: -4px; left: 3px;}
.app_design .filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label:after {left: 2px;}
.app_design .referrals_rules_block, .app_design .item_description, .app_design .coaching_item {background: #ffffff;  padding: 10px; box-sizing: border-box; margin-top: 20px;}
.app_design.my_nutrition .coaching_item {padding: 10px 0px;}
.app_design #membership_page .memberorder, .app_design .button.order, .app_design .search input[type="submit"], .app_design .submit_buttons, .app_design #cart .cartlink, .app_design #online_lessons_page .button.di, .app_design #education_training_page .button.di,
.app_design #profile_page #user_data .logoutlink, .app_design .cancel, .app_design #education_page .button.di, .app_design #user_login_block .login input[type='submit'],
.app_design #wizard_register input[type="submit"], .app_design #password_restore_page input[type="submit"], .app_design #lessons_page .button.di,
.app_design #show_lessons_page .button.di, .app_design #profile_page .cancel, .app_design #profile_page .reserve,
.app_design #workshop_page .button.di, .app_design #online_lessons_page .button.di, .app_design #donation_popup .button.di, .app_design .common_popup .button.di, .app_design #gift_details_popup .button.di,
.app_design #show_workshops_page .button.di, .app_design #show_education_page .button.di, .app_design #show_education_page .button.fully_booked,
.app_design #show_membership_page .memberorder, .app_design .cp_family_memberships .left_image_link.add, .app_design .link_as_button,
.app_design #show_education_training_page .button.di, .app_design #events_page .button.di, .app_design
.remote_add_content input[type="submit"], .app_design #wizard_membership_page input[type="submit"],
.app_design #invite_a_user .niceform .submit_buttons, .app_design #wizard_membership_page .submit_buttons_disable, .app_design .pagination a,
.app_design input[type="submit"], .app_design .convert_coupon_btn, .app_design .allmonthwrap a,
.prolong_membership_form input[type="button"], .btn_submit
{background-color: #d9d6d0 !important; color: #7c7360 !important;}
.app_design .button.mi, .app_design #workshop_page .mi, .app_design .back_btn,
.app_design .back_link, .app_design #wizard_register .back_btn, .app_design #password_restore_page .back,
.app_design #lessons_page .mi, .app_design #more_info_button
{background-color: #ffffff !important; color: #7c7360 !important;}
.app_design .xployalty_btn {background-color: #ffffff; color: #7c7360;}
.app_design .xployalty_btn#qr_code_btn {background-color: #ff9800; color: #FFF;}
#xployalty_content .flex_container.two_line_buttons {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 20px;}
#partner_detection {margin: 30px 0px; text-align: center; font-size: 18px; color: red; font-weight: 600;}
#partner_detection_btn {text-align: center;}
#partner_detection_btn .xployalty_btn {display: inline-block;}
.centered_buttons {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.app_design .remote_add_content, .app_design #content_block .legal_info {background-color: #ffffff; border-radius: 15px; z-index: 2; position: relative;}
.app_design .remote_add_content .backlink {position: absolute; left: 30px; top: 25px;}
.app_design .remote_add_content .backlink:before {color: #7c7360;}
.app_design .remote_add_content h2 {margin-bottom: 10px;}
.app_design .remote_add_content .two_colums_form {display: flex; justify-content: space-between;}
.app_design .remote_add_content .two_colums_form div {width: 49%;}
.app_design .remote_add {position: absolute; max-width: 440px; margin-top: 10%; margin: auto;}
.app_design .remote_add_content .buttons #three_point_indicator {display: inline-block; width: 51%;}
.app_design .remote_add_content .buttons #three_point_indicator b {float: right;}
.app_design #remote_add_qr_code_form.remote_add{position: absolute; margin: 0px;}
.app_design.training .form_buttons {display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.app_design #content_block .legal_info {padding: 15px;}
.lesson_full_information {}
.lesson_full_information .full_information_trainer {float: left;  width: 40%}
.lesson_full_information .full_information_trainer .trainer_info {width: 100%}
.lesson_full_information .full_information_data {float: left; width: 60%; padding: 0px 10px; box-sizing: border-box;}
#show_lessons_page .lesson_full_information .full_information_data .lessons_btns.desc  {float: none; width: 100%;}
#show_lessons_page .lesson_full_information .full_information_data .lesson_description {float: none; width: 100%;}
.lesson_full_information .full_information_data .lesson_attendees   {width: 100%; box-sizing: border-box;}
.weekdays_selecter {display: flex; justify-content: space-between; align-items: center; max-width: 280px; margin-top: 10px;}
.weekdays_selecter .day {text-transform: capitalize; text-align: center; font-weight: 600; position: relative; padding-bottom: 15px;}
.weekdays_selecter .day label {cursor: pointer;}
.day .nice_checkbox:not(checked) {left: 0; width: 30px; height: 30px;}
.weekdays_selecter .nice_checkbox:not(checked) + label:before {width: 20px; height: 20px; left: 3px;}
.weekdays_selecter .nice_checkbox:not(checked) + label:after {top: 0px; left: 8px; }
.app_design .remote_add_content .hide {display: none;}
.app_design .remote_add_content .show {display: block;}
.panelinform, .meal {padding: 0 15px; border-radius: 15px; border: 1px solid #7c7360; margin: 10px 0; box-sizing: border-box; line-height: 40px; font-size: 18px;}
.meal {padding: 10px;}
.marg10 {margin: 10px 0;}
.close_dark_wrap_btn {position: absolute; top: 0; background: none; opacity: 1; cursor: pointer; box-shadow: none;}
#show-element {position: absolute; top: 0px; right: 20px;  text-decoration: none;}
#show-element:before {content: '\f204'; font-family: "fontello"; font-size: 20px; line-height: 35px; padding-right: 5px; color: grey; transition: all 0.3s cubic-bezier(.83,-0.43,.21,1.42);}
#show-element.active:before {content: '\f205'; font-family: "fontello"; font-size: 20px; line-height: 35px; padding-right: 5px; color: #7c7360; transition: all 0.3s cubic-bezier(.83,-0.43,.21,1.42);}
.app_design.index #filterid {display: none;}
.app_design #filterid {padding-top: 30px;}
.app_design #profile_edit_page .niceform form, .app_design .niceform form {background-color: #ffffff;}
body.app_design::-webkit-scrollbar-track {background-color: #ffffff;}
body.app_design::-webkit-scrollbar-thumb {background-color: #7c7360;}
body.app_design::-webkit-scrollbar-corner {background-color: #ffffff;}
.app_design .arrowindec {background: none; text-align: center;}
.app_design .arrowindec:before {content: '\f100'; font-family: "fontello"; font-size: 22px; line-height: 46px; color: #7c7360;}
.app_design .show_price {background-color: grey; color: #ffffff;}
.app_design .show_price span {margin-left: 5px; color: #ffffff;}
.app_design #profile_page #user_data .wuseravatar {width: 15%; min-width: 200px; text-align: center;}
.app_design .round_avatar {border-radius: 50%; overflow: hidden; width: 116px; height: 116px; flex-shrink: 0; border: 2px solid #7c7360; display: inline-block;}
.app_design .round_avatar img {width: 100%; height: 100%; object-fit: contain; padding: 0px;}
.app_design #profile_page .logoutlink {float: none; margin-top: 20px;}
.app_design #coaching_category_page .article_block {background-color: #ffffff;}
.app_design .item_image {max-width: 540px; margin: auto; position: relative;}
.app_design .item_image img {border-radius: 15px; width: 100%; height: auto;}
.app_design .button_add_to_home {background-color: #d9d6d0; color: #7c7360;}
.app_design .config_api_name {background-color: #7c7360; color: #ffffff;}
.app_design input[type="radio"].checkbox:checked + label:before {border: 2px solid #7c7360 !important;}
.app_design input[type="radio"].checkbox:checked + label {color: #7c7360 !important;}
.app_design #wizard_membership_page .niceform form div.price_per_period, .app_design #wizard_payment_page .niceform form div.price_per_period,
.app_design #payment_wizard_to_pay_paypro_page .niceform form div.price_per_period,
.app_design input[type="radio"].checkbox:checked + label:after,
.app_design .filtersmallpart .nice_checkbox:checked + label:after, .app_design .checkbox_block .nice_checkbox:checked + label:after,
.app_design .weekdays_selecter .nice_checkbox:checked + label:after, .app_design .nice_checkbox:checked + label:after
{color: #262626; background: none; content: "\2713"; font-weight: 900; font-size: 21px;}
.head_with_text_for_app_design {display: none;}
.app_design .head_with_text_for_app_design {display: block; background-color: #7c7360; color: #ffffff; border-radius: 15px; padding: 20px; margin-bottom: 30px; }
.app_design .dark_wrap {cursor: pointer;}
#period {text-transform: capitalize; color: #7c7360; margin-top: 0; outline: none; cursor: pointer; width: auto; font-size: 18px; margin: 0px;}
#chart_difference, #chart_title {color: #7c7360; font-size: 22px;}
#chart_title {font-weight: 600; text-transform: uppercase;}
#chart_difference:before {font-family: "fontello"; font-size: 22px; line-height: 22px; padding-right: 5px;}
.meashurment_grow:before {content: '\e856';}
.meashurment_reduction:before {content: '\e854';}
#chart_last_value {font-size: 22px; line-height: 33px; font-weight: 600;}
.app_design .remote_add_content #qrcode_data #qr_code_block {padding: 0;}
.app_design .remote_add_content #qrcode_data #qr_code_block img {width: 100%; height: auto;}
.app_design .remote_add_content .profile_fields {padding: 0;}
.app_design #show_product .back_link {display: none;}
.app_design .m_left_w, .app_design #prev_day { background-image: none; border-radius: 15px 0 0 15px; }
.app_design .m_right_w, .app_design #next_day { background-image: none; border-radius: 0 15px 15px 0; }
.app_design .m_left_w:before, .app_design #prev_day:before, .app_design .m_right_w:before, .app_design #next_day:before {font-family: "fontello"; line-height: 26px; color: #262626;}
.app_design .m_left_w:before, .app_design #prev_day:before {content: '\e833';}
.app_design .m_right_w:before, .app_design #next_day:before {content: '\e834';}
/* Style for body composition on my progress*/
.donut-chart * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.donut-chart {position: relative; width: 270px; height: 270px; margin: 0 auto 2rem; border-radius: 100%; background-color: #f5f5f5;}
.donut-chart .center { background: #FFF; position: absolute; z-index: 1000; text-align: center; font-size: 34px; font-weight: 600; top:0; left:0; bottom:0; right:0; width: 196px; height: 196px; margin: auto; border-radius: 50%; line-height: 100px; padding: 15% 0 0;}
.donut-chart .portion-block {z-index: 100; border-radius: 50%; clip: rect(0px, 270px, 270px, 135px); height: 100%; position: absolute; width: 100%;}
.donut-chart .circle {z-index: 100; border-radius: 50%; clip: rect(0px, 135px, 270px, 0px); height: 100%; position: absolute; width: 100% ; font-family: monospace; font-size: 1.5rem;}
.donut-chart .portion-block.more_half {z-index: 1; clip: auto;}
.donut-chart .portion-block.more_half .circle {clip: auto;}
#user_info_top_block, .app_design .xployalty_points_lines_block {margin: 0 0 30px; padding: 10px; background: #FFF;}
#user_info_top_block div:first-child {position: relative;}
.app_design .xployalty_points_lines_block {margin: 30px 0; box-sizing: border-box;}
.row_flex {display: flex; justify-content: space-between; align-items: center;}
.row_flex.graphics {align-items: start;}
.row_flex.two_columns_inline {flex-wrap: wrap;}
.row_flex.maxwidth, .column50 {max-width: 50%; padding: 0 15px; box-sizing: border-box;}
.wrapwatertracker .column50 {position: relative; text-align: center;}
.width50 {width: 50%;}
.width50withp {width: 50%; padding-left: 10px; box-sizing: border-box;}
.row_flex.graphics .row_flex.maxwidth {max-width: 100%;}
.row_flex.maxwidth.progresion_info {margin: 10px 35px 10px 0px;}
.row_flex.maxwidth.progresion_period {width: calc(50% - 50px); padding: 4px 15px;}
.row_flex.maxwidth.progresion_set #set_one_rm {border: 1px solid #CCC;}
.row_flex.maxwidth.progresion_set .btn {width: auto; min-width: auto; text-align: center; display: inline-block; padding: 0px 30px; margin: 0px 0px 0px 20px;}
.text_column.for_img {max-width: 150px; line-height: 0;}
.text_column.for_img .round_avatar {width: 116px;}
.text_column.for_img img {width: 100%; object-fit: cover;}
.text_column {width: 100%; vertical-align: top; box-sizing: border-box;}
.text_column.forperiodselect {text-align: right;}
.text_column.centered_message {text-align: center; color: #7c7360; font-size: 22px;}
.totals_title {font-size: 18px; font-weight: 600; width: 25%; max-width: 50px; text-align: center; text-transform: capitalize;}
.nutritions_totals {background-color: #7c7360; color: #ffffff; padding: 15px; margin-top: 10px; margin-bottom: 20px;}
.nutritions_totals .calories_totals .totals_numerics {text-align: right;}
.totals_numerics .digits_data {display: inline-block; margin: 0px; font-weight: 600; padding-left: 5px;}
.other_totals b {font-size: 18px; font-weight: 600;}
#calendar_wrap {position: relative; max-width: 630px; margin: 0px auto;}
.app_design #meals {background-color: #ffffff; padding: 10px;}
.meals .meal {width: 100%; min-height: 80px; background-color: #ffffff;}
.meals .meal_recipe img {width: 40px; height: auto;}
.meal_recipe, .meal_title, .nutrition_information, .other_totals, .nutrition_title {display: flex;}
.meal_title .nutrition_title {font-size: 20px; margin-bottom: 10px; color: #7c7360; }
.nutrition_title {width: 40%; line-height: 40px; font-size: 18px; font-weight: 600; padding-right: 10px;}
.nutrition_title.with_info {cursor: pointer; position: relative; padding-right: 40px; box-sizing: border-box;}
.nutrition_title.with_info::after {position: absolute; right: 20px; font-family: "fontello"; font-size: 18px; line-height: 40px; color: #7c7360; content: '\f086'; display: inline-block; }
.nutrition_information {width: 60%;}
.nutrition_information > div {width: 20%; margin-right: 5px; vertical-align: top; margin-bottom: 5px; box-sizing: border-box;}
.nutrition_information > div:last-child {margin-right: 0;}
.nutrition_information .mobile {display: none; vertical-align: top;}
.nutrition_information .mobile.np {padding: 0;}
.meal_title .nutrition_information {font-size: 18px; font-weight: 600;}
.other_totals > div {width: 33%; text-align: center;}
.image_food {line-height: 0; padding-right: 10px;}
.calories_totals .calories_total_wrap {clear: both; width: 100%; height: 14px; background-color: #fff; border-right: none; border-left: none; box-sizing: border-box;}
.app_design .calories_totals .calories_total_wrap {border-radius: 5px; overflow: hidden; margin: 10px 0; clear: both;}
.calories_totals .calories_total_spent {background-color: #262626; max-width: 100%; font-size: 10px; text-align: right; padding-right: 5px; box-sizing: border-box; line-height: 14px; font-weight: 400;}
.app_design #remote_add_change_meal.remote_add {position: absolute; width: 80%; max-width: 680px; overflow-y: auto;height: 70%;}
#remote_add_content_change_meal.remote_add_content {max-width: 600px;}
.flex {display: flex; }
.css_popup {width: 30px; position: relative; cursor: pointer;}
.popup_link {width: 100%; display: block;}
.popup_link:before {content: '\f142'; font-family: "fontello"; font-size: 20px; display: block; line-height: 35px; width: 100%; text-align: center; color: #7c7360; transition: all 0.3s cubic-bezier(.83,-0.43,.21,1.42);}
.meal_title .css_popup_content {padding: 8px 12px; top: auto; min-width: auto; width: auto; background-color: #FFF; border: 1px solid rgba(191, 191, 191, 1); text-align: left; color: #444; line-height: 30px; border-radius: 15px; border: 1px solid #7c7360; }
.css_popup:hover .css_popup_content.clear_left {top: 0px; right: 30px; left: auto; display: block; z-index: 1000;}
.meal_title .css_popup_content .btn {line-height: 30px; padding: 0 10px; margin: 5px 0; font-size: 10px;}
.css_popup_content .btn:before, .сhange:before {font-family: "fontello"; font-size: 15px; display: inline-block; padding-right: 5px;}
.css_popup_content .btn.change:before, .сhange:before {content: '\e868';}
.css_popup_content .btn.delete:before {content: '\e80f';}
.coaching_recipe {margin-bottom: 20px;}
.coaching_recipe:hover {background-color: #7c736015;}
.coaching_recipe .coaching_recipe_image, .full_coaching_recipe .coaching_recipe_image {width: 150px; margin-right: 10px; line-height: 0; overflow: hidden;}
.coaching_recipe .coaching_recipe_info {width: 100%;}
.coaching_nutritional_value {display: flex; padding-top: 15px; flex-wrap: wrap; max-width: 660px;}
.coaching_nutritional_value .nutritional_value {width: 25%; text-align: center; font-weight: 600; display: flex;}
.nutritional_value .title {font-weight: 400;}
.nutritional_value::before {content: ''; display: inline-block; min-width: 50px; width: 50%; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.nutritional_value.kcal::before {background-image: url("/club_portal/svg/kcal?1751882062");}
.nutritional_value.carb::before {background-image: url("/club_portal/svg/food-bread?1751882062");}
.nutritional_value.prot::before {background-image: url("/club_portal/svg/food-egg?1751882062");}
.nutritional_value.fatt::before {background-image: url("/club_portal/svg/food-fat?1751882062");}
.full_coaching_recipe .coaching_recipe_image {width: 100%; max-width: unset;}
.coaching_recipe .coaching_recipe_image img, .full_coaching_recipe .coaching_recipe_image img {width: 100%; height: auto;}
.app_design.my_nutrition .remote_add_content .toppanel {background-color: #7c7360; color: #ffffff; line-height: 40px; padding: 0px 10px; text-align: center; font-weight: 600; margin-bottom: 30px;}
h3.cuizne_title, .cuizne_title {line-height: 40px; font-size: 16px; font-weight: 600; text-transform: unset;}
.full_coaching_recipe .cuizne_title {line-height: 60px; font-size: 22px;}
.cuizne_time {line-height: 16px; font-size: 14px; font-weight: 400;}
.btn.coaching_button {text-align: center;}
#sex, #age {display: inline-block;}
#sex:before {font-family: "fontello"; font-size: 18px; line-height: 18px; color: #7c7360;}
#sex.male_icon:before {content: '\f222';}
#sex.female_icon:before {content: '\f221';}
.dispblock {display: block;}
#tabs.flex_row {background-color: #ffffff; padding: 10px; justify-content: normal;}
#tabs.flex_row .tab {text-align: center; width: 25%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
#tabs.flex_row .tab a {display: block; text-decoration: none; color: #7c7360;}
.tab_icon { height: 50px; width: 50px; display: inline-block; margin: 0 auto; background-repeat: no-repeat; background-position: center;}
.tab.my_workouts .tab_icon {background-image: url("/club_portal/svg/workouts?1751882062"); background-size: 90%;}
.tab.my_progress .tab_icon {background-image: url("/club_portal/svg/my_progress?1751882062"); background-size: 90%;}
.tab.my_nutrition .tab_icon {background-image: url("/club_portal/svg/nutrition?1751882062"); background-size: 90%;}
.tab.my_coach .tab_icon {background-image: url("/club_portal/svg/my_personal_trainer?scheme=replace&1751882062"); background-size: 90%;}
.tab.my_coach {position: relative;}
.tab.my_tasks .tab_icon {background-image: url("/club_portal/svg/my_tasks?scheme=replace&1751882062"); background-size: 90%;}
.tab.my_agenda .tab_icon {background-image: url("/club_portal/svg/my_agenda?scheme=replace&1751882062"); background-size: 90%;}
#plans, #my_agenda_days, #my_task_days, #planning_time_data {border-top: 2px solid #7c7360; margin: 30px 0; overflow-y: scroll; background-color: #ffffff;}
#my_agenda_days, #my_task_days, #planning_time_data {border-top: none;}
#plans::-webkit-scrollbar, #my_agenda_days::-webkit-scrollbar, #my_task_days::-webkit-scrollbar, #planning_time_data::-webkit-scrollbar {width: 5px;}
#plans::-webkit-scrollbar-track, #my_agenda_days::-webkit-scrollbar-track, #my_task_days::-webkit-scrollbar-track, #planning_time_data::-webkit-scrollbar-track {background-color: #ffffff;}
#plans::-webkit-scrollbar-thumb, #my_agenda_days::-webkit-scrollbar-thumb, #my_task_days::-webkit-scrollbar-thumb, #planning_time_data::-webkit-scrollbar-thumb {background-color: #7c7360;}
#plans::-webkit-scrollbar-corner, #my_agenda_days::-webkit-scrollbar-corner, #my_task_days::-webkit-scrollbar-corner, #planning_time_data::-webkit-scrollbar-corner {background-color: #ffffff;}
#plans .plan {display: flex; padding: 20px 0; align-items: center; box-shadow: 0 0 10px rgba(0, 0, 0, .1) inset; border-bottom: 2px solid #7c7360;}
.plan.birthday {background: url(/images/fireworks.png) no-repeat; background-position: center; background-size: cover;}
#plans .plan.current_training_day, #my_agenda_days .agenda.current_agenda_day, #my_task_days .agenda.current_agenda_day {box-shadow: 0 0 15px #7c7360 inset;}
#plans .plan.birthday {box-shadow: 0 0 20px #d9d6d0 inset;}
.icon_bd {background-image: url("/club_portal/svg/cake?1751882062"); background-repeat: no-repeat; background-size: 100%; background-size: 100%;; background-position: center; background-size: contain; height: 60px; width: 60px; margin-right: 10px;}
.plan_activity_info .happy_bd {display: flex; background-color: #ffffff; border: 2px solid #7c7360; color: #7c7360; align-items: center; justify-content: center; padding: 10px; margin-bottom: 5px; text-align: center; font-weight: 700;}
.plan_date_info {width: 30%; padding: 5px 20px; max-width: 150px; text-align: center;}
#plans .plan.current_training_day .plan_date_info {color: #7c7360;}
.plan_activity_info {width: 100%; padding: 5px 20px; text-align: left; border-left: 1px solid #7c7360; min-height: 30px; }
.plan_activity {position: relative; padding: 10px; padding-right: 80px; background-color: #d9d6d0; color: #7c7360; margin-bottom: 5px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.plan_activity .checkbox_block {top: 50%; transform: translateY(-50%); left: auto; right: 0; width: 90px; height: 25px;}
.plan_activity .checkbox_block span {display: inline-block; width: 54px; text-align: right;}
.plan_activity .checkbox_block.inactive {cursor: auto; opacity: 1; filter: alpha(opacity:1.0);}
.plan_activity .checkbox_block .nice_checkbox:not(checked) + label {display: inline-block; top: -14px;}
.plan_activity .checkbox_block .nice_checkbox:not(checked) + label:before {width: 20px; height: 20px;}
.plan_activity .checkbox_block .nice_checkbox:not(checked) + label:after {width: 25px; height: 25px;}
.plan_activity .cancel {position: absolute; height: auto; line-height: 20px; right: 0px;}
.plan_activity.sport_api {clear: both; overflow: hidden; padding-right: 10px;}
.app_design .plan_activity .nice_checkbox:not(checked) + label:after {top: 1px; left: 5px;}
.week_day {font-size: 16px; text-transform: uppercase;}
.plan_date_info .date {font-size: 24px; font-weight: 700;}
.app_design .referral_headerp {margin-bottom: 0px!important;}
.app_design .xp_loyalty_count_started {background-color: #7c736029; line-height: 20px; border-radius: 15px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.app_design #referral_users_info .refer_status {line-height: 20px; border-radius: 15px;}
.app_design #referral_users_info h3 {padding: 0 15px; line-height: 35px; margin-top: 20px;}
.app_design .list_of_inv {padding: 0 15px;}
.btn, .btn_grey, .app_design .invite_friend_btn {display: inline-block; background-color: #d9d6d0;
color: #7c7360; line-height: 50px; text-transform: uppercase; margin-bottom: 30px; cursor: pointer;
transition: all .3s ease-out; width: 100%; border-radius: 15px; cursor: pointer; box-sizing: border-box; -moz-user-select: none;
-khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none;}
#remote_add_content_remove_program .btn {height: 34px; line-height: 34px; width: auto; padding: 0 15px; margin: 5px 10px; }
.btn#button_retrieve {position: relative;}
.btn#button_retrieve span#retrive_measurement_data {position: absolute; left: calc(50% + 80px); top: 4px;}
.app_design .invite_friend_btn {height: auto; padding: 0; margin-top: 30px; }
.app_design.holiday_and_leave .invite_friend_btn, .app_design.illness_and_absence .invite_friend_btn {margin-top: 0;}
.btn_grey {background-color: rgb(239, 239, 239); color: #000; position: relative; padding-left: 60px; padding-right: 35px; box-sizing: border-box; text-decoration: none;}
.detailed_progress .btn {padding: 0px 30px; box-sizing: border-box; position: relative; padding-right: 60px;}
.btn_grey:hover {background-color: #ddd;}
.btn:hover, .app_design .invite_friend_btn:hover {background-color: #d9d6d09e; transition: all .3s ease-out;}
.btn.rel_b {position: relative; padding-left: 50px; box-sizing: border-box;}
.btn .iconbtn {position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden;}
.btn .iconbtn img {width: 100%;}
.btn.website .iconbtn::after {font-family: "fontello"; content: "\e81f"; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 22px; display: block; color: #7c7360;}
.btn.facebook .iconbtn::after {font-family: "fontello"; content: "\f30e"; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 22px; display: block; color: #7c7360;}
.btn_grey::after {font-family: "fontello"; content: "\f006"; width: 15px; height: 30px; line-height: 30px; border-radius: 50%; display: inline-block; margin: 10px; position: absolute; right: 0;}
.btn_grey:before {content: ""; width: 30px; height: 30px; border-radius: 50%; display: inline-block; margin: 10px; position: absolute; left: 5px;}
.lean_mass:before {background-color: #FCB150;}
.other:before {background-color: #9c9c9c;}
.fat_kg:before    {background-color: #E64C65;}
.water_kg:before  {background-color: #11A8AB;}
.muscle_mass_kg:before {background-color: #4FC4F6;}
.bones_mass_kg:before {background-color: #807d35;}
.detailed_digits {text-align: center; padding-bottom: 20px;}
.detailed_digits #chart_last_value {font-size: 34px; font-weight: 600;}
.measurement_digit {}
.detailed_progress .nice_checkbox:not(checked) + label {position: unset; line-height: unset; margin: 0; padding: 0;}
.detailed_progress .nice_checkbox:not(checked) + label:before {top: 50%; transform: translateY(-50%); right: 10px; left: auto; width: 24px; height: 24px; border-radius: 50%;}
.detailed_progress .nice_checkbox:checked + label:after {top: 7px; left: auto; right: 7px;}
/* Style the tab programs */
.tabs_program, .app_design.referral .flex_container {display: flex; overflow: hidden; border-radius: 15px;}
.tabs_program button, .app_design .referral_btn { position: relative; width: 100%; border: none; outline: none; cursor: pointer; padding: 15px; transition: 0.3s; font-size: 15px; text-transform: uppercase; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #000000; background-color: rgb(239, 239, 239);}
.tabs_program .checkbox_block { position: absolute; right: 10px; top: 13px; left: auto;}
.tabs_program button:hover, .app_design .referral_btn:hover {background-color: #ddd;}
.tabs_program button.active, .app_design .referral_btn.active {background-color: #7c7360; color: #ffffff;}
.app_design .tabcontentprogr {background: rgb(255, 255, 255); padding: 10px 0px; margin-top: 20px; z-index: 2; position: relative;}
.app_design.detailed_progress .tabcontentprogr {margin-top: 0;}
.overview .btn {padding: 0px;}
.overview .buttons {display: flex; flex-direction: column;}
.overview .btn_submit {text-align: center;}
.overview input[type="submit"], .overview .btn_submit {width: auto; margin: 20px 0px;}
.app_design.referral .flex_container .flex_item {-webkit-flex: auto; flex: auto; line-height: 15px;}
.tabcontent {margin: 0 -8px; align-items: stretch; -webkit-align-items: stretch; justify-content: start; -webkit-justify-content: start; display: none; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.tabcontent .indicator_small {margin: 20px auto;}
.tabcontent.active {display: flex; display: -webkit-flex;}
.progr_exercise {width: calc(20% - 20px); margin: 10px; position: relative; box-sizing: border-box; display: flex; border-radius: 15px; overflow: hidden; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); background-color: #FFF;}
.progr_exercise.exercise_video {display: block;}
.progr_exercise.exercise_video video {width: 100%;}
.progr_exercise.exercise_video .description {padding: 10px 4px;}
.progr_exercise.exercise_video .cont, #training_details .progr_exercise.exercise_video .cont {width: 100%;}
.progr_exercise .img,.progr_exercise .cont {width: 50%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.progr_exercise .img {position: relative; background-color: #FFF;}
.progr_exercise .img .btn {width: calc(100% - 12px); margin: 6px; text-align: center;}
.progr_exercise .btn {text-align: center; display: block; width: 200px; margin: 10px auto; padding: 0px;}
.checkbox_block {position: absolute; left: 0; top: 0; height: 30px; width: 30px; padding-left: 10px;}
#training_overview .checkbox_block {top: 7px;}
.checkbox_block .nice_checkbox:checked + label:before {border: 2px solid #78a836;}
.progr_exercise .cont {padding: 20px; box-sizing: border-box; background-color: #ffffff;}
.progr_exercise .title {font-weight: 600; color: #010101; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
#training_details .title {font-size: 20px; margin-bottom: 12px;}
#training_details .progr_exercise .img {width: 30%; background-color: #FFF;}
#training_details .progr_exercise .cont {width: 70%; position: relative;}
.progr_exercise .bottom_block { border-radius: 15px;}
.progr_exercise .bottom_block .row_flex {position: relative;}
.progr_exercise .bottom_block .checkbox_block {position: absolute; left: 50%; top: 50%; height: 40px; width: 40px; padding: 0; background: white; border-radius: 50%; transform: translate(-50%, -50%);}
.progr_exercise .bottom_block .checkbox_block input[type="checkbox"] {width: 40px; height: 40px;}
.progr_exercise .bottom_block .checkbox_block .nice_checkbox:not(checked) + label:before, .not_active_checkbox {position: absolute; top: 6px; left: 6px; width: 24px; height: 24px; background-color: #fff; border: 2px solid #78a836; border-radius: 14px;}
.not_active_checkbox {border: 2px solid #ebebeb; text-align: center; cursor: pointer;}
.not_active_checkbox::before {font-family: "fontello"; content: "\e834"; line-height: 24px; display: inline-block; vertical-align: top; margin-left: 2px;}
.progr_exercise .bottom_block .checkbox_block .nice_checkbox:not(checked) + label:after {position: absolute; top: 5px; left: 10px; font-size: 32px;}
.progr_exercise img {width: 100%; height: auto; cursor: pointer;}
.exercise_positions {display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-weight: 600; margin-bottom: 6px;}
.my_schem_wrap {display: flex; flex-direction: row; position: relative;}
.workout_description {margin-bottom: 10px;}
.tablinks:before {font-family: "fontello"; font-size: 15px; line-height: 15px; padding: 0 5px;}
.info {margin: 3px 3px 0px 0px; position: absolute; right: 0; top: 0; cursor: pointer; background-color: #FFF; border-radius: 50%; width: 25px; height: 25px; text-align: center;}
.info:before {font-size: 18px; line-height: 18px; font-weight: 900; content: 'i'; color: #7c7360;}
.comment {position: absolute; right: 15; bottom: 0; padding: 10px; cursor: pointer;}
.comment:before {font-family: "fontello"; font-size: 18px; line-height: 18px; content: '\f03d'; color: #7c7360;}
#overview.tablinks:before {content: '\e708';}
#details.tablinks:before {content: '\e80b';}
.title_of_bottom_bl {font-size:18px; font-weight: 600; text-align: center; line-height: 24px; padding-bottom: 5px;}
.spec_inform_block {background-color: rgb(239, 239, 239); display: flex; border-radius: 15px; width: 49%; padding: 10px 5px; margin-bottom: 4px; box-sizing: border-box; text-align: center; min-height: 100%; flex-direction: column; justify-content: center; align-items: stretch;}
.spec_inform_block div {padding: 3px 5px; margin: 0px 10px; text-align: center;}
.spec_inform_block .digits {border-bottom: 1px dashed #7c7360; display: inline-block; font-size:18px; font-weight: 600; white-space: nowrap;}
.spec_inform_block .unitofm {color: #666666; text-transform: uppercase; font-size: 12px;}
.outer_row_flex {position: relative; min-height: 30px;}
.inner_row_flex {margin-top: 4px; display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: stretch;}
.inner_row_flex.moreblocks .spec_inform_block {padding: 5px;}
.main_indicator {width: auto; min-width: 80px; padding: 0px; font-size: 18px; font-weight: 600; text-align: left; padding-left: 20px; height: 24px; line-height: normal; margin-top: 0px; background: transparent; border: 1px solid #CCC; margin-bottom: 0px;}
#training_details .progr_exercise {width: calc(33.33333% - 20px);}
/* Style the current program */
.slick-slider {margin: 20px 0px; width: 100%;}
.app_design.my_workouts .slick-slider, .app_design.internal_online_lessons .slick-slider {margin: 0; margin-top: 20px;}
.current_program, .workout.slick-slide, .video.slick-slide, .article_block {position: relative; overflow: hidden; border-radius: 15px; margin: 0px 15px;}
.article_block {margin: 15px;}
.current_program.slick-slide, .workout.slick-slide, .video.slick-slide { width: 350px; height: 250px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; outline: none;}
.current_program_image, .workout_image, .video_image, .article_image {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.current_program .overlay, .workout .overlay, .video .overlay, .article_block .overlay {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.76234243697479) 100%);}
.description_curent_program, .description_workout, .description_video, .description_article {position: absolute; left: 0; bottom: 0; color: #ffffff; padding: 20px;}
.description_curent_program h2, .description_workout h2, .description_video h2, .description_article h2 {color: #ffffff; padding-bottom: 10px; line-height: 20px;}
.workout_button {position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; text-align: center; background-color: #7c7360; color: #ffffff; outline: none; text-decoration: none; }
.workout_button:hover {background-color: #7c736050;}
.workout_button::before {font-family: "fontello"; font-size: 15px; line-height: 30px;}
.workout_button.remove_program::before {content: '\e80f';}
.workout_button.view_program::before {content: '\e820';}
.current_program .view_program {right: 70px;}
.prepration_time, .n_prsns {display: inline-block; padding-right: 12px; position: relative;}
.prepration_time::before, .n_prsns::before {font-family: "fontello"; font-size: 17px; line-height: 30px; color: #7c7360; content: '\e86c'; padding-right: 5px;}
.n_prsns::before {content: '\e846';}
.description_article .prepration_time, .description_article .n_prsns {margin-right: 8px; color:}
.description_article .prepration_time::before, .description_article .n_prsns::before {color: #ffffff;}
.description_article .prepration_time:after, .description_article .n_prsns:after {background-color:#ffffff; content: ""; display: block; height: 15px; position: absolute; right: 0; top: 0; transform: translateY(8px); width: 2px;}
/* Style chat my_coach */
.chat_window {padding: 10px; background: #FFF;}
.chat_border {padding: 10px; border: 2px solid #7c7360 !important; margin-bottom: 10px; background-color: #ffffff;}
#chat {overflow-y: scroll; padding-right: 5px;}
.write_msg textarea::-webkit-scrollbar, #chat::-webkit-scrollbar {width: 5px; border-radius: 5px;}
.write_msg textarea::-webkit-scrollbar-track, #chat::-webkit-scrollbar-track {background-color: #ffffff;}
.write_msg textarea::-webkit-scrollbar-thumb, #chat::-webkit-scrollbar-thumb {background-color: #7c7360;}
.write_msg textarea::-webkit-scrollbar-corner, #chat::-webkit-scrollbar-corner {background-color: #ffffff;}
.write_msg, .write_msg textarea {width: 100%;}
.write_msg textarea {min-height: 50px; padding: 10px; outline: none; box-sizing: border-box;}
.interlocutor_msg, .my_msg {display: flex; justify-content: left; margin: 5px 0px;}
.my_msg {justify-content: flex-end;}
.interlocutor_msg .round_avatar {width: 40px; height: 40px; margin-top: 9px; margin-right: 10px; box-sizing: border-box;}
#chat .msg {max-width: calc(100% - 50px);}
.interlocutor_msg .msg_text {padding: 5px 10px; background-color: #7c736030; }
.my_msg .msg_text {padding: 5px 10px; background-color: #d9d6d030;}
.send_btn_msg {padding-left: 10px;}
.send_btn_msg .submit_buttons {margin: 0; height: 40px; width: 40px; outline: none; position: relative;}
.send_btn_msg .submit_buttons:before {font-family: "fontello"; font-size: 18px; line-height: 40px; content: '\f1d9';
color: #7c7360; position: absolute; width: 40px; top: 0; left: 0;}
#chat .sended {font-size: 10px; color: #888888; padding: 0 7px;}
#chat .sended div {display: inline-block;}
#chat .sended .autor_name {padding-right: 5px;}
.my_msg .sended {text-align: right;}
.my_msg .round_avatar {display:none;}
#window_wrt_msg {align-items: center;}
.msg_day_0, .msg_day_1 {position: relative;margin: 20px 0;padding: 0 50px;}
.msg_day_0 .sent_at, .msg_day_1 .sent_at, .unread_messages {
left: 50%;
position: absolute;
font-size: 10px;
color: #888888;
background-color: white;
padding: 10px;
top: -17px;
transform: translateX(-50%);
}
.msg_day_0 hr, .msg_day_1 hr {border-color: rgb(237 237 237 / 30%);}
.unread_messages {color: #007fff;}
hr.unread_block {border-color: rgb(0 127 255 / 25%);}
.participants {position: relative;}
.online_users:before {
content: ''; position: absolute; top: 3px; left: 3px; right: auto; bottom: auto; margin: auto;
background-color: green; border-radius: 50px; width: 8px; height: 8px;
}
/* Style */
.branches {position: relative; padding: 10px 0px; box-sizing: border-box; border-bottom: 2px solid #79a936; color: #3c3c3c;}
.branches .branch, .branch_insurance {margin: 10px 0;}
.niceform form div.pad.branches {margin-bottom: 10px;}
.niceform .birthday {}
.niceform .birthday .date_fields:last-child {margin-right: 0px;}
.gender_title_label {display: none;}
.niceform form .family_persons div.pad.branches, .family_persons div.pad.branches {margin-bottom: 0px; padding: 10px 0px 0px 0px; border-bottom: none;}
#family_person_birthday {height: 34px;}
.profile_fields .items tr.cp_family_memberships {border-top: 1px solid transparent; border-bottom: 1px solid #c2c2c2;}
.cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 65%;}
@media only screen and (max-width: 1440px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 100%;}}
@media only screen and (max-width: 880px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 97%;}}
@media only screen and (max-width: 770px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 90%;}}
@media only screen and (max-width: 404px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 89%;}}
@media only screen and (max-width: 375px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 85%;}}
@media only screen and (max-width: 360px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 78%;}}
.cp_family_memberships #new_family_member input[type="text"], .cp_family_memberships #new_family_member input[type="password"], .cp_family_memberships #new_family_member select, .cp_family_memberships .family_persons input[type="text"], .cp_family_memberships .family_persons input[type="password"], .cp_family_memberships .family_persons {margin-top: 0px;}
.cp_family_memberships #new_family_member select, .cp_family_memberships .family_persons select {display: block; float: left; width: 32%; margin-right: 2%;}
.cp_family_memberships #new_family_member select:last-child, .cp_family_memberships .family_persons select:last-child {margin-right: 0%;}
.cp_family_memberships #new_family_member .branches .branch, .cp_family_memberships #new_family_member .branch_insurance, .cp_family_memberships .family_persons .branches .branch, .cp_family_memberships .family_persons .branch_insurance {margin: 0px;}
.cp_family_memberships .add_new_family_member {padding-bottom: 10px;}
.cp_family_memberships .branches.family_persons {margin-top: 10px; border-bottom: 1px solid #c2c2c2;}
#profile_page .cp_family_memberships #new_family_member .nice_checkbox + label, #profile_page .cp_family_memberships .family_persons .nice_checkbox + label {color: #3c3c3c;}
.cp_family_memberships .left_image_link.add, .link_as_button {font-weight: 700; display: inline-block; padding: 0px 20px; margin-top: 20px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; height: 34px; line-height: 34px; font-size: 14px; border: 0; white-space: nowrap; color: #FFFFFF; background-color: #ff7200;}
#tab_family_members_exists .family_persons .action_link a { color: #ff7200;}
.family_persons input[type="text"], .family_persons input[type="password"], .family_persons select {border: 1px solid #ccc;}
.wizard_family_membership .branches {border: none;}
#wizard_register {}
#wizard_register .niceform_wrap > div {margin-bottom: 14px; position: relative;}
#wizard_register .niceform_wrap > div.birthday, #wizard_register .niceform_wrap > div.country, #wizard_register .niceform_wrap > div.language {clear: both; margin-bottom: 14px;}
#wizard_register .back_btn {color: -1; background-color: -1;}
#wizard_register .birthday {display: flex; justify-content: space-between;}
.niceform #wizard_register .gender_title input {margin-bottom: 0px; margin-right: 2px;}
.niceform #wizard_register .gender_title label {margin-right: 8px;}
.niceform #wizard_register .nice_checkbox + label {white-space: normal; display: inline-block;}
#add_family_person .link_as_button {margin-top: 0px;}
input.hidden_field, form select.hidden_field {display: none; width: 0px!important; outline: none!important; border: none!important; margin: 0px!important; padding: 0px!important; clear: none!important; float: none!important;}
/* #tab_family_members_exists .family_persons { width: 60%; float: left; } */
/* #tab_family_members_exists .family_persons .action_link { float: right; display: block; height: 522px; line-height: 522px;} */
/* #tab_family_members_exists .family_persons { border-bottom: 1px solid #c2c2c2;} */
/* #tab_family_members_exists .family_persons:last-child { border-bottom: 0px; } */
/* #tab_family_members_exists .family_persons #sport_branches { border-bottom: 0px;} */
/* #tab_family_members_exists #family_person_birthday select { width: 32%; margin-right: 2%; float: left;} */
/* #tab_family_members_exists #family_person_birthday select:last-child { margin-right: 0;} */
/* .cp_family_memberships #exists_family_members { width: 470px; } */
.membership_item.action_code {margin-bottom: 10px; text-align: center; background-color: white;}
.hidden_td {visibility: hidden; }
.hidden_td td {height: 0px; padding: 0px; line-height: 0px;}
#select_delivery_method_in_cart select {font-size: 13px; height: 30px; line-height: 26px; padding: 0px 0px; margin-bottom: -4px; color: #757575; background-color: #fff6ce; border: 1px solid #757575;}
.error_messages.red {color: red;}
#workshop_page .location_by_date_select_box select, #education_training_page .location_by_date_select_box select, #education_page .location_by_date_select_box select { margin: 0; font-size: 14px; height: 30px; width: 245px; background-color: #464646; color: #ffffff; }
#location_by_date_select_boxes { display: inline-block;}
.submits_btns { float: right; }
.buttonsbottom.r_text_align { text-align: right; }
#product_configuration { clear: both; overflow: hidden; }
#product_configuration select { width: auto; float: left; padding-left: 0; background-color: #e4e4e4; margin-right: 10px;}
#available_info { float: left; height: 33px; line-height: 33px; margin-top: 10px; margin-left: 38px; }
#feedback_content > h2 { font-size: 20px; text-transform: uppercase; text-align: center; }
#feedback_content #raiting_text { text-align: center; font-size: 30px; }
#feedback_form textarea, #happiness_form textarea { width: 100%; height: 200px; font-size: 15px; padding: 3px;}
#feedback_form .back { margin-right: 10px;}
.check_rate_color { display: inline-block; width: 15px; height: 12px; margin-left: 10px; background-position: left center; background-repeat: no-repeat; }
.orange .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_orange.png")!important; }
.green .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_green.png")!important; }
.red .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_red.png")!important; }
.yellow .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_yellow.png")!important; }
.feedbacks_fields .title { font-weight: bold; }
.feedbacks_fields .view_invoice div {text-align: left; cursor: pointer; background-image: url("/club_portal/icons/view_membership.png"); background-position: left center; background-repeat: no-repeat;}
#remote_add_content_view_feedback_comment { position: relative;}
#remote_add_view_feedback_comment {width: auto;}
#feedback_comment_form { max-width: 96%; }
.feedback_comment > td { padding: 20px 14px!important; line-height: 18px!important; text-align: left!important; background-color: #fff!important; }
.feedbacks_fields .invnotshow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.filled_user_action_codes {background: #fff; padding: 15px 10px;}
.filled_user_action_codes .filled_user_action_code {display: inline-block; border: 1px solid #CCC; padding: 4px 6px; margin-right: 4px;}
#action_code_error, #action_code_message {padding: 5px 10px 15px 10px;}
.filtersmallpart .child_block { margin-left: 25px; }
.filtersmallpart .with_sub_categories { display: inline-block; width: 11px; height: 11px; background-color: #000; margin-left: 3px; background-repeat: no-repeat; background-position: right center; background-image: url(/images/design_new/plus.png);}
.product_images {overflow: hidden; margin: 20px 0; display: flex;}
.product_images div {position: relative; cursor: pointer; margin: 4px; width: 25%; padding: 0 8px; padding-bottom: 25%; border: 1px dotted #ccc; line-height: 0px; overflow: hidden; box-sizing: border-box;}
.product_images div img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.app_design .product_images div {border-radius: 15px;}
.app_design .product_images div img {border-radius: 15px;}
.app_design #show_product .order {display: inline-block; line-height: 50px; text-transform: uppercase; margin-bottom: 30px; cursor: pointer;
transition: all .3s ease-out; width: 100%; border-radius: 15px; box-sizing: border-box; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;-ms-user-select: none;
user-select: none; height: auto;}
.coaching.coaching_video span.i {background-image: url(/images/coaching/videotransparant_ico_white.png);}
.coaching.coaching_article span.i {background-image: url(/images/coaching/article_ico_white.png);}
.coaching.coaching_recipe span.i {background-image: url(/images/coaching/recipe_ico_white.png);}
.coaching.coaching_exercise span.i {background-image: url(/images/coaching/excercise_ico_white.png);}
.coaching_video #content.fullsize {display: flex; flex-direction: column; align-items: center;}
.coaching_video #content.fullsize .wrapiframe {position: relative; width: auto; margin: 0px; height: auto; padding-bottom: 0px; line-height: 0px;}
.item_text {text-transform: uppercase;}
.item_image, .item_description, .coaching_item {margin-bottom: 30px;}
.flex_row .coaching_item {width: 100%;}
.app_design.coaching_exercise #content .flex_row {background-color: #ffffff; padding: 10px;}
.wrap_for_slider {position: relative; max-width: 480px; margin: 0 auto;}
.coaching_exercise .slick-slider {margin: 0; margin-bottom: 20px;}
.coaching_exercise .slick-slide img {width: 100%; height: auto;}
#advertising_block {max-width: 600px; width: calc(100% - 30px); max-height: 250px; overflow: hidden; border-radius: 15px; margin: 15px auto; position: absolute; bottom: 70px; left: 0; right: 0; z-index: 1;}
#advertising_block .slick-slider {margin: 0px;}
#advertising_block .slick-track {width: 100% !important;}
#advertising_block .slick-slide {width: 100% !important; min-height: 250px !important; left: 0px !important; display: none;}
#advertising_block .slick-slide img {width: 100%;}
#advertising_block .slick-slide a {display: block;}
#advertising_block .slick-slide.slick-active {display: block;}
.internal_online_lessons .slick-dots {display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.internal_online_lessons .slick-dots li {position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 5px; padding: 0; cursor: pointer;}
.internal_online_lessons .slick-dots button {font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.internal_online_lessons .slick-dots button:hover:before {opacity: 1;}
.internal_online_lessons .slick-dots button::before {font-size: 30px; line-height: 16px; position: absolute; top: 0; left: 0; width: 16px; height: 16px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.internal_online_lessons .slick-dots .slick-active button::before {opacity: .75; color: black;}
.app_design.internal_online_lessons .slick-dots .slick-active button {background-color: #FFF !important;}
.coaching_exercise .slick-dots, .slick-dots {margin-top: 15px; text-align: center;}
.coaching_exercise .slick-dots li, .slick-dots li {display: inline-block; margin: 5px;}
.coaching_exercise .slick-dots button, .slick-dots button {padding: 0 10px; line-height: 30px; font-weight: 600; display: inline-block; border: none; border-radius: 4px; outline: none; background-color: #9d9a9a; color: #FFF; cursor: pointer;}
.coaching_exercise .slick-dots .slick-active button::before {content: 'Fréquences'; display: inline-block; padding-right: 3px; }
.coaching_exercise .slick-arrow {position: absolute; z-index: 100; margin: 0; bottom: 5px; display: none; cursor: pointer; background-image: none; outline: none; border: none; cursor: pointer;}
.coaching_exercise .slick-prev.slick-arrow {left: 0;}
.coaching_exercise .slick-next.slick-arrow {right: 0;}
.coaching_exercise .slick-arrow:after {font-family: "fontello"; width: 30px; line-height: 30px; text-align: center; display: block; border-radius: 4px; background-color: #9d9a9a; color: #FFF;}
.coaching_exercise .slick-prev.slick-arrow:after {content: "\e833";}
.coaching_exercise .slick-next.slick-arrow:after {content: "\e834";}
#startandstop {position:absolute; top: 0; left: 0; display: inline-block; height: 40px; width: 40px; z-index: 1000; cursor: pointer;}
#startandstop:after {font-family: "fontello"; width: 40px; line-height: 40px; text-align: center; display: block; color: #7c7360;}
.play:after {content: "\e80a";}
.pause:after {content: "\e82d";}
.flex_row .colum_info {width: 49%;}
.flex_row .colum_info video {width: 100%;}
.coaching_item b {color: #333; font-size: 17px; font-weight: 600; display: block;}
.coaching_item p {color: #000; font-size: 16px; font-weight: 400;}
.coaching_item ol {margin-left: 17px;}
.item_image {text-align: center; max-width: 540px; margin: auto; position: relative;}
.coaching_item .button {height: 34px; line-height: 34px; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 14px; background-color: #119e00;}
.coaching_item .button:first-child {margin: 0px 5px 0px 0px;}
.item_image img {width: 100%; height: auto;}
.full_slider_wrap {margin: 0px auto;}
#thumbs-page.full_slider {padding: 0; position: relative; margin-bottom: 20px;}
.thumbs-page-buttons {position: relative; margin-top: 10px; height: 40px;}
#thumbs-page.full_slider .navigation.next:after, #thumbs-page.full_slider .navigation.previous:after {}
#thumbs-page.full_slider .navigation {position: absolute; height: 100%; z-index: 100; margin: 0; top: 0; display: none; cursor: pointer; background-image: none;}
#thumbs-page.full_slider .navigation:after {font-family: "fontello"; width: 30px; line-height: 30px; text-align: center; display: block; border-radius: 4px; background-color: #9d9a9a; color: #FFF;}
#thumbs-page.full_slider .navigation.next {right: 0;}
#thumbs-page.full_slider .navigation.next:after {content: "\e834";}
#thumbs-page.full_slider .navigation.next.act:hover:after {}
#thumbs-page.full_slider .navigation.previous {left: 0;}
#thumbs-page.full_slider .navigation.previous:after {content: "\e833";}
#thumbs-page.full_slider .navigation.previous.act:hover:after {}
#thumbs-page.full_slider .navigation.next.act {cursor: pointer; opacity: 1; display: block;}
#thumbs-page.full_slider .navigation.previous.act {cursor: pointer; opacity: 1; display: block;}
.thumbs-page-steps {margin: 0px 40px; text-align: center; height: 30px;}
.thumbs-page-step {display: inline-block; background-color: #9d9a9a; padding: 0 10px; color: #FFF; line-height: 30px; margin: 0; border-radius: 4px; font-weight: 600;}
.thumbs-page-step > span {display: none;}
.thumbs-page-step.act > span {display: inline-block;}
#thumbs-page.full_slider .thumb-on img, #thumbs-page.full_slider .thumb img:hover {outline: none;}
#thumbs-page.full_slider #thumbs-page-wrap {max-width: 480px;}
#thumbs-page .thumb {display:inline-block; zoom:1; margin-left: -4px;}
#thumbs-page .thumb:first-child {margin-left: 0px;}
#thumbs-page .thumb.bigthumb img {cursor:pointer; max-width: 480px; width: 100%; height: auto; margin: 0px; padding: 0px; font-size: 0; line-height: 0px; outline: none; opacity:1; filter:alpha(opacity=100);}
#thumbs-page .thumb.bigthumb {max-width: 480px; width: 100%;}
#thumbs-page .thumb.bigthumb.not_loaded {}
#thumbs-page .thumb.bigthumb.not_loaded {background: url(../images/indicator_dark.gif) no-repeat center center;}
#slider.download_process:after {width: 64px; height: 64px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/indicator_dark.gif) no-repeat center center; margin: auto;}
.scroll-content {white-space: nowrap; width: 100%; position: absolute; left: 0; top: 0; transition: all .3s ease-out;}
#thumbs-page-wrap {display: inline-block; max-width: 588px; overflow: hidden; position: relative; width: auto; height: auto;}
.exercise {padding-left: 20px; text-align: center;}
.exercise .item_text {font-size: 20px; font-weight: 600; line-height: 62px;}
.exercise .back_link {border: solid #FFF; border-width: 0 4px 4px 0; display: inline-block; position: absolute; left: 28px; top: 38px; margin-top: 0px; height: 26px; width: 26px; min-width: auto; padding: 0px; transform: rotate(135deg); -webkit-transform: rotate(135deg); background-color: transparent;}
.corona_check img {width: 17%; height: 17%; float: left;}
ul.workshops li .buttonsbottom .submits_btns a { margin: 0 2px; }
.kinderyoga_profile_edit textarea#f_about_info { width: 98%; height: 100px; padding: 3px;}
.reset_password_submit {display: flex; justify-content: space-between;}
.reset_password_submit .submit_buttons {width: 45%; margin: 20px 0px;}
.reset_password .main_error_block {display: none;}
.social_icons { overflow: hidden; }
.social_icons div { width: 100%; clear: both;}
.social_icons_ky {background-size: 82%; float: left; display: inline-block; background-repeat: no-repeat; background-position: left center;}
.social_icons_ky + input[type=text] { float: right; width: 89%!important; }
.social_icons_ky.facebook { width: 25px; height: 50px; background-image: url("/club_portal/icons/fb_icon.png"); }
.social_icons_ky.twitter { width: 39px; height: 47px; background-image: url("/club_portal/icons/tw_icon.png"); }
.social_icons_ky.linkedin { width: 34px; height: 46px; background-image: url("/club_portal/icons/lkin_icon.png"); }
.kinderyoga_profile_edit .qq-upload-success span, input[type=text] { padding-right: 10px; }
.coaching_activity_available, .coaching_activity_current {margin: 10px 0;}
.coaching_activity_available .api_system, .coaching_activity_current.api_system {cursor: pointer;color: #FFF; display: table;}
.coaching_activity_available .api_system img, .coaching_activity_current.api_system img {height:24px; margin-right:10px;}
.coaching_activity_available .api_system span, .coaching_activity_current.api_system span {display: table-cell;vertical-align: middle;}
.api_registration_block { background-color: #119e00;}
.api_registration_block a {color: #FFF; margin-left:34px; text-decoration: none; line-height: 30px;}
#attention_message {background-color: red; padding: 15px; margin: 20px 0; font-size: 1.5 em; color: white;}
.app_design #attention_message, .app_design #push_notification_button {display: none;}
#remote_add_content_attention_message {background-color: red;}
.opening_times, .watertracker, .club_geolocation, #current_programs, .app_design.my_workouts .workout_group, .category_videos {background-color: #ffffff; padding: 15px; margin-bottom: 10px;}
.opening_times .date_time {display: flex; justify-content: space-between; max-width: 400px; line-height: 30px; width: 100%;}
.opening_times .date_time .date {padding-right: 10px; box-sizing: border-box;}
.opening_times .date_time div {width: 50%;}
#watertr {transform: translateY(-30px);}
#watertr svg {margin: 0 auto; display: block;}
.cupicon { width: 45px; height: 60px; background-image: url("/club_portal/icons/cup.png"); background-size: cover; display: inline-block; cursor: pointer;}
.dropicon { width: 46px; height: 60px; background-image: url("/club_portal/icons/drop.png"); background-size: cover; display: inline-block; cursor: pointer;}
.btn.editicon:before {font-family: "fontello"; width: 40px; line-height: 40px; content: "\e80e"; text-align: center; display: inline-block;}
.wrapwatertracker {max-width: 500px; margin: 0 auto;}
.btn_round.minus, .btn_round.plus {z-index: 1;}
.btn_round.minus {line-height: 45px;}
.maxwidth140 {max-width: 140px; padding-top: 10px; padding-bottom: 10px; margin: auto; transform: translateY(-30px);}
.wrapwatertracker .row_flex {transform: translateY(-30px);}
.time_of_outlet {font-size: 14px; color: #9d9a9a;}
.time_of_outlet::before {font-family: "fontello"; width: 30px; line-height: 30px; content: "\e86c"; }
#remote_add_switch_outlet_form .outlet {padding: 10px; margin-bottom: 10px;}
#remote_add_switch_outlet_form .outlet:hover {background-color: #7c736015;}
#remote_add_switch_outlet_form .outlet .flex_row {align-items: center;}
#remote_add_switch_outlet_form .outlet h2 {margin: 0;}
#remote_add_switch_outlet_form .outlet a {text-decoration: none;}
#remote_add_switch_outlet_form .outlet .image {line-height: 0;}
#remote_add_switch_outlet_form .outlet .image img {}
.outlet .decript {width: calc(100% - 70px); }
.app_design.club_info .wrapiframe {width: 50%;padding-bottom: 25%;}
.wizard_steps {width: 60%; margin: 0px auto; table-layout: fixed;}
.wizard_steps td {position: relative; overflow: hidden; background-color: transparent; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; text-transform: uppercase; color: #4D4D4A; vertical-align: middle;}
.wizard_steps td::before {display: block; position: relative; width: 31px; height: 31px; margin: 0px auto; content: ""; border: 2px solid #78A836; background-repeat: no-repeat; z-index: 10; border-radius: 20px; background-color: #F0F0F0;}
.wizard_steps td::after {display: block; position: absolute; top: 17px; width: 100%; height: 2px; margin: 0px auto; content: ""; background-color: #78A836; z-index: 1;}
.wizard_steps td:first-child::after {left: 50%;}
.wizard_steps td:last-child::after {right: 50%;}
.wizard_steps td.current::before {border-color: #ff7200;}
.wizard_steps td.activated::before {content: "\2713"; color: #FF7200; font-weight: 900; font-size: 21px;}
.trial_lessons {overflow: auto; margin-top: 40px; padding: 20px 20px; background-color: #e3eaea;}
.trial_lessons p {margin: 0px auto; max-width: 50%; text-align: center;}
.filtersmallpart_wrap {clear: both; overflow: auto; margin-top: 20px; width: 100%;}
.filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label {margin-bottom: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px;}
.filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label:before {top: 1px;}
.filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label:after {top: -4px;}
.filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label span.trial_title {display: block; float: left; overflow: hidden; width: 73%; text-overflow: ellipsis;}
.filtersmallpart_wrap .filtersmallpart .nice_checkbox:not(checked) + label span.trial_time {float: right; color: #ff7200;}
.trial_lessons .filtersmallpart {float: left; margin: 0px 2% 1px 0px; padding: 10px 10px;  width: 49%; background-color: #FFF; border: none; box-sizing: border-box;}
.trial_lessons .filtersmallpart:nth-child(even) {margin: 0px 0px 1px 0px;}
.trial_lessons .back_btn {float: right; width: auto;}
.selected_steps {float: left; margin: 20px 0 0 0;}
.selected_steps label {display: inline-block; margin: 0px 10px 0px 0px; padding: 0px 18px; height: 34px; font-size: 14px; line-height: 36px; font-weight: 600; text-transform: uppercase; color: #FFF; background-color: #989b9b;}
.selected_steps label:hover {background-color: #868585; cursor: pointer;}
.trial_lesson_wrap {clear: both; overflow: auto; margin-top: 20px; width: 100%; background-color: #FFF;}
.trial_lesson_wrap #calendar {margin: 15px auto 60px auto; padding: 0px; width: 60%;}
.trial_lesson_wrap #calendar th, .trial_lesson_wrap #calendar td {width: 86px; height: 64px; border: 1px solid #ccc; font-size: 16px; text-transform: uppercase; vertical-align: middle;}
.trial_lesson_wrap #calendar td.have_activity {background-color: RGBA(120, 168, 54, 0.1);}
.trial_lesson_wrap #calendar td.button, .trial_lesson_wrap #calendar td.title {padding: 0px 0px 12px 0px; height: 26px; border: none; color: transparent; cursor: default;}
.trial_lesson_wrap #calendar td.title {font-weight: 600; text-transform: uppercase; color: #78a836;}
.trial_lesson_wrap #calendar td.button:hover {background-color: transparent;}
.trial_lesson_wrap #calendar td.button:before {display: block; width: 25px; height: 25px; background-color: #bbb; line-height: 23px; color: #FFF;}
.trial_lesson_wrap #calendar td.button:hover:before {background-color: #9e9e9e; cursor: pointer;}
.trial_lesson_wrap #calendar td.button:first-child:before {float: left; content: "\2039";}
.trial_lesson_wrap #calendar td.button:last-child:before {float: right; content: "\203A";}
.trial_lesson_wrap #calendar td.today {font-weight: 600; color: #000;}
.trial_lesson_wrap #calendar td.weekend {color: #000;}
.trial_lesson_wrap #calendar td.otherDay, .trial_lesson_wrap #calendar td.otherDay.weekend {color: #c1c1c1;}
.trial_lesson_wrap #calendar tr.days td:hover {background-color: RGBA(120, 168, 54, 0.5);}
.trial_lesson_wrap #calendar tr.days td.selected, .trial_lesson_wrap #calendar tr.days td.weekend.selected {background-color: #78a836; color: #FFF;}
.trial_lesson_wrap input[type="text"] {margin: 6px 0px 0px 0px; width: 100%; border: 1px solid #bebebe;}
.trial_lesson_wrap select {margin: 6px 0px 0px 0px; width: 100%; border: 1px solid #bebebe; width: 33%;}
.trial_lesson_wrap input[type="text"]#mobile, .trial_lesson_wrap input[type="text"]#emails {width: 100%;}
.trial_lesson_wrap div.user_form {margin: 20px auto 20px auto; width: 60%; box-sizing: border-box;}
.trial_lesson_wrap div.user_form > div {padding: 0px 0px 20px 0px;}
.trial_lesson_wrap div.user_form .user_name_fields {overflow: auto;}
.trial_lesson_wrap div.user_form .user_name_fields > div {float: left; width: 32%;}
.trial_lesson_wrap div.user_form .user_name_fields > div:nth-child(even) {padding: 0px 10px;}
.trial_lesson_wrap label {display: block; text-overflow: ellipsis;}
.trial_lesson_thanks {margin: 60px 0px; background-color: #FFF;}
.trial_lesson_thanks p {text-align:  center;}
.trial_lessons_confirm {width: 100%;}
.trial_lessons_confirm .trial_lesson_wrap {padding: 20px 20px; box-sizing: border-box;}
.trial_lessons_confirm table td {padding: 0px 30px 20px 0px;}
.trial_lessons_confirm table tr:last-cild td {padding: 0px 30px 0px 0px;}
.auto_reserve_messages {margin: 0px 0px 0px 0px; height: 100%;  padding: 0px;}
.auto_reserve_messages > div {clear: both; overflow: auto; padding: 0px 0px; color: #FFFF;}
.auto_reserve_messages span.check_bulletpoint {display: block; float: left; margin-right: 20px; width: 128px; height: 97px; background: url(/club_portal/icons/college_big.png) left top no-repeat; background-size: 100% 100%;}
.auto_reserve_messages span.items_title {display: block; margin: 20px 0px 0px 0px; font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: normal;}
.auto_reserve_messages span.items_date {display: inline-block; margin: 24px 30px 0px 0px; font-size: 16px;}
.auto_reserve_messages span.item_price_res {display: inline-block; margin: 0px 24px 0px 0px; font-size: 16px;}
#qr-title, #user {margin: 0px 0px 20px 0px; font-size: 18px; font-weight: 400; color: #FFF; text-transform: uppercase; text-align: center;}
.club_pages #qr-component {position: relative; margin: 10px auto;height: 220px;}
.club_pages #movies, body.club_pages #user {margin: 40px auto 30px auto; padding: 0px; width: 400px;}
.club_pages #user {width: 360px; height: 266px; margin: 40px auto 30px auto; background: none; text-align: center; text-transform: none;}
.club_pages #user #welcome_message {display: none;}
.club_pages #user #name {margin-bottom: 20px; font-size: 2.2em; line-height: 52px;}
.club_pages #user #user_block {clear: both; overflow: auto;}
.club_pages #user img {display: none;}
.club_pages #user #user_name {font-size: 30px;}
.club_pages #user .error_messages {display: block; margin-top: 0px; width: 100%; text-align: left; padding: 0px; font-size: 18px; font-weight: 400; text-transform: none; text-align: center;}
.club_pages #user #reserved_lesson_description {display: none;}
.club_pages .error_messages.red {color: red;}
/* staff documents */
.uploaded_document {display: flex; font-size: 17px; line-height: 30px; padding: 10px 0px; border-bottom: 1px solid #7c7360; box-sizing: border-box;}
.uploaded_document::before {font-family: "fontello"; content: "\f0f6"; display: inline-block; font-size: 30px; padding-right: 10px;}
.uploaded_document.invoice_folder::before {margin-top: 10px;}
.folder {display: block; box-sizing: border-box; background-position: left center; background-image: url("/club_portal/svg/folder?#{@config.updated_at.to_i}"); background-repeat: no-repeat; background-size: 30px; line-height: 30px; text-decoration: none; min-height: 30px; padding: 10px 0; padding-left: 40px; border-bottom: 1px solid #7c7360;}
.folder:hover {font-weight: 600;}
.count {float: right;}
.folder::after {content: ""; clear: both; display: block;}
.title_date {display: flex; width: calc(100% - 120px);}
.title_doc {word-wrap: break-word; width: calc(100% - 100px);}
.date_doc {text-align: right; width: 100px;}
.invoice_folder_docs {display: flex; margin: 0 15px; flex-direction: column; text-align: left; min-width:100px;}
.invoice_folder_docs_title { font-weight: bold; }
.button_wrap {padding-left: 10px; width: 30px;}
.left_image_link {display: inline-block; font-size: 18px; border-radius: 10px; background-color: #7c7360; color: #ffffff; width: 30px; height: 30px; line-height: 30px; text-decoration: none;}
#privacy_declaration_block .left_image_link.download {width: auto;}
#privacy_declaration_block .left_image_link.download::before {display: inline-block; width: auto; padding-right: 10px; }
.download::before, .delete::before, .edit::before {font-family: "fontello"; width: 100%; height: 100%; text-align: center; display: block;}
.download::before {content: "\f02e";}
.delete::before {content: "\e80f";}
.agenda_edit .recepients .user {position: relative; padding-right: 20px; cursor: pointer;}
.agenda_edit .recepients .user.delete::before  {content: "\e85e"; color: red; position: absolute; right: 5px; top: 5px; width: auto;}
.edit::before {content: "\e80e";}
#file_drop_block .upload_photo, #file_drop_block #upload_photo, #file_drop_block .qq-upload-list {display: none;}
.qq-upload-failed-text {padding-left: 10px;}
.staff_document #content, .staff_documents #content {background-color: #ffffff !important; border-radius: 15px; margin: 15px; width: calc(100% - 30px); padding: 15px; box-sizing: border-box;}
#file_upload {background-color: #d9d6d0; color: #7c7360; display: inline-block; line-height: 40px; padding: 0 15px; border-radius: 5px; cursor: pointer; transition: all .3s ease-out; margin-bottom: 15px;}
#file_upload:hover {background-color: #7c7360; color: #ffffff; transition: all .3s ease-out;}
/* staff planing */
.day_planing {display: none;}
.confirmed_time_count {padding: 10px; display: block;}
.day_planing.day_data {display: block; background-color: #d9d6d0; color: #7c7360; padding: 10px; font-weight: 600; margin-top: -1px;}
.psevdo_checkbox {display: inline-block; height: 22px; width: 22px; line-height: 22px; margin: 0px; cursor: pointer; user-select: none; position: relative;}
.psevdo_checkbox:before {content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: 0; border: 2px solid #404040;}
.psevdo_checkbox:after {content: ""; opacity: 0; transition: opacity 0.3s ease;}
.psevdo_checkbox.checked:before {border: 2px solid #d9d6d0;}
.psevdo_checkbox.checked:after {display: inline-block; width: 6px; height: 16px; border-right: 4px solid #d9d6d0; border-bottom: 4px solid #d9d6d0; transform: rotate(45deg); border-radius: 2px; position: absolute; left: 8px; top: -5px; opacity: 1;}
.part_of_day {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #757575; transition: all 0.5s ease-in-out 0s}
.outlet_planning {font-weight: 600;}
.time_planning {color: #d9d6d0;}
.sum_time_per_part div {display: flex; align-items: center; justify-content: center; border: 4px solid #d9d6d0; margin: 10px; width: 45px; height: 45px; border-radius: 50%; text-align: center;}
.part_of_day.chacked, .task .part_of_day.is_confirmed {background-color: #d9d6d020;}
.part_of_day.chacked .sum_time_per_part div, .task .part_of_day.is_confirmed .sum_time_per_part div {background-color: #d9d6d0; color: #7c7360;}
.part_of_day .leave {opacity: 90%; transition: opacity 0.3s ease; width: 100%; position: absolute; height: 100%; background-color: #FFF;}
.part_of_day .leave span {display: block; position: absolute; top: calc(50% - 16px); left: 0; height: 32px; width: 100%; color: red; box-sizing: border-box;  text-align: center; font-size: 24px;}
.part_of_day .agenda_ckeckbox, .part_of_day .task_ckeckbox {display: none;}
.part_of_day.is_confirmed .agenda_ckeckbox, .part_of_day.is_confirmed .task_ckeckbox {display: inline-block;}
.part_of_day.is_confirmed .agenda_link {display: none;}
.circle_time {transition: all 0.5s ease-in-out 0s; cursor: pointer;}
.calendar_reservation span {display: block;}
.part_of_day .user {padding-top: 5px; margin-top: 5px; border-top: solid 1px #7c7360;}
#planning_time_data {padding-top: 5px; background-color: #ffffff; border-radius: 15px;}
.planning_time_detail {width: 100%; word-break: break-word;}
.selectbox_planning {min-width: 47px;}
.selectbox_planning label {margin: 10px;}
.time_for_day {float: right;}
.edit_day {display: inline-block; padding: 10px;}
.edit_day::before {font-family: "fontello"; content: "\f105"; display: inline-block; font-size: 30px; padding-right: 10px;}
.time_fields_block select {width: auto;}
.planning_day_wraper, .request_wrap {background-color: #FFF; padding: 10px;}
.planning_day_wraper .flex_row, .planning_day_wraper .block_with_line, .request_wrap .flex_row {padding: 10px 0; border-bottom: #cfcfcf 1px solid; line-height: 34px;}
.planning_day_wraper .column30, .request_wrap .column30 {padding: 0; width: 30%; min-width: 120px;}
.planning_day_wraper .column70, .request_wrap .column70 {padding: 0; width: 70%;}
.planning_day_wraper .title_form {font-weight: 600;}
.planning_day_wraper input[type="text"], .planning_day_wraper select, .planning_day_wraper textarea, .request_wrap input[type="text"], .request_wrap select {border: #777 1px solid; margin: 0;}
.planning_day_wraper textarea, .request_wrap textarea {width: 100%; height: 60px; padding: 10px; box-sizing: border-box;}
.agenda_edit #object_description {min-height: 120px;}
.two_column_flex {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 0px;}
.two_column_flex .calendar_field {display: none;}
.two_column_flex input[type="text"], .two_column_flex select {width: calc(50% - 10px);}
.two_column_labeled_flex {display: flex;}
.two_column_labeled_flex label {width: calc(40% - 10px)}
.two_column_labeled_flex span {width: 60%}
.two_column_labeled_flex input[type="text"], .two_column_labeled_flex select {width: 100%;}
.nice_checkbox_label {display: flex; flex-direction: row; align-items: center;}
.nice_checkbox_label input[type="checkbox"] {margin-right: 6px;}
#repeat_weekdays_div .form_subblock {display: flex; flex-wrap: wrap; justify-content: center; height: 68px;}
.form_subblock .nice_checkbox_label {width: 60px;}
.seporation {display: inline-block; padding: 10px;}
.planning_day_wraper input[type="submit"] {width: 160px; line-height: 40px; padding: 0; height: auto; font-size: 18px;}
.signature_wrap {position: relative;}
#canvas_signature {border-radius: 15px;}
#clear_signature {position: absolute; top: 4px; right: 3px; padding: 0 10px; line-height: 30px; display: inline-block; background-color: #d9d6d0; color: #7c7360; border: none; border-radius: 15px; cursor: pointer;}
.agenda, .task {margin-bottom: 3px;}
/* Holiday and leave module + Illness and absence module */
.list_leaves {border-radius: 15px; overflow: hidden; border: 1px solid #cfcfcf; background-color: #ffffff;}
.leave_item {display: flex; padding: 10px; border-bottom: 1px solid #cfcfcf; box-sizing: border-box;}
.leave_item.header {background-color: #7c7360; color: #ffffff; border-radius: 15px 15px 0 0;}
.leave_item:last-child {border-bottom: none;}
.leave_item .type {width: 25%;}
.leave_item .date {width: 50%;}
.leave_item .status {width: 25%;}
.requested .type {width: 25%;}
.requested .date {width: 75%;}
.color_block {display: inline-block; height: 14px; width: 14px; float: left; border: 2px solid #fff; margin: 2px; cursor: hand; cursor: pointer;}
/* Select the desired bike */
#stagesflight_bikes_selection {width: 100%;}
.bikes_row {width: 100%; display: flex; justify-content: space-between; margin: 10px 0;}
.bike_colum {display: flex; align-items: center; min-width: 30px;}
.bike_colum input {margin-right: 2px;}
.exercise_image .info {position: absolute;}
/* popup window */
.remodal-wrapper {overflow: hidden !important; max-width: 472px; margin: auto;}
.remodal-is-locked .remodal-is-opened {}
.remodal {background: #ffffff; box-sizing: border-box; margin: auto !important; padding: 0px !important; border-radius: 15px !important;}
.remodal-close {background-color: #d9d6d0; color: #7c7360; transition: all 0.4s ease-in-out 0s; z-index: 111;}
.remodal-close:hover {background-color: #ffffff; color: #7c7360; }
.remodal .login .form_fields {width: 100%;}
.remodal #user_login_block {margin-bottom: 0px; width: 100%;}
.remodal #user_login_block form.login {padding-top: 40px;}
.remodal #user_login_block .login input[type='text'], .remodal #user_login_block .login input[type='password'] {margin-top: 10px;}
.remodal #user_login_block .login input[type='submit'] {line-height: 35px; margin-top: 25px;}
#error_another_user {width: 100% !important; text-align: center; color: red;}
.users_list {display: flex; gap: 30px; flex-wrap: wrap;}
.users_list .addition_user {width: calc(33.333% - 20px); text-align: center;}
.users_list .btn {padding: 0 15px; line-height: 35px; height: 35px; text-align: center;}
.users_list .btn:hover {text-decoration: none;}
@media only screen and (min-width: 0px) and (max-width: 1300px){
.spec_inform_block {padding: 3px;}
#training_details .progr_exercise .cont {}
.progr_exercise .bottom_block {}
}
@media only screen and (min-width: 0px) and (max-width: 1040px){
.progr_exercise {width: calc(25% - 20px);}
#training_details .progr_exercise {width: calc(50% - 20px);}
.app_design #show_product {padding: 10px; border-radius: 15px;}
.desctop {display: none;}
.mobile {display: block;}
.colum_levels_chelenges {float: none;}
}
@media only screen and (min-width: 0px) and (max-width: 840px){
.progr_exercise .cont {padding: 10px;}
.progr_exercise .bottom_block {bottom: 10px; left: 10px; width: 100%;}
.row_flex.maxwidth {max-width: 100%;}
.row_flex.maxwidth.progresion_period {width: calc(50% - 50px);}
.exercise_image .info {position: absolute;}
}
@media only screen and (min-width: 0px) and (max-width: 800px){
.app_design .icon {height: 120px; width: 120px;}
#user_avatar_in_icon {width: 25px; height: 25px;}
#user_info_top_block {margin: 0 0 20px;}
.text_column.for_img {max-width: 100px;}
.app_design .text_column.for_img .round_avatar {width: 76px; height: 76px;}
#plans, #my_agenda_days, #my_task_days {margin: 20px 0;}
#plans .plan {padding: 10px 0;}
#plans .plan.current_training_day {padding: 20px 0;}
.plan_date_info {padding: 5px 10px;}
.progr_exercise {width: calc(33.3333% - 20px);}
.row_flex.graphics {display: block;}
.chat_border {padding: 5px;}
.interlocutor_msg .round_avatar {margin-right: 5px; width: 30px; height: 30px; margin-top: 14px;}
.meal_recipe {margin-bottom: 5px;}
.nutrition_title, .meal, .meal_title .nutrition_information {font-size: 16px;}
.nutrition_title {line-height: 25px;}
.planning_day_wraper .flex_row {flex-wrap: wrap;}
.planning_day_wraper .column30, .planning_day_wraper .column70 {width: 100%;}
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.app_design .icon {height: 100px; width: 100px;}
.tabcontent {margin: 0 -3px;}
#training_details .progr_exercise {width: calc(100% - 10px);}
.tabs_program {margin-bottom: 5px;}
.progr_exercise {width: calc(50% - 10px); margin: 5px;}
.app_design.index #header.no_logo {min-height: 120px;}
#wrap_img {display: none;}
.wrapimg, .wraptext {float: none; width: 100%; margin: 0;}
#show_product .main_product_img {width: 50%; padding-bottom: 50%;}
.product_images {margin-top: 5px !important; justify-content: center;}
#product_description {display: block; transition: all .4s ease-out;}
.product_images div {width: 15% !important; padding-bottom: 15% !important;}
.dotsforend:before {content: '...'; position: absolute; right: 0; bottom: 0; width: 70px; height: 20px; background-color:#ffffff;}
.app_design.coaching_exercise .flex_row {display: block;}
.app_design.coaching_exercise .flex_row .colum_info {width: 100%;}
.title_coaching_item {display: none;}
.wrap_for_slider .slick-list {width: 70%; margin: 0 auto;}
.app_design .coaching_item, .coaching_exercise .slick-dots {margin: 0;}
.app_design.coaching_recipe .coaching_item {margin: 5px 0;}
.coaching_exercise .slick-slider {margin: 10px 0;}
.nutrition_information div {overflow: hidden;}
.image_food {padding-right: 5px;}
.meals .meal_recipe img {width: 25px;}
.other_totals p {font-size: 18px;}
.meal_recipe, .nutrition_information {display: block;}
.meal_title .nutrition_information {display: none;}
.nutrition_title, .nutrition_information {width: 100%; padding: 0;}
.nutrition_information {box-sizing: border-box; padding-left: 30px; line-height: 25px;}
.nutrition_information > div {display: inline-block; width: auto; font-size: 12px; line-height: 20px; padding: 0 10px; background-color: #7c7360cc; color: #ffffff;}
.app_design .nutrition_information > div {border-radius: 15px;}
.nutritions_totals .calories_totals .totals_numerics {width: 80%;}
.totals_numerics .digits_data {display: flex; justify-content: flex-end;}
.totals_numerics .digits_data b {padding: 0px 5px; text-align: right; white-space: nowrap;}
.totals_numerics .digits_data span {text-align: right;}
.nutrition_information .mobile {display: inline-block; padding-left: 5px;}
#attention_message {padding: 10px; margin: 10px 0;}
.other_totals b {font-size: 16px;}
.other_totals > div {font-size: 14px;}
.app_design #header .logo img {height: auto !important; max-height: 100%;  width: auto; max-width: 100%;}
.app_design.club_info .wrapiframe {width: 100%; padding-bottom: 50%;}
.prepration_time, .n_prsns {line-height: 20px; font-size: 12px;}
.prepration_time::before, .n_prsns::before {line-height: 20px; font-size: 14px;}
.row_flex.maxwidth.progresion_period {width: calc(100%);}
.machine_qr_code {margin-bottom: 6px;}
.machine_qr_code > span {padding: 40px 0px 0px 0px; background-size: 30px; background-position: center; margin: 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 540px){
.btn, .btn_grey {margin-bottom: 10px;}
.app_design .invite_friend_btn {margin: 10px 0;}
.app_design .referrals_rules_block {margin-top: 10px;}
.app_design #referral_users_info h3 {margin-top: 10px;}
#training_details .progr_exercise .cont {}
.current_program.slick-slide, .workout.slick-slide, .video.slick-slide {width: 300px; height: 190px; margin: 0 10px;}
.description_curent_program h2, .description_workout h2, .description_video h2 {font-size: 20px;}
.app_design .referral_price {padding-bottom: 30px;}
.app_design .xp_loyalty_count_started {bottom: 10px; top: auto;}
.app_design .xployalty_headerp {margin-bottom: 10px!important;}
.app_design .xployalty_points_lines_block {margin-top: 10px;}
.coaching_recipe .coaching_recipe_image {width: 100px;}
h3.cuizne_title, .cuizne_title {line-height: 18px; font-size: 14px;}
.full_coaching_recipe .cuizne_title {line-height: 20px; font-size: 16px;}
.remote_add_content {padding: 30px 15px;}
.seporation {display: block; text-align: center; padding: 0; line-height: 14px;}
.time_fields_block select {width: calc(50% - 8px); box-sizing: border-box;}
#advertising_block {max-height: 210px;}
}
@media only screen and (min-width: 0px) and (max-width: 480px){
.coaching_nutritional_value .nutritional_value {width: 50%; margin-bottom: 10px;}
.app_design .text_column.for_img .round_avatar {width: 40px; height: 40px;}
.online_users:before {top: -1px;left: -1px;}
.staff_document #content, .staff_documents #content {margin: 15px 0; width: 100%;}
.title_doc {width: 100%;}
.date_doc {text-align: left; font-size: 14px; color:#737373; width: 100%;}
.title_date {display: block;}
.leave_item {align-items: center;}
.leave_item .date span {display: block; width: 100%;}
.leave_item .date span.date_between_separator {display: none;}
.leave_item .type {width: 40%;}
.leave_item .date {width: 30%;}
.leave_item .status {width: 30%; text-align: right;}
#advertising_block {max-height: 190px;}
.remote_add {width: calc(100% - 10px); left: auto; padding: 5px;}
.remote_add_content {padding: 20px 10px;}
#stagesflight_bikes_selection {font-size: 10px;}
}
@media only screen and (min-width: 0px) and (max-width: 440px){
.modules_list .block {padding: 5px;}
.progr_exercise .bottom_block .checkbox_block {height: 32px; width: 32px;}
.progr_exercise .bottom_block .checkbox_block .nice_checkbox:not(checked) + label:before, .not_active_checkbox {top: 4px; left: 4px; width: 20px; height: 20px;}
.progr_exercise .bottom_block .checkbox_block .nice_checkbox:not(checked) + label:after {top: 1px; left: 9px;}
#show_product .main_product_img {width: 40%; padding-bottom: 40%;}
.wrap_for_slider .slick-list {width: 60%; margin: 0 auto;}
.plan_activity {word-break: break-word;}
.not_active_checkbox::before {line-height: 20px; font-size: 12px;}
#advertising_block {max-height: 170px;}
}
@media only screen and (min-width: 0px) and (max-width: 380px){
.app_design .icon {height: 70px; width: 70px;}
.app_design.index #header.no_logo {min-height: 100px;}
.app_design .under_bar .column25 a {font-size: 14px;}
.app_design #index_page #content {padding: 5px;}
.app_design.my_plan h2, .app_design h2 {font-size: 18px;}
#tabs.flex_row .tab a {font-size: 12px;}
#user_info_top_block {margin: 0 0 10px; padding: 5px;}
#plans, #my_agenda_days, #my_task_days {margin: 10px 0;}
#tabs.flex_row {padding: 5px;}
.tab_icon {height: 35px; width: 35px;}
.app_design .top_panel {padding: 2px 0;}
.app_design .top_panel .title {padding: 0 46px;}
.app_design .top_panel_icon {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.current_program.slick-slide, .workout.slick-slide, .video.slick-slide {width: 200px; height: 120px; margin: 0 5px;}
.description_curent_program, .description_workout, .description_video {padding: 10px;}
.slick-slider {margin: 10px 0px;}
.description_curent_program, .description_workout, .description_video {font-size:14px; line-height: 21px;}
.app_design h2.current_program_title, .app_design h2.workout_title, .app_design h2.video_title {font-size:16px;}
.product_images {margin: 10px 0;}
.modules_list .title {padding: 10px 0;}
.app_design .login a {margin-top: 15px;}
.app_design #user_login_block {margin-bottom: 15px;}
.cupicon {width: 30px; height: 40px;}
.dropicon {width: 31px; height: 40px;}
#advertising_block {max-height: 155px; width: calc(100% - 10px); }
#current_points, #points_to_next_level {display: none;}
#max_reached_points, #current_points_name {width: 100%; text-align: center; font-size: 20px;}
#current_points_name {font-size: 15px;}
}
@media only screen and (min-width: 0px) and (max-width: 320px){
#advertising_block {max-height: 130px;}
}
@media only screen and (min-width: 0px) and (max-width: 1800px){
#index_page #content.cartnotblank .modules li {width: 31%;}
}
@media only screen and (min-width: 0px) and (max-width: 1660px){
.invnotshow {display: none;}
.profile_fields .items .view_invoice, .profile_fields .items .print_invoice {width: 20px;}
.profile_fields .items .view_invoice a, .profile_fields .items .print_invoice a {display: inline-block; background-position: center; width: 100%; height: 20px;}
.profile_fields .items .view_invoice > span, .profile_fields .items .print_invoice > span {padding: 0px 10px; display: block;}
.profile_fields .items .items_date {width: 25%;}
.progr_exercise .cont.moreblocks {padding: 10px 20px;}
.main_indicator {height: 30px;}
.spec_inform_block .digits, .main_indicator, .title_of_bottom_bl {font-size:16px;}
.moreblocks .title_of_bottom_bl {line-height: 15px; padding-bottom: 0;}
.moreblocks .progr_exercise .bottom_block {bottom: 10px;}
.spec_inform_block .unitofm {font-size: 12px;}
.spec_inform_block div {padding: 2px; margin: 0px 10px;}
.digits {line-height: 30px;}
}
@media only screen and (min-width: 0px) and (max-width: 1580px){
.club_pages { margin: 30px 30px 30px 323px;}
}
@media only screen and (min-width: 0px) and (max-width: 1550px){
ul.workshops .textwrap, ul.lessons .textwrap, ul.events .textwrap {width: 100%; padding: 10px; padding-top: 2px;}
.bodylesson, .bodyworkshop, .bodyevent {margin-bottom: 20px; float: left; width: 100%; clear: none; padding: 0px 10px; box-sizing: border-box; font-size: 13px; line-height: 18px; -webkit-line-clamp: 4; max-height: 71px; }
.headlesson h3, .headworkshop h3, .headevent h3 {font-size: 18px; line-height: 28px;}
.trainer {font-size: 12px; line-height: 12px; padding-bottom: 10px; display: block;}
.buttonsbottom {position: relative; width: 100%; padding: 10px; clear: both; box-sizing: border-box;}
ul.workshops .imgwrap, ul.lessons .imgwrap, ul.events .imgwrap {display: none;}
.imgwraptablet {display: block; float: none;}
.buttonsbottom .button, #workshop_page .givenby {margin: 0 2px;}
#index_page .modules li, #index_page .modules.four li, #coaching_page .modules li {width: 31%;}
.moreblocks .spec_inform_block {padding: 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 1440px){
#lessons_data_staff.profile_fields .items .items_date {width: 17%;}
#lessons_data_staff.profile_fields .items .item_title {width: 50%;}
}
@media only screen and (min-width: 0px) and (max-width: 1370px){
.club_pages { margin: 20px 20px 20px 303px;}
#membership_page .memberships > li {width: 48%; margin-bottom: 20px;}
#products li {width: 48%; margin-bottom: 20px;}
}
@media only screen and (min-width: 1201px) and (max-width: 1295px){
.profile_fields .items td.split_border > span { padding: 0 4px!important; }
.profile_fields .items .items_date { width: 21%!important; }
.profile_fields .items, .profile_fields .items a { font-size: 14px;}
.profile_fields .items, .profile_fields .items a { font-size: 13px;}
}
@media only screen and (min-width: 0px) and (max-width: 1200px){
#left_menu { left: -285px;}
.munub {display: block;}
.club_pages { margin: 0px;}
.search {margin-top: 35px;}
.search input[type="text"] {padding-right: 35px; height: 30px;  line-height: 30px;}
.search input[type="submit"] {height: 30px; width: 30px;}
#left_menu li {height: 30px; }
#left_menu li a, .button_like_menu_left {font-size: 13px; line-height: 30px;}
#left_menu li span.csf, span.csf {height: 30px; width: 30px;}
#side-menu .arrow {padding-top: 10px;}
#header {height: 158px;}
#header .logo {top: 40px;}
.filterhead, #fixedhead {line-height: 35px; min-height: 35px; height: auto;}
.levels_challenges .status {width: 24px; height: 24px;}
#bottom_buttons_for_mobile_mode {display: block!important;}
.css_popup.active .css_popup_content {margin-left: -78px;}
#show_lesson .css_popup.active .css_popup_content {margin: 8px 0px 0px -227px;}
}
@media only screen and (min-width: 0px) and (max-width: 1040px){
#lessons_data_staff.profile_fields .items .items_date {width: 20%;}
#lessons_data_staff.profile_fields .items .item_price {width: 8%;}
#lessons_data_staff.profile_fields .items .item_price_res {width: 12%;}
#lessons_data_staff.profile_fields .items .item_title {width: 50%;}
.article_block {width: calc(50% - 30px);}
#partners_page .article_block {padding-bottom: 15%;}
}
@media only screen and (min-width: 0px) and (max-width: 1000px){
.filterhead, #fixedhead {text-align: center;}
}
@media only screen and (min-width: 0px) and (max-width: 965px){
.profile_fields .items, .profile_fields .items a { font-size: 14px;}
}
@media only screen and (min-width: 0px) and (max-width: 900px){
.club_pages { padding: 0px;}
#header { width: 100%; padding: 0px; border-bottom: none;}
#header .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #content_frame {margin-top: 0px;}
#view_invoice_page #content { width: 100%; box-sizing: border-box; }
.changepas { margin: 14px; }
#membership_page #content, #lessons_page #content, #workshop_page #content, #events_page #content, #content.cartnotblank, #products_page #content { width: 69%; padding: 30px 2%; box-sizing: border-box; }
.filterincont, #cart {width: 27%; float: left; padding: 30px 2%;}
.buttonsbottom .button, #workshop_page .givenby, ul.workshops li .buttonsbottom .submits_btns a {margin: 5px;}
}
@media only screen and (min-width: 0px) and (max-width: 1200px){
#profile_page .textinfouser { margin: 0 0% 0 3%; width: 80%; max-width: 80%;}
#profile_page .logoutlink { margin-top: 20px; }
#profile_page .current_user_info .logoutlink { margin-top: 0px; }
.app_design #profile_page #user_data .wuseravatar {width: 100%; max-width: 100%;}
.app_design #profile_page .textinfouser {width: 100%; max-width: 100%; margin-top:30px; margin:0;}
}
@media only screen and (min-width: 0px) and (max-width: 900px){
#index_page #content.cartnotblank .modules li{ width: 48%; margin-bottom: 20px;}
}
@media only screen and (min-width: 0px) and (max-width: 878px){
.profile_fields .items, .profile_fields .items a { font-size: 13px;}
}
@media only screen and (min-width: 0px) and (max-width: 825px){
.profile_fields .items .view_invoice { width: 13%; }
.profile_fields .items .view_invoice span { padding: 0 0 0 10px!important; }
.profile_fields .items .view_invoice { background-position: 1% center!important; }
.profile_fields .items .print_invoice { width: 13%; }
.profile_fields .items .print_invoice span { padding: 0 0 0 10px!important; }
.profile_fields .items .print_invoice { background-position: 1% center!important; }
.profile_fields .items .items_date { width: 23%!important; }
.profile_fields .items .item_price { width: 12%!important; }
.profile_fields .items .item_title { width: 25%!important; }
#lessons_data_staff.profile_fields .items .items_date {width: 20%!important;}
#lessons_data_staff.profile_fields .items .item_price {width: 8%!important;}
#lessons_data_staff.profile_fields .items .item_price_res {width: 12%!important;}
#lessons_data_staff.profile_fields .items .item_title {width: 50%!important;}
}
@media only screen and (min-width: 0px) and (max-width: 855px){
/* .current_user_info #user_info_name_big_screen {display: none;} */
/* .current_user_info #user_info_name_small_screen {display: block;} */
.current_user_info > .img { float: none; max-width: 100%; max-height: 115px;}
.current_user_info .logoutlink {margin: 0px; text-indent: 9999px; overflow: hidden; height: 35px; width: 30px; margin-left: 5px; padding: 0px; background-color: transparent; background: url("/club_portal/logout_img.png") center center no-repeat;}
.current_user_info .myacclink {margin: 0px; text-indent: 99999px; overflow: hidden; height: 35px; width: 30px; margin-right: 5px; padding: 0px; background-color: transparent; background: url("/club_portal/profileconf.png") center center no-repeat;}
.current_user_info .family_button {display: inline-block;}
.current_user_info .textwrap {padding: 0px;}
.current_user_info .textwrap .clearblock {display: none;}
.current_user_info .logoutlink:hover, .current_user_info .myacclink:hover {opacity: 0.5;}
.current_user_info .lang_block { display: block; float: right; height: 25px;}
#header .current_user_info .logoutlink {background-color: transparent;}
#header .current_user_info .myacclink {background-color: transparent;}
.air_dashboard #header {padding-bottom: 40px;}
.air_dashboard .user_info_name#user_info_name_small_screen {bottom: 0; top: auto; left: 0;}
}
@media only screen and (min-width: 0px) and (max-width: 794px){
.profile_fields .items .cancel, .profile_fields .items .reserve { width: 55%; }
}
@media only screen and (min-width: 0px) and (max-width: 488px){
#header .current_user_info {top: 0px; height: 35px; padding: 0px; margin-top: 0px;}
.current_user_info > .img {width: 27px; float: left;}
#header .logo {top: 45%;}
}
@media only screen and (min-width: 0px) and (max-width: 780px){
#profile_page .textinfouser { width: 78%; max-width: 78%;}
}
@media only screen and (min-width: 0px) and (max-width: 778px){
.button {font-size: 12px;}
#content { width: 100%; padding: 30px 2%; box-sizing: border-box;}
#profile_info {display: none;}
.headerp { margin-bottom: 20px; font-size: 13px; line-height: 20px; padding: 15px; padding-left: 110px; min-height: 96px; }
.headerp h2, #show_workshops_page .text h3, #show_events_page .text h3 {font-size: 15px;}
#show_education_training_page .text h3, #show_education_page .text h3 {font-size: 15px;}
.headerp span.i {width: 110px; height: 96px;}
.allmonthwrap a {font-size: 13px; width: 75px;}
ul.lessons li .givenby {padding: 0px 20px; margin: 0px;}
.buttonsbottom .dib .button, .buttonsbottom .givenby, .buttonsbottom .givendata {margin: 0px;}
#membership_page .memberships > li h3 {font-size: 15px;}
#show_lessons_page .lessons_btns.tab, #show_event .event_btns.tab, #show_workshops_page .workshop_btns.tab {display: block;}
#show_education_training_page .workshop_btns.tab, #show_education_page .workshop_btns.tab {display: block;}
#show_lessons_page .lessons_btns.desc, #show_event .event_btns.desc, #show_workshops_page .workshop_btns.desc {display: none;}
#show_education_training_page .workshop_btns.desc, #show_education_page .workshop_btns.desc {display: none;}
#bottom_buttons_for_mobile_mode .workshop_btns.desc {display: block!important;}
.headlesson h3, .headworkshop h3, .headevent h3 {font-size: 18px;}
#memberships_data .items .item_title {width: 45% !important;}
#lessons_data .items .item_title, #lessons_data_staff .items .item_title {width: 55% !important;}
.training_info { width: 100%; float: none; margin-bottom: 30px; }
.wrapper_of_training_content { width: 100%; float: none; padding-left: 0px;}
.css_popup.active .css_popup_content {margin-left: -82px;}
#show_lessons_page .css_popup.active .css_popup_content {top: 28px; bottom: auto; margin-left: -128px;}
#show_lessons_page .lessons_btns.nogratprof .css_popup .button.di {width: auto;}
#show_lessons_page .lessons_btns.nogratprof .css_popup .button.di.confirm {width: auto; min-width: 220px;}
.givenby.fr {width: calc(100% - 10px); display: block; float: none; text-align: center; box-sizing: border-box;}
.level_chelenge_item {display: block;}
.media_block {max-width: 740px;}
.media_block.img {max-height: 415px; overflow: hidden;}
.media_block.img img {transform: translateY(-25%);}
.level_chelenge_item .description {padding: 20px;}
.cp_family_memberships .left_image_link.add, .link_as_button {padding: 0 10px;}
#memberships_data .link_as_button.logoutlink {padding: 5px; line-height: 15px; font-size: 12px; width: auto; text-align: center; text-transform: unset; white-space: unset;}
.plan_activity {padding: 10px;}
.plan_activity .cancel {display: block; position: relative; line-height: 35px;}
.users_list .addition_user {width: calc(50% - 15px);}
}
@media only screen and (min-width: 0px) and (max-width: 699px){
#profile_page .textinfouser { width: 76%; max-width: 76%;}
#user_login_block p {clear: both; float: none; width: auto;}
#training_details .title {font-size: 17px; line-height: 17px; text-align: center;}
.coaching_exercise .slick-dots, .slick-dots {margin-top: 10px;}
.slick-slider {margin: 10px 0;}
#training_details .progr_exercise.exercise_video .title {min-height: 0px;}
.progr_exercise .cont.moreblocks {padding: 5px;}
.moreblocks .title_of_bottom_bl {line-height: 8px;}
.progr_exercise .bottom_block {bottom: 5px; left: 5px; width: 100%;}
}
@media only screen and (min-width: 0px) and (max-width: 655px){
#right_side, .loginb { display: block;}
#membership_page #content, #lessons_page #content, #workshop_page #content, #events_page #content, #content.cartnotblank, #products_page #content { width: 100%; padding: 40px 20px;}
.cartbox {display: block;}
#content.cartnotblank { width: 100%; padding: 40px 20px; box-sizing: border-box;}
.filterincont, #cart {width: calc(100% - 10px); float: none; padding: 20px; box-sizing: border-box;}
#content_frame #filterid {display: none;}
}
@media only screen and (min-width: 0px) and (max-width: 634px){
#profile_page .textinfouser { width: 74%; max-width: 74%;}
#index_page .modules li, #index_page .modules.four li, #index_page .modules.three li, #coaching_page .modules li {width: 48%; margin-bottom: 20px; }
.article_block {width: calc(50% - 30px);}
#partners_page .article_block {padding-bottom: 15%;}
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.progr_exercise .cont.moreblocks {padding: 10px;}
.progr_exercise .bottom_block {bottom: 10px; left: 10px; min-height: 30px; width: 100%;}
}
@media only screen and (min-width: 0px) and (max-width: 580px){
#profile_page .textinfouser { width: 72%; max-width: 72%;}
.imgwraptablet {width: 20%; float: none;}
.bodylesson, .bodyworkshop, .bodyevent {width: 100%;}
.headlesson h3, .headworkshop h3, .headevent h3 {-webkit-line-clamp: 2; max-height: 60px; height: auto; line-height: 18px; margin: 7px 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 535px){
#profile_page .textinfouser { width: 70%; max-width: 70%;}
#profile_page #user_data .wuseravatar { float: none; margin: 0px auto;}
#profile_edit_page #wizard_register .wuseravatar { float: none; margin: 0px auto 20px auto;}
}
@media only screen and (min-width: 0px) and (max-width: 805px){
.profile_fields .items .view_invoice a > span { display: none; }
.profile_fields .items .view_invoice { width: 5%; background-position: center center!important; }
.profile_fields .items .view_invoice span { padding: 0!important; }
.profile_fields .items .print_invoice a > span { display: none; }
.profile_fields .items .print_invoice { width: 5%; background-position: center center!important; }
.profile_fields .items .print_invoice span { padding: 0!important; }
.profile_fields .items .item_price { width: 16%!important; }
.profile_fields .items .items_date { width: 37%!important; }
#memberships_data .items td a.aanpassen { padding: 0 5px!important; }
.profile_fields .items td.split_border > span { padding: 0 3px!important; }
.profile_fields .items .item_title { width: 28%!important; }
.config_api_name {width: 50%;}
}
@media only screen and (min-width: 0px) and (max-width: 1048px){
.profile_fields .items td a {display: block; width: 100%; height: auto; line-height: normal;}
}
@media only screen and (min-width: 0px) and (max-width: 520px){
#content {padding: 10px; box-sizing: border-box;}
.app_design #content {padding-bottom: 30px;}
#profile_edit_page #content, #wizard_page #content, #payment_wizard_page #content, #wizard_membership_page #content {padding: 10px; width: 100%; box-sizing: border-box;}
.headerp {margin-bottom: 20px; font-size: 12px; padding: 15px; line-height: 18px; padding-left: 64px; min-height: 54px;}
.headerp span.i {width: 64px; height: 54px;}
#membership_page .memberships > li {width: 100%; margin-bottom: 10px;}
#products li {width: 100%; margin-bottom: 10px;}
.article_block {width: calc(100% - 30px);}
#partners_page .article_block {padding-bottom: 30%;}
.buttonsbottom .dib {width: 100%;}
ul.lessons li .buttonsbottom .dib .button, ul.events li .buttonsbottom .dib .button { padding: 0px 1%; box-sizing: border-box; display: block; }
ul.lessons li .buttonsbottom .dib .button.gp, ul.events li .buttonsbottom .dib .button.gp {width: 28%;}
ul.lessons li .buttonsbottom .dib .button.di, ul.events li .buttonsbottom .dib .button.di {width: 47%; }
#lessons_page .button.di, #workshop_page .button.di, #events_page .button.di , #online_lessons_page .button.di {min-width: auto;}
ul.lessons li .buttonsbottom .dib .button.mi, ul.events li .buttonsbottom .dib .button.mi {width: 25%;}
.timelesson {float: right; margin: 0px; padding: 0px 10px; margin-top: -1px;}
.bodyworkshop, .bodyevent {padding: 0px 10px;}
.headlesson h3, .headworkshop h3, .headevent h3 {font-size: 16px;}
#show_workshops_page .givenby, #show_events_page .givenby, #show_workshops_page .givendata, #show_events_page .givendata {display: inline-block;}
#show_education_training_page .givenby, #show_education_page .givenby, #show_education_training_page .givendata, #show_education_page .givendata {display: inline-block;}
#show_lessons_page .lessons_btns.tab, #show_event .event_btns.tab, #show_workshops_page .workshop_btns.tab {display: none;}
#show_education_training_page .workshop_btns.tab, #show_education_page .workshop_btns.tab {display: none;}
#show_lessons_page .lessons_btns.mob, #show_events_page .event_btns.mob, #show_workshops_page .workshop_btns.mob {display: block;}
#show_education_training_page .workshop_btns.mob, #show_education_page .workshop_btns.mob {display: block;}
#wizard_indicator {padding-top: 30px; max-width: 300px; margin: 0px auto;}
#wizard_indicator table td {font-size: 12px;}
#wizard_page #wizard_indicator { background-image: url("wizard_indicator_st1_s.png"); }
#wizard_indicator {background-image: url("/club_portal/wizard_indicator_st2_s.png"); }
#wizard_payment_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st3_s.png"); }
#payment_wizard_to_pay_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st3_s.png"); }
#wizard_thanks_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st4_s.png"); }
#wizard_membership_page #wizard_indicator { background-image: url("/club_portal/wizard_indicator_st2_s.png"); }
#wizard_membership_page input[type="radio"].checkbox:not(checked) + label {float: none;}
#wizard_membership_page form div.price_per_period {display: block; padding-left: 0px; float: none;}
#show_product_page .webshop.headerp .text h2 { line-height: 24px;}
.invnotshow {display: none;}
.profile_fields .items .direct_pay a { background-image: url("/club_portal/icons/paybutton.png"); background-repeat: no-repeat; background-position: center center; overflow: hidden; width: 20px; text-indent: -9999px;}
.profile_fields .items td a.more_i.view_in_smalldespl { background: url("/club_portal/icons/vieweye.png") no-repeat center center; overflow: hidden; width: 30px; text-indent: -9999px; height: 20px; display: inline-block; padding: 0px; vertical-align: middle;}
.profile_fields .items td a.more_i.view_in_smalldespl { background: url("/club_portal/icons/vieweye.png") no-repeat center center; overflow: hidden; width: 30px; text-indent: -9999px; height: 20px; display: inline-block; padding: 0px; vertical-align: middle;}
.profile_fields .items td a.more_i.add_to_cart_smalldespl { background: url("cartbasket.png") no-repeat center center; overflow: hidden; width: 20px; text-indent: -9999px; height: 20px; display: inline-block; padding: 0px; vertical-align: middle;}
.profile_fields .items .cancel {background: url(/club_portal/delete.png)no-repeat center center; overflow: hidden; width: 20px; text-indent: -9999px; height: 20px; display: inline-block; padding: 0px; vertical-align: middle; margin-top: 5px;}
.profile_fields {margin-top: 10px;}
/* #invoices_data .items .items_date, #invoices_data .items .item_price {display: none;} */
#invoices_data .items td.split_border > span {border: none;}
#invoices_data .items .view_invoice {background: url("/club_portal/icons/vieweye.png") no-repeat center center; width: 30px;}
#invoices_data .items .print_invoice {background: url("/club_portal/icons/printbutton.png") no-repeat center center; width: 30px; }
#invoices_data .items .item_title {width: auto!important;}
#invoices_data .items .direct_pay { width: 30px;}
#invoices_data .items .direct_pay a {width: 100%;}
.profile_fields .items td.split_border > span {border: none;}
.profile_fields .items .view_invoice a, .profile_fields .items .print_invoice a {background: none;}
#membership_page .filterhead {margin-top: -70px;}
.membership_reservations_block {width: 100%; float: none;}
.trial_reservations_block {width: 96%; float: none;}
.reserv_size {display: block;}
.training_info .wrap_content.header {padding: 0px;}
.training_info .lessons_btns.desc {float: none;}
.training_info .lessons_btns.desc .button.sd {width: 100%; box-sizing: border-box; margin: 0px;}
.training_info .register_buttons { float: none; text-align: center; margin-top: 20px;}
.training_info .register_buttons .register_button {margin: 0px 10px;}
.list_of_training .title_obj {float: none; width: 100%; padding: 0px;}
.list_of_training .items .items_date {width: 100%;}
.list_of_training { padding: 0px 15px; height: 290px; overflow: hidden; width: 100%; box-sizing: border-box; -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease;}
.list_of_training_more_button, .res_show_mobile {display: block;}
.res_show_desc {display: none;}
.css_popup.active .css_popup_content {margin-left: 0px;}
ul.lessons li .buttonsbottom .dib .css_popup .button.di {width: 100%;}
ul.lessons li .buttonsbottom .dib .css_popup .button.di.confirm {width: 47%;}
#lessons_page .css_popup .button.di {min-width: auto; padding: 0px 15px;}
#show_lessons_page .css_popup.active .css_popup_content {top: 28px; bottom: auto; padding: 3px 5px; margin: 9px 3px;}
#show_lessons_page .lessons_btns.nogratprof .css_popup .button.di {width: auto;}
#show_lessons_page .lessons_btns.nogratprof .css_popup .button.di.confirm {width: auto; padding: 0px 5px;}
.config_api_name {width: 95%;}
}
@media only screen and (min-width: 0px) and (max-width: 410px){
ul.workshops .textwrap, ul.events .textwrap {width: 100%;}
.colum1, .colum2, .colum3, .columl, .columr { width: 100%; margin-right: 0px; float: none;}
.niceform form { padding: 10px;}
#show_lessons_page .trainer_info, #show_workshops_page .trainer_info, #show_events_page .trainer_info { width: 100%; float: none; margin-right: 0px;}
#show_education_training_page .trainer_info, #show_education_page .trainer_info { width: 100%; float: none; margin-right: 0px;}
#show_lessons_page .lesson_description { float: none; width: 100%; margin-top: 15px; font-size: 13px;}
.niceform tr.birthday td select { float: none; width: 100%;}
.show_price {top: 0px; right: 0px; height: 30px; line-height: 30px; padding: 0px 10px;}
.login .form_fields {float: none; width: 100%; margin-right: 0px;}
#index_page #content.cartnotblank .modules li, #index_page .modules li, #index_page .modules.four li, #index_page .modules.three li {width: 100%; margin-bottom: 20px;}
.article_block {width: calc(100% - 30px);}
.bodylesson, .bodyworkshop, .bodyevent { -webkit-line-clamp: 6; max-height: 108px;}
#profile_page .textinfouser { width: 100%; max-width: 100%; box-sizing: border-box; margin: 0px; float: none;}
.air_dashboard #header {padding-bottom: 60px; height: 180px;}
.users_list .addition_user {width: 100%;}
}
@media only screen and (min-width: 0px) and (max-width: 340px){
#training_details .title {font-size: 15px; line-height: 15px;}
.moreblocks .spec_inform_block div {padding: 0px;}
}
@media only screen and (max-width: 1026px) {
.trial_lessons p {max-width: 100%;}
.filtersmallpart .nice_checkbox:not(checked) + label {font-size: 12px; font-weight: 600; line-height: 20px;}
.wizard_steps {width: 100%; font-size: 12px;}
.wizard_steps td {font-size: 12px;}
.trial_lessons {padding: 10px 10px;}
.trial_lessons .filtersmallpart {float: none; width: 100%;}
.trial_lessons p {font-size: 12px;}
.trial_lessons input[type="submit"] {margin-top: 10px;}
div.calendar table {border: 1px solid #CCC;}
div.calendar table tr:first-child {border: 1px solid transparent;}
.trial_lesson_wrap, .trial_lesson_wrap #calendar .button, .trial_lesson_wrap #calendar .title {margin-top: 0px; background-color: transparent;}
.trial_lesson_wrap #calendar td.button, .trial_lesson_wrap #calendar td.title {vertical-align: top; padding: 0px 0px 0px 0px; height: 12px}
.trial_lesson_wrap #calendar {width: 100%; margin: 10px auto 0px auto;}
.trial_lesson_wrap #calendar .title {font-size: 15px;}
.trial_lesson_wrap #calendar th, .trial_lesson_wrap #calendar td {text-align: center; padding: 2px; width: 14.2%; height: 28px; font-size: 13px; font-weight: normal; background-color: #FFF;}
.trial_lesson_wrap #calendar td.inactive {opacity: 0.4; filter:alpha(opacity:0.4);}
.trial_lesson_wrap #calendar td.button:before {width: 18px; height: 18px; line-height: 18px;}
.trial_lesson_wrap div.user_form {padding: 10px; width: 100%; background-color: #FFF;}
.trial_lesson_wrap div.user_form > div {padding: 0px 0px 10px 0px;}
.trial_lesson_wrap div.user_form .user_name_fields > div:first-child {width: 56%; margin-bottom: 10px;}
.trial_lesson_wrap div.user_form .user_name_fields > div:nth-child(even) {width: 40%; margin-bottom: 10px; padding: 0px 0px 0px 4%;}
.trial_lesson_wrap div.user_form .user_name_fields > div:last-child {width: 100%;}
.app_design div.calendar table {border: none;}
.selected_steps {float: left; margin: 10px 0 0 0; width: 73%;}
.selected_steps label {overflow: hidden; padding: 0px 5px; max-width: 100%; height: 18px; box-sizing: border-box; white-space: nowrap; line-height: 18px; font-size: 12px; text-overflow: ellipsis;}
.filtersmallpart_wrap {margin-top: 10px;}
}
.auto_reserve_messages {margin: 0px 0px 0px 0px; height: 100%;  padding: 0px;}
.auto_reserve_messages > div {clear: both; overflow: auto; padding: 0px 0px; color: #FFFF;}
.auto_reserve_messages span.check_bulletpoint {display: block; float: left; margin-right: 20px; width: 128px; height: 97px; background: url(/club_portal/icons/college_big.png) left top no-repeat; background-size: 100% 100%;}
.auto_reserve_messages span.items_title {display: block; margin: 20px 0px 0px 0px; font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: normal;}
.auto_reserve_messages span.items_date {display: inline-block; margin: 24px 30px 0px 0px; font-size: 16px;}
.auto_reserve_messages span.item_price_res {display: inline-block; margin: 0px 24px 0px 0px; font-size: 16px;}
#qr-title, #user {margin: 0px 0px 20px 0px; font-size: 18px; font-weight: 400; color: #FFF; text-transform: uppercase; text-align: center;}
.club_pages #qr-component {position: relative; margin: 10px auto;height: 220px;}
.club_pages #movies, body.club_pages #user {margin: 40px auto 30px auto; padding: 0px; width: 400px;}
.club_pages #user {width: 360px; height: 266px; margin: 40px auto 30px auto; background: none; text-align: center; text-transform: none;}
.club_pages #user #welcome_message {display: none;}
.club_pages #user #name {margin-bottom: 20px; font-size: 2.2em; line-height: 52px;}
.club_pages #user #user_block {clear: both; overflow: auto;}
.club_pages #user img {display: none;}
.club_pages #user #user_name {font-size: 30px;}
.club_pages #user .error_messages {display: block; margin-top: 0px; width: 100%; text-align: left; padding: 0px; font-size: 18px; font-weight: 400; text-transform: none; text-align: center;}
.club_pages #user #reserved_lesson_description {display: none;}
.club_pages .error_messages.red {color: red;}
.racketsport {float: left; width: 100%;}
.racketsport #authorized_user_block {line-height: 43px; margin-top: 10px;}
.racketsport input[type="text"], .racketsport select {width: 40%; border: 1px solid #CCC;}
.racketsport label {display: inline-block; width: 160px;}
.racketsport .with_input {display: block;}
.racketsport {}
.r_inactive {opacity: 0.35; filter:alpha(opacity:0.35); pointer-events: none;}
@media only screen and (max-width: 655px) {
}
@media only screen and (max-width: 576px) {
.auto_reserve_messages > div {text-align: center;}
.auto_reserve_messages span.check_bulletpoint {display: none;}
#user_login_block div {float: none; width: 100%;}
.club_pages #user {width: 280px; margin: 0px -140px 0px 0px;}
.club_pages #movies {width: 300px; margin: 0px auto; right: auto;}
.club_pages #user img {display: none;}
#qrcode_data #qr_code_block img {width: 200px;}
#user_login_block .with_club_name {display: none;}
#user_login_block .without_club_name {display: inline;}
}
@media only screen and (max-height: 500px) {
#search_mb_message input[type=text] {margin-top: 0; padding: 0 5px; height: 20px; line-height: 20px;}
}
@media only screen and (max-height: 450px) {
.app_design.index #content_block, .app_design.show_groups_before_activities #content_block {position: absolute;  top: 10px;  height: 100%!important;}
}
.gender_title_label {display: none;}
.niceform form .family_persons div.pad.branches, .family_persons div.pad.branches {margin-bottom: 0px; padding: 10px 0px 0px 0px; border-bottom: none;}
#family_person_birthday {height: 34px;}
.profile_fields .items tr.cp_family_memberships {border-top: 1px solid transparent; border-bottom: 1px solid #c2c2c2;}
.cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 65%;}
@media only screen and (max-width: 1440px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 100%;}}
@media only screen and (max-width: 880px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 97%;}}
@media only screen and (max-width: 770px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 90%;}}
@media only screen and (max-width: 404px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 89%;}}
@media only screen and (max-width: 375px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 85%;}}
@media only screen and (max-width: 360px) { .cp_family_memberships #new_family_member, .cp_family_memberships .family_persons { width: 78%;}}
.cp_family_memberships #new_family_member input[type="text"], .cp_family_memberships #new_family_member input[type="password"], .cp_family_memberships #new_family_member select, .cp_family_memberships .family_persons input[type="text"], .cp_family_memberships .family_persons input[type="password"], .cp_family_memberships .family_persons {margin-top: 0px;}
.cp_family_memberships #new_family_member select, .cp_family_memberships .family_persons select {display: block; float: left; width: 32%; margin-right: 2%;}
.cp_family_memberships #new_family_member select:last-child, .cp_family_memberships .family_persons select:last-child {margin-right: 0%;}
.cp_family_memberships #new_family_member .branches .branch, .cp_family_memberships #new_family_member .branch_insurance, .cp_family_memberships .family_persons .branches .branch, .cp_family_memberships .family_persons .branch_insurance {margin: 0px;}
.cp_family_memberships .add_new_family_member {padding-bottom: 10px;}
.cp_family_memberships .branches.family_persons {margin-top: 10px; border-bottom: 1px solid #c2c2c2;}
#profile_page .cp_family_memberships #new_family_member .nice_checkbox + label, #profile_page .cp_family_memberships .family_persons .nice_checkbox + label {color: #3c3c3c;}
.cp_family_memberships .left_image_link.add, .link_as_button {font-weight: 700; display: inline-block; padding: 0px 20px; margin-top: 20px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; height: 34px; line-height: 34px; font-size: 14px; border: 0; white-space: nowrap; color: #FFFFFF; background-color: #ff7200;}
#tab_family_members_exists .family_persons .action_link a { color: #ff7200;}
.scrollable {overflow-x: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.scrollable::-webkit-scrollbar {display: none;}
#remote_add_week_calendar_add_user, #remote_add_content_week_calendar_add_user {max-width: 700px;}
#remote_add_week_calendar_confirm_screen, #remote_add_content_week_calendar_confirm_screen {max-width: 700px;}
#remote_add_content_week_calendar_confirm_screen .gray-black {border: 1px solid black; margin-top: 20px;}
#remote_add_content_week_calendar_confirm_screen .gray-black th {border: 1px solid black; background-color: #e7e6e6; padding: 3px; text-align: left; font-weight: normal;}
#remote_add_content_week_calendar_confirm_screen .gray-black td {border: 1px solid black; padding: 3px;}
#week_calendar {width: 100%;}
#week_calendar #calendar .button {color: white;}
#week_calendar td {padding: 5px 10px; text-align: center;}
#week_calendar th {background-color: #424242; color: white;}
#week_calendar td a { padding: 3px 10px; border-radius: 5px; color: -1; background-color: -1;}
#wizard_register {}
#wizard_register .niceform_wrap > div {margin-bottom: 14px; position: relative;}
#wizard_register .niceform_wrap > div.birthday, #wizard_register .niceform_wrap > div.country, #wizard_register .niceform_wrap > div.language {clear: both; margin-bottom: 14px;}
#wizard_register .back_btn {color: -1; background-color: -1;}
.niceform #wizard_register .gender_title input {margin-bottom: 0px; margin-right: 2px;}
.niceform #wizard_register .gender_title label {margin-right: 8px;}
.niceform #wizard_register .nice_checkbox + label {white-space: normal; display: inline-block;}
#add_family_person .link_as_button {margin-top: 0px;}
input.hidden_field, form select.hidden_field {display: none; width: 0px!important; outline: none!important; border: none!important; margin: 0px!important; padding: 0px!important; clear: none!important; float: none!important;}
/* #tab_family_members_exists .family_persons { width: 60%; float: left; } */
/* #tab_family_members_exists .family_persons .action_link { float: right; display: block; height: 522px; line-height: 522px;} */
/* #tab_family_members_exists .family_persons { border-bottom: 1px solid #c2c2c2;} */
/* #tab_family_members_exists .family_persons:last-child { border-bottom: 0px; } */
/* #tab_family_members_exists .family_persons #sport_branches { border-bottom: 0px;} */
/* #tab_family_members_exists #family_person_birthday select { width: 32%; margin-right: 2%; float: left;} */
/* #tab_family_members_exists #family_person_birthday select:last-child { margin-right: 0;} */
/* .cp_family_memberships #exists_family_members { width: 470px; } */
.membership_item.action_code {margin-bottom: 10px; text-align: center; background-color: white;}
.hidden_td {visibility: hidden; }
.hidden_td td {height: 0px; padding: 0px; line-height: 0px;}
#select_delivery_method_in_cart select {font-size: 13px; height: 30px; line-height: 26px; padding: 0px 0px; margin-bottom: -4px; color: #757575; background-color: #fff6ce; border: 1px solid #757575;}
.error_messages.red {color: red;}
.reservation_exception {color: #ff3300; font-size: 16px; font-weight: 600;}
#show_lesson .reservation_exception {clear: both;}
#workshop_page .location_by_date_select_box select, #education_training_page .location_by_date_select_box select, #education_page .location_by_date_select_box select { margin: 0; font-size: 14px; height: 30px; width: 245px; background-color: #464646; color: #ffffff; }
#location_by_date_select_boxes { display: inline-block;}
.submits_btns { float: right; }
.buttonsbottom.r_text_align { text-align: right; }
#product_configuration { clear: both; overflow: hidden; }
#product_configuration select { width: auto; float: left; padding-left: 0; background-color: #e4e4e4; margin-right: 10px;}
#available_info { float: left; height: 33px; line-height: 33px; margin-top: 10px; margin-left: 38px; }
#feedback_content > h2 { font-size: 20px; text-transform: uppercase; text-align: center; }
#feedback_content #raiting_text { text-align: center; font-size: 30px; }
#feedback_form textarea { width: 100%; height: 200px; font-size: 15px; padding: 3px;}
#feedback_form .back { margin-right: 10px;}
.check_rate_color { display: inline-block; width: 15px; height: 12px; margin-left: 10px; background-position: left center; background-repeat: no-repeat; }
.orange .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_orange.png")!important; }
.green .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_green.png")!important; }
.red .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_red.png")!important; }
.yellow .check_rate_color { background-image: url("/club_portal/icons/check_bulletpoint_yellow.png")!important; }
.feedbacks_fields .title { font-weight: bold; }
.feedbacks_fields .view_invoice div {text-align: left; cursor: pointer; background-image: url("/club_portal/icons/view_membership.png"); background-position: left center; background-repeat: no-repeat;}
#remote_add_content_view_feedback_comment { position: relative;}
#remote_add_view_feedback_comment {width: auto;}
#feedback_comment_form { max-width: 96%; }
.feedback_comment > td { padding: 20px 14px!important; line-height: 18px!important; text-align: left!important; background-color: #fff!important; }
.feedbacks_fields .invnotshow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.filled_user_action_codes {background: #fff; padding: 15px 10px;}
.filled_user_action_codes .filled_user_action_code {display: inline-block; border: 1px solid #CCC; padding: 4px 6px; margin-right: 4px;}
#action_code_error, #action_code_message {padding: 5px 10px 15px 10px;}
.filtersmallpart .child_block { margin-left: 25px; }
.filtersmallpart .with_sub_categories { display: inline-block; width: 11px; height: 11px; background-color: #000; margin-left: 3px; background-repeat: no-repeat; background-position: right center; background-image: url(/images/design_new/plus.png);}
.filtersmallpart .category_line { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.filtersmallpart .category_line p { font-weight: bold; margin-left: 24px; color: #000 !important; }
.product_images { overflow: hidden; margin-top: 20px; margin: 0 -4px;}
.product_images div { position: relative; float: left; cursor: pointer; margin: 4px; min-height: 50px; min-width: 50px; padding: 8px; border: 1px dotted #ccc; line-height: 0px; overflow: hidden;}
.coaching.coaching_video span.i {background-image: url(/images/coaching/videotransparant_ico_white.png);}
.coaching.coaching_article span.i {background-image: url(/images/coaching/article_ico_white.png);}
.coaching.coaching_recipe span.i {background-image: url(/images/coaching/recipe_ico_white.png);}
.coaching.coaching_exercise span.i {background-image: url(/images/coaching/excercise_ico_white.png);}
.item_text {text-transform: uppercase;}
.item_image, .item_description, .coaching_item {margin-bottom: 30px;}
.coaching_item b {color: #333; font-size: 17px; font-weight: 600; margin-bottom: 10px;}
.coaching_item p {color: #000; font-size: 16px; font-weight: 400;}
.coaching_item ol {margin-left: 17px;}
.item_image {text-align: center;}
.coaching_item .button {height: 34px; line-height: 34px; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 14px; background-color: #119e00;}
.coaching_item .button:first-child {margin: 0px 5px 0px 0px;}
.item_image img {height: 375px;}
.full_slider_wrap {width:466px; margin: 0px auto;}
#thumbs-page.full_slider {padding: 0; position: relative; margin-bottom: 20px;}
.thumbs-page-buttons {position: relative; margin-top: 10px; height: 40px;}
#thumbs-page.full_slider .navigation.next:after, #thumbs-page.full_slider .navigation.previous:after { border: solid #FFF; border-width: 0 4px 4px 0; display: inline-block; padding: 4px;}
#thumbs-page.full_slider .navigation.next {position: absolute; right: 0; height: 100%; padding: 0px 20px; margin: 0; top: 0; display: none; cursor: auto; background-image: none;}
#thumbs-page.full_slider .navigation.next:after {content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
#thumbs-page.full_slider .navigation.next.act:hover:after {}
#thumbs-page.full_slider .navigation.previous {position: absolute; left: 0; height: 100%; z-index: 100; padding: 0px 20px; margin: 0; top: 0; display: none; cursor: auto; background-image: none;}
#thumbs-page.full_slider .navigation.previous:after {content: ""; transform: rotate(135deg); -webkit-transform: rotate(135deg); width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
#thumbs-page.full_slider .navigation.previous.act:hover:after {}
#thumbs-page.full_slider .navigation.next.act {cursor: pointer; opacity: 1; display: block;}
#thumbs-page.full_slider .navigation.previous.act {cursor: pointer; opacity: 1; display: block;}
.thumbs-page-steps {margin: 0px 40px; text-align: center; height: 40px;}
.thumbs-page-step {display: inline-block; background-color: #9d9a9a; padding: 5px 7px; color: #FFF; height: 20px; margin-top: 5px; line-height: 17px; border-radius: 4px;}
.thumbs-page-step > span {display: none;}
.thumbs-page-step.act > span {display: inline;}
#thumbs-page.full_slider .thumb-on img, #thumbs-page.full_slider .thumb img:hover {outline: none;}
#thumbs-page.full_slider #thumbs-page-wrap {max-width: 466px;}
#thumbs-page .thumb {display:inline-block; zoom:1; margin-left: -4px;}
#thumbs-page .thumb:first-child {margin-left: 0px;}
#thumbs-page .thumb.bigthumb img {cursor:pointer; width: 466px; height: 700px;  margin: 0px; padding: 0px; font-size: 0; line-height: 0px; outline: none; opacity:1; filter:alpha(opacity=100);}
#thumbs-page .thumb.bigthumb {width: 466px; height: 700px;}
#thumbs-page .thumb.bigthumb.not_loaded {}
#thumbs-page .thumb.bigthumb.not_loaded {background: url(../images/indicator_dark.gif) no-repeat center center;}
#slider.download_process:after {width: 64px; height: 64px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/indicator_dark.gif) no-repeat center center; margin: auto;}
.scroll-content {white-space: nowrap; width: 100%; position: absolute; left: 0; top: 0; transition: all .3s ease-out;}
#thumbs-page-wrap {display: inline-block; max-width: 588px; overflow: hidden; position: relative; width: auto; height: auto;}
.exercise {padding-left: 20px; text-align: center;}
.exercise .item_text {font-size: 20px; font-weight: 600; line-height: 62px;}
.exercise .back_link {border: solid #FFF; border-width: 0 4px 4px 0; display: inline-block; position: absolute; left: 28px; top: 38px; margin-top: 0px; height: 26px; width: 26px; min-width: auto; padding: 0px; transform: rotate(135deg); -webkit-transform: rotate(135deg); background-color: transparent;}
#party {background-color: #7900b7; color: white; border-radius: 15px; padding: 10px;}
#party h2 {color: white;}
#party_content {padding: 10px;}
#party_groups {background-color: #e3eaea; padding: 10px; border-radius: 15px;}
#party_groups .colum {margin: 10px 0px;}
#party_groups .colum.values {margin: 10px 0px 10px 15px;}
#party_groups .colum.values label {margin: 5px; display: block;}
ul.workshops li .buttonsbottom .submits_btns a { margin-left: 2px; }
.invisible {display: none;}
.buttonsbottom .button.invisible {display: none;}
.kinderyoga_profile_edit textarea#f_about_info { width: 98%; height: 100px; padding: 3px;}
.social_icons { overflow: hidden; }
.social_icons div { width: 100%; clear: both;}
.social_icons_ky {background-size: 82%; float: left; display: inline-block; background-repeat: no-repeat; background-position: left center;}
.social_icons_ky + input[type=text] { float: right; width: 89%!important; }
.social_icons_ky.facebook { width: 25px; height: 50px; background-image: url("/club_portal/icons/fb_icon.png"); }
.social_icons_ky.twitter { width: 39px; height: 47px; background-image: url("/club_portal/icons/tw_icon.png"); }
.social_icons_ky.linkedin { width: 34px; height: 46px; background-image: url("/club_portal/icons/lkin_icon.png"); }
.kinderyoga_profile_edit .qq-upload-success span, input[type=text] { padding-right: 10px; }
.coaching_activity_available, .coaching_activity_current {margin: 10px 0;}
.coaching_activity_available .api_system, .coaching_activity_current.api_system {cursor: pointer;color: #FFF;display: table;}
.coaching_activity_available .api_system img, .coaching_activity_current.api_system img {height:24px; margin-right:10px;}
.coaching_activity_available .api_system span, .coaching_activity_current.api_system span {display: table-cell;vertical-align: middle;}
.api_registration_block { background-color: #119e00;}
.api_registration_block a {color: #FFF; margin-left:34px; text-decoration: none; line-height: 30px;}
.polar_exercise_info.activity_info {width: 95px;margin: 6px 6px 0 0;}
.polar_exercise_info.activity_info span{font-size:16px;}
.polar_exercise_info {float: left; margin-right: 10px; padding: 0px;}
.polar_exercise_info img {width:34px; margin: 0px 8px 0px 0px; border-radius: 17px;}
.polar_exercise_info p.exercise_icon img {width:24px;margin: 0;}
.polar_exercise_info img.activity_icon {background-color: #dedede; border: 1px solid #CCC;}
.polar_exercise_info span {line-height: 32px;font-weight: 400;}
.polar_exercise_info p {margin: 0; font-size: 16px; line-height: 24px; color: #FFF;}
.polar_exercise_info p.data {font-weight: 400; padding-left: 3px;}
.polar_exercise_info p.data span{display: inline-block;}
.polar_exercise_info.activity_data {width: 115px;}
.polar_exercise_info.activity_hart_rate {width: 165px;}
.polar_exercise_info.activity_calories {width: 115px;}
.progress_bar {text-align: center; color: #444; position: relative; height: 16px; border: 1px solid #ccc; border-radius: 1px; }
.progress_bar .progress_back { height: 100%; position: absolute; top: 0px; left: 0px; }
.progress_bar .progress_percent { position: absolute; left: 0px; top: 0px; width: 100%; }
.polar_exercise_info .progress_bar {margin-top: 6px; height: 20px;}
.polar_exercise_info.exercise_intensity {width: 222px;}
.polar_exercise_info .progress_back {background: rgb(0,159,15); background: linear-gradient(90deg, rgba(0,159,15,1) 50%, rgba(216,255,0,1) 95%)}
.polar_exercise_info .progress_percent {height: 20px; line-height: 18px; font-size: 14px; color: #FFF; font-weight: 600; text-align: left; padding-left: 10px; box-sizing: border-box;}
.api_logo_icons.duplicates {margin-right: 20px; }
.api_logo_icons.duplicates img {float:left; clear:both; width:22px;margin-bottom: 5px;}
.internal_activity_icon {width:34px; margin: 0px 8px 0px 0px; border-radius: 17px; background-color: #b6b6b6; border: 1px solid #CCC;}
svg.basic-data-panel__icon {width: 24px;height: 24px;}
svg:not(:root) {overflow: hidden;}
#extra_sale_memberships {max-width: 1200px;}
#extra_sale_memberships #user_info label {float: left; width: 150px; font-size: 0.8em; margin: 17px 0px 0px 0px;}
#extra_sale_memberships #user_info input {float: left; width: calc(100% - 150px); font-size: 0.8em;}
#extra_sale_memberships .gender_title {margin-top: 10px;}
#extra_sale_memberships #gender .gender_title label {display: inline; margin-right: 20px;}
#extra_sale_memberships #sales_options {width: 50%; padding-left: 30px;}
#extra_sale_memberships #sales_options label {font-size: 0.8em;}
#extra_sale_memberships #sales_options input {font-size: 0.8em; margin-top: 5px;}
#extra_sale_memberships #extra_memberships {width: 100%;}
#extra_sale_memberships .flex_row .colum {width: 50%; padding: 15px; box-sizing: border-box;}
#extra_sale_memberships #user_info {padding: 0; background: none;}
#extra_sale_memberships .nice_checkbox + label {white-space: normal; text-transform: none;}
#extra_sale_memberships #options {padding: 15px 0;}
.order1 {order: 1;}
.order2 {order: 2; text-align: right;}
.order2 img {max-width: 300px;}
#wizard_membership_page .flex_row.signature_block #clear_signature.back_btn {position: unset;}
#my_clients_users_list {max-width: 768px;}
.my_clients_user { display: flex; justify-content: space-between; margin: 15px 0;}
.my_clients_user .div {margin-right: 30px;}
.my_clients_user .round_avatar {width: 60px; height: 60px;}
.my_clients_user_base_data {display: flex; width: 50%}
.my_clients_user_details {display: flex; flex-direction: column; width: 45%}
.my_clients_user_email {display: block;}
.my_clients_user_details_email {display: none !important;}
.my_clients_user_details span.title {color:#000;}
.my_clients_user_details p {display: flex; justify-content: space-between; flex-wrap: wrap;}
.my_clients_user_buttons {display: flex; justify-content: space-between; text-align: center;  border-bottom: 1px solid #CCC;}
.my_clients_user_buttons .btn {padding-left: 0; margin-right: 25px; height: 36px; line-height: 36px; color: #7c7360; }
body.subscription tr.staff_membership_actions td { padding-left: 30px !important; background-color: #fff; }
body.subscription tr.staff_membership_actions td a {line-height: 30px;}
.membership_actions_wizard {padding-bottom: 10px;}
.prolong_membership_form .membership_end_date {display: flex;}
.prolong_membership_form .membership_end_date select {width: auto; margin-right: 10px;}
.prolong_membership_form input[type="submit"] {line-height: 34px;}
#ajax_error_messages {padding: 0px 0px 15px 0px; text-align: left; line-height: 30px; font-size: 16px; font-weight: 600; color: red;}
/* Statistics page */
.styles_container {padding: 0 40px;}
.styles_tab_container {text-align: right; margin-bottom: 20px;}
.tab_group_right {display: flex; overflow-x: auto; justify-content: flex-end;}
.tab_group {display: inline-flex; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius: 6px; background: #fff; margin: 10px 1px; padding: 0; list-style-type: none;}
button.c_tab {display: block; padding: 8px 14px; background: transparent; border: 0; color: #4d4d4d; font-size: 14px; letter-spacing: .018em; text-align: center; text-decoration: none; -webkit-transition: background-color .1s ease-out; transition: background-color .1s ease-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; cursor: pointer; line-height: 1.2em;}
button.c_tab:hover {position: relative; color: #07f; text-decoration: none; outline: 0;}
button.c_tab.is_active {position: relative; color: #07f; font-weight: 700; letter-spacing: 0;}
.tab_group.tab_group > * {border-right: 1px solid #f2f2f2;}
.calendar_selecter {width: 100%; position: relative; margin: 20px 0 40px 0; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 1px 3px 0 rgb(0 0 0 / 10%); border-radius: 6px;}
.calendar_selecter button {position: absolute; width: 35px; height: 50px; z-index: 4; top: 0; cursor: pointer; border: 0; background-color: #fff;}
.calendar_selecter button:before {content: ""; position: absolute; display: inline-block; width: 10px; height: 10px; top: 50%; border: 0; border-bottom: 2px solid #000; border-right: 2px solid #000; left: 50%;}
.calendar_selecter .slick-track {height: 50px;}
.calendar_selecter.slick-initialized .slick-slide {display: inline-flex;}
.calendar_selecter .slick-list {width: calc(100% - 76px); margin: 0px auto;}
.calendar_selecter .pull-left {border-radius: 6px 0 0 6px; left: 0px;}
.calendar_selecter .pull-left:before {-webkit-transform: translate(-50%,-50%) rotate( 135deg); transform: translate(-50%,-50%) rotate(135deg);}
.calendar_selecter .pull-right {border-radius: 0 6px 6px 0; right: 0px;}
.calendar_selecter .pull-right:before {-webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg);}
.calendar_selecter .day_of_week {display: inline-flex; justify-content: center; flex-direction: column; align-items: center; flex-shrink: 0; width: 110px; padding: 2px 0 0; cursor: pointer; border-right: 1px solid #f2f2f2; color: grey; font-size: 12px;}
.calendar_selecter .day_of_week .main_info {color: #363e43; font-weight: 700; font-size: 14px;}
.calendar_selecter .day_of_week:hover .main_info {color: #07f;}
.calendar_selecter .day_of_week.is_active .main_info {color: #07f;}
.calendar_selecter .day_of_week.inactive {opacity: 0.5; filter: alpha(opacity:0.6); pointer-events: none;}
.google_chart_intro {display: none;}
#total_statistics_chart {margin-bottom: 40px;}
.statistics_totals {}
.statistics_totals_breakdown {display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr; margin-bottom: 30px;}
.statistics_totals_breakdown > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc(55% - 22px);}
.statistics_card {border: 1px solid #f2f2f2; border-radius: 8px; background-color: #fff;}
.statistics_card header {display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; border-bottom: 1px solid #f2f2f2; white-space: nowrap;}
.statistics_card h3 {margin-bottom: 0; color: #000; font-size: 16px;}
.statistics_card_heading {color: #b3b3b3; font-size: 12px;}
.statistics_card_body {position: relative; padding: 15px;}
.statistics_totals_card_body {display: flex; flex-flow: column; justify-content: flex-start;}
.statistics_totals_card_row {flex-flow: row wrap; display: flex; justify-content: space-between;}
.statistics_totals_card_amount {font-size: 24px; display: block; line-height: 1; font-weight: 700;}
.statistics_totals_card_transactions {display: block; font-weight: 400; font-size: 24px; line-height: 1;}
fieldset {margin: 0; padding: 0; border: 0}
.styles_fieldset {position: relative; margin-bottom: 20px;}
.styles_header {flex-basis: 100%; margin-bottom: 30px;}
.styles_heading {margin-bottom: 10px; border-bottom: 0; padding: 0;}
.styles_heading h2 {margin-bottom: 0; font-size: 22px; color: #000; font-weight: 700; margin: 0 0 0.75em;}
.styles_heading h2 span {flex-basis: 100%; margin-bottom: 30px;}
.styles_description {display: block; clear: both; margin-bottom: 20px; color: #363e43;}
.styles_fields {position: relative;}
.styles_field {min-width: 0;}
.styles_full_width {flex-basis: 100%;}
.date_time_row {flex-basis: calc(32% - 10px);}
.styles_group label {color: #1c1c1c; font-size: 16px; font-weight: 600;}
.styles_group_description {margin-left: 60px; font-weight: 400;}
.styles_group_full_description {display: block; font-weight: 400;}
select, input[type="text"], input[type="password"], textarea, .as_field {height: 35px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 6px 0px 6px; font-family: 'Roboto', sans-serif; font-size: 15px; border: 1px solid #E3EAF0; border-radius: 5px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;}
.styles_inline_fields {display: flex; justify-content: space-between; align-items: center;}
.styles_inline_fields select, .styles_inline_fields input[type="text"], .styles_inline_fields > span {width: calc(50% - 10px);}
.styles_inline_fields span.separator {width: auto;}
.styles_inline_marged_fields {display: flex; align-items: center; gap: 1rem;}
.styles_inline_marged_fields select, .styles_inline_marged_fields input[type="text"] {width: calc(50% - 10px);}
.date_fields, .time_fields {width: auto;}
.promotion_time_column span {display: inline-block;}
.promotion_time_weekdays {display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.inline_input label {display: inline-block; min-width: 45%; margin-right: 20px;}
.inline_input input[type="text"] {width: 56px; margin-right: 6px;}
select {padding: 0px 22px 0px 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/images/sportkaart/select.svg) no-repeat; background-position: center right 8px;}
textarea {height: 150px;}
input[type="submit"] {min-width: 100px;}
input[type="text"].filters {padding: 0px 6px 0px 34px; background-image: url(/images/sportkaart/search.svg); background-repeat: no-repeat; background-position: 6px center;}
.as_field {display: inline-block; line-height: 35px; background: #f2f2f2; color: #737373; box-shadow: none;}
.styles_error {margin-top: 10px; margin-bottom: 0; font-size: 14px; color: #ff4a1f; font-weight: 400;}
.style_block_with_filter {position: relative; max-width: 820px;}
.style_inline_filters {display: inline-flex; flex-direction: row; align-items: center; justify-content: space-between;}
.styles_list {flex: 1 1; min-width: 0; max-width: 820px;}
.styles_list_container {margin-bottom: 40px; font-size: 14px;}
.styles_list_head {}
.styles_list_head_row {background-color: #fbfbfb; border-radius: 5px 5px 0 0; border: 1px solid #ebebeb; padding-top: 5px; padding-bottom: 5px; display: -ms-grid; display: grid; -ms-grid-columns: 200px 3fr minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr); grid-template-columns: 200px 3fr minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr); -ms-grid-rows: 1fr; grid-template-rows: 1fr;}
.styles_list_head_row span {font-weight: 700; color: #000;}
.styles_list_data {border-radius: 0 0 5px 5px; border-width: 0 1px 1px; background-color: #fff; border-color: #ebebeb; border-style: solid;}
.styles_list_data_row {position: relative; border-top: 1px solid #f2f2f2; color: #1c1c1c;; padding: 10px 15px; display: -ms-grid; display: grid; -ms-grid-columns: 200px 3fr minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr); grid-template-columns: 200px 3fr minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr); -ms-grid-rows: 1fr; grid-template-rows: 1fr;}
.styles_list_data .standart_form {padding: 0px 15px; margin-bottom: 20px;}
.styles_list_cel {display: flex; align-items: center; width: 100%; min-width: 0; max-width: 100%; justify-self: start; justify-content: flex-start; align-self: center;}
.styles_list_cel a.as_small_button, a.as_small_button, .as_small_button {vertical-align: middle; display: inline-block; padding: 0 4px; border-radius: 4px; color: #fff; font-size: 10px; font-weight: 700; line-height: 20px; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; transition: all 0.3s ease-in-out 0s;}
.styles_list.statistics_totals_list {max-width: 100%;}
.statistics_totals_list .styles_list_head_row, .statistics_totals_list .styles_list_data_row {grid-template-columns: 1fr 1fr 1fr;}
.styles_list.statistics_totals_list.bookkeeping {max-width: 60%;}
.statistics_totals_list.bookkeeping .styles_list_head_row, .statistics_totals_list.bookkeeping .styles_list_data_row {grid-template-columns: 1.5fr 0.5fr; border-radius: 0px;}
.statistics_totals_list.bookkeeping .styles_list_head_row .styles_list_cel:last-child, .statistics_totals_list.bookkeeping .styles_list_data_row .styles_list_cel:last-child {text-align: right; justify-content: flex-end;}
.statistics_totals_list.bookkeeping .styles_list_head_row {border: none; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.statistics_totals_list.bookkeeping .styles_list_data_row {border: none; border-bottom: 1px solid #ebebeb;}
.styles_list_data_row.data { font-weight: 600; cursor: pointer}
.styles_list_data_row.details { grid-template-columns: 0.1fr 1fr 1fr;}
.styles_list_data_row.details.failed { grid-template-columns: 34px 1fr 1fr 1fr;}
.styles_list_data_row.details.failed .door_opened{ color: #00b624;}
.styles_list_data_row.details.failed .styles_list_cel.img{ width: 24px; height: 24px; margin-right: 10px; background-color: #d9d6d0;}
.styles_list_data_row.details.failed img{ width: 100%;}
.statistics_card h3.active {color: #07f}
.styles_list_cel a {font-weight: bold; color: inherit; font-size: inherit;}
/* End statistics */
@media only screen and (min-width: 0px) and (max-width: 1460px){
.flex_row.signature_block {display: block;}
#extra_sale_memberships #sales_options { width: 100%; padding-left: 0;}
}
@media only screen and (min-width: 0px) and (max-width: 778px){
.flex_row.extra_sale_block {display: block;}
#extra_sale_memberships .flex_row .colum {width: 100%;}
.order2 {text-align: left;}
#header .select {position: relative; transform: translateY(0); right: 0;}
.app_design .filterincont .head_and_logo {display: block;}
}
@media (min-width: 720px){
.styles_list_head_row {padding: 10px 15px;}
}
@media (min-width: 540px) {
.styles_header {margin-bottom: 30px;}
.styles_fields {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.styles_field{flex-basis: calc(50% - 10px); min-width: 0;}
.styles_field.date_time_row, .styles_field.three_columns {flex-basis: calc(33% - 10px);}
.styles_full_width {flex-basis: 100%;}
.styles_group {margin-bottom: 35px;}
input[type="submit"], .btn_submit {width: auto; margin: 20px 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 425px){
.my_clients_user {flex-direction: column;}
.my_clients_user_base_data, .my_clients_user_details {width: 100% !important;}
.my_clients_user_details_email {display: flex !important;}
.my_clients_user_email {display: none;}
.tab_group_right.statistics, .tab_group_right.visits_statistics {flex-direction: column;}
}
@media only screen and (min-width: 0px) and (max-width: 420px){
.flex_row.signature_block {display: block;}
#extra_sale_memberships .signature_wrap, #extra_sale_memberships #sales_options {width: 100%;}
#extra_sale_memberships #user_info input {float: none; width: 100%; font-size: 0.8em;}
}
@media only screen and (min-width: 0px) and (max-width: 375px){
.my_clients_user_buttons {flex-direction: column;}
}
@media only screen and (min-width: 0px) and (max-width: 320px){
.styles_container {padding: 0;}
.tab_group_right.statistics .my_clients_filters, .tab_group_right.visits_statistics .my_clients_filters {margin: 0;}
.btn {font-size: 13px; }
.progr_exercise .img .btn {font-size: 13px; height: 40px; line-height: 40px; width: calc(100% - 6px); margin: 0px 0px 0px 4px; padding: 0px;}
.main_indicator {min-width: calc(100% - 10px); padding: 4px 10px; float: left;}
.spec_inform_block {align-items: center;}
.spec_inform_block div {margin: 0px; width: 100%;}
.spec_inform_block .unitofm {font-size: 10px; max-width: 70%; overflow: hidden; text-overflow: ellipsis;}
.my_program .btn {padding-left: 0px;}
.machine_qr_code > span {text-align: left;}
}
.dline_outlet, #weighing_action {
padding: 12px;
margin-bottom: 10px;
border-radius: 15px;
display: flex;
flex-direction: row;
align-items: center;
}
#weigh_code {text-align: center;}
#dline_weighing {margin-top: 12px;}
#my_progress_logo svg{width:50px; height:50px;}
.dline_outlet.selected {background-color: #bffbce;}
.dline_outlet h2, #weighing_action h2 { margin: 0 0 0 8px !important;}
.my_chats .row { display: flex; }
.my_chats .row.direction_col { flex-direction: column; }
.my_chats .row.direction_row { flex-direction: row; }
.my_chats .row.direction_row.participants { align-items: flex-start; overflow: hidden;}
.desktop.outlet_chat_participants {display: block;}
.mobile.outlet_chat_participants {display: none;}
#outlet_chats_menu {
display: flex;
height: 50px;
border-bottom: 1px solid #eee;
}
#outlet_chats_menu div {
padding: 10px;
margin-right: 10px;
height: 26px;
line-height: 26px;
cursor: pointer;
color: #7c7360;
background-color: #d9d6d0;
}
#outlet_chats_menu div a{
text-decoration: none;
font-size: 15px;
color: #7c7360;
}
#outlet_chats_menu div.active {
border-bottom: 3px solid #ff7200;
}
.my_chats #messages_panel #total_unread_messages { display: flex; margin: 20px 0;
}
#total_unread_messages .number, #outlet_chats_menu .number {
margin-left: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgb(220 227 237);
color: blue;
text-align: center;
line-height: 20px;
padding: 3px;
display: inline-block;
}
.my_chats .outlet_chat_participants {
position: relative;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.chat_window.mobile  {
display: flex;
flex-direction: column;
flex-grow: 1;    
}
.outlet_chat_participants.mobile > .backlink:before {
color: #d9d6d0;
}
.my_chats #messages_panel {
height: 100%;
width: 100%;
padding-top: 10px;
float: left;
}
.my_chats #participants {
float: left;
width: 20%;
height: 100%;
}
.my_chats #messages_center_panel {
width: 70%;
height: 100%;
float: left;
}
.my_chats .participants, .my_chats .outlet_chat_participants { position: relative; }
.my_chats .outlet_chat_participants {padding: 5px; overflow: hidden;}
.outlet_chat_participants .last_message { display: flex; justify-content: space-between; }
.outlet_chat_participants .last_message .last_message_text {
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
display: inline-block;
text-wrap: nowrap;
}
.outlet_chat_participants .last_message .count_unread { right: 0; position: relative; }
.my_chats .round_avatar {
width: 50px;
height: 50px;
box-sizing: border-box;
color: #fff;
line-height: 0;
display: inline-block;
}
.my_chats .row.direction_row.participants .round_avatar {flex-shrink: 0;}
.my_chats .round_avatar img {
height: 100%;
width: 100%;
border-radius: 50%;
padding: 0px;
}
.my_chats .user_chat { cursor: pointer; }
.my_chats .user_active_chat { background-color: rgb(220 227 237); }
.my_chats .row.direction_col .user_name {
margin-left: 10px;
}
@media only screen and (max-width: 425px) {
.my_chats #participants {width: 100%;}
.my_chats #messages_center_panel {width: 100%; display: none;}
.desktop.outlet_chat_participants {display: none;}
.mobile.outlet_chat_participants {display: block;}
}
@media only screen and (min-width: 0px) and (max-width: 1020px){
.invoice_top_filter {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%;}
.invoice_filter_fields {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 20px;}
.invoice_filter_fields .datetime_select, .invoice_filter_fields .invoices_type_select {margin: 0px 10px 0px 0px;}
.invoice_filter_buttons {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.invoice_filter_buttons .filter_submit {margin: 0px 0px 0px 10px;}
}
@media only screen and (max-width:620px) {
.popup_tabs_filter form .datetime_select {width: 144px;}
}
@media only screen and (max-width:540px) {
.popup_tabs_filter.invoices form {flex-direction: column;}
.popup_tabs_filter.invoices input {margin-top: 5px !important; width: calc(100% - 20px); min-width: auto; text-align: center;}
.invoice_top_filter {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%;}
.invoice_filter_fields {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 5px;}
.invoice_filter_fields .datetime_select, .invoice_filter_fields .invoices_type_select {margin: 0px 0px 0px 0px; width: calc(100% - 60px); min-width: auto; text-align: center;}
.invoice_filter_buttons {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.popup_tabs_filter.invoices .invoice_filter_buttons input.filter_submit {width: 48%; margin: 0px 0px 0px 0px;}
}
@media only screen and (max-width:420px) {
.invoice_date_devider {display: inline-block; width: 0px; overflow: hidden;}
}