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: auto;}
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: #fff; }
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"] {-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;}
#filtering input[type="text"], #filtering select {border: 1px solid #bebebe;}
#workshop_page select { background-color: #fff; color: #777777}
#events_page select { background-color: #fff; color: #777777}
#products_page select { background-color: #fff; 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 {}
h1 {color: #5a5a5a; margin-bottom: 15px; }
h2 {color: #5a5a5a;}
h3 {color: #5a5a5a;}
p { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #5a5a5a; }
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: 4%; 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;}
.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; }
.not_available { opacity: 0.6; }
#profile_page .cancel, #profile_page .reserve { margin-bottom: 5px; }
input::-moz-focus-inner {border: 0; padding: 0;}
img.medium { width: 100px; height: 143px;}
.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: #ffffff; 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: #fff; }
#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 .current_user_info {position: absolute; right: 0px; top: 20px; padding: 15px 15px 15px 78px; background-color: #ebebeb; text-align: right; font-size: 16px;}
.current_user_info .avatarwrap {position: absolute; left: 0px; bottom: 0px; width: 63px; overflow: hidden; height: 100%;}
.current_user_info .avatarwrap img {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;}
.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: #ffffff;}
#content_frame { margin-top: 30px; background-color: #ebebeb; 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 { padding-right: 5%; display: block; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 40px; font-size: 16px; position: relative;}
#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 { background-color: #161616; }
#left_menu li 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 { background-image: url("/club_portal/icons/lock.png");}
#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.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"] {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 #a800fc;}
.search input[type="text"] {padding-left: 10px; padding-right: 45px; height: 40px; line-height: 40px; float: left; vertical-align: top; background-color: #3c3c3c; color: #fff; margin-top: 0px; }
#filtering .search {margin-top: 0px;}
#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: #a800fc }
.lessons_marker { background-color: #a800fc }
.workshops_marker { background-color: #a800fc }
.events_marker { background-color: #a800fc }
.product_marker { background-color: #a800fc }
.btn_on_ws { overflow: hidden; display: block; float: right; min-width: 65%; height: 40px; line-height: 40px; padding-right: 8px; margin-top: 20px; color: #fff; 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: #fff; line-height: 23px;}
#outlet p { font-size: 14px; color: #fff; 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: #ffffff }
#wizard_page #content { background-color: #c2dbda }
#wizard_membership_page #content { background-color: #c2dbda }
#wizard_payment_page #content { background-color: #c2dbda }
#wizard_thanks_page #content { background-color: #c2dbda }
#membership_page #content { background-color: #c2dbda }
#show_membership_page #content { background-color: #c2dbda }
#products_page #content { background-color: #c2dbda }
#show_product_page #content { background-color: #c2dbda }
#training_page #content { background-color: #c2dbda }
#confirm_page #content { background-color: #c2dbda }
#lessons_page #content { background-color: #c2dbda }
#events_page #content { background-color: #c2dbda }
#workshop_page #content { background-color: #c2dbda }
#show_lessons_page #content { background-color: #c2dbda }
#show_events_page #content { background-color: #c2dbda }
#show_workshops_page #content { background-color: #c2dbda }
#password_restore_page #content { background-color: #c2dbda }
#reset_password_page #content { background-color: #c2dbda }
#reset_password_done_page #content { background-color: #c2dbda }
#password_restore_sent_page #content { background-color: #c2dbda }
#change_password_page #content { background-color: #c2dbda }
#profile_page #content { background-color: #c2dbda }
#profile_edit_page #content { background-color: #c2dbda }
#register_page #content { background-color: #c2dbda }
#register_thanks_page #content { background-color: #c2dbda }
#payment_wizard_page #content { background-color: #c2dbda }
#trial_lesson_page #content { background-color: #c2dbda }
#trial_lesson_thanks_page #content { background-color: #c2dbda }
#search_page #content { background-color: #c2dbda }
.club_pages #content, .club_pages #lessons { background-color: #c2dbda }
#profile_info { width: 35%; float: left; margin: 30px 2%; overflow: hidden; }
#content { width: 96%; float: left; padding: 30px 2%; }
#content.cartnotblank {width: 72%;}
#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; }
.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: #a800fc;}
#lessons_page #right_side h2, #lessons_page .filterincont h2 {color: #a800fc;}
#workshop_page #right_side h2, #workshop_page .filterincont h2 {color: #a800fc;}
#events_page #right_side h2, #events_page .filterincont h2 {color: #a800fc;}
#products_page #right_side h2, #products_page .filterincont h2 {color: #a800fc;}
.textfiltr {font-size: 14px; color: #757575;}
.filtersmallpart {padding-top: 20px; margin-top: 20px; border-top: 1px solid #000;}
.filtersmallpart .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 {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 {content: ''; position: absolute; top: -3px; left: 2px; width: 20px; height: 20px;}
.filtersmallpart .nice_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;}
.filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid #78a836;}
.filtersmallpart .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 {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; }/*#d4f0ef*/
.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; z-index: 100; display: inline-block; padding: 3px 5px; color: red; background-color: #f7d4b8; font-size: 12px; border: 1px solid red; border-radius: 3px; }
.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: #d4f0ef; }
#profile_edit_page .niceform form { background-color: #d4f0ef; }
#profile_edit_page .niceform { max-width: 97%;}
#register input[type="text"], #register input[type="password"], #register select { color: #3c3c3c; background-color: #fff; }
#profile_edit_page input[type="text"], #profile_edit_page input[type="password"], #profile_edit_page select { color: #3c3c3c; background-color: #fff; }
#wizard_page input[type="text"], #wizard_page input[type="password"], #wizard_page select { color: #3c3c3c; background-color: #fff; }
#wizard_page select { font-size: 15px; color: #3c3c3c; background-color: #fff; text-transform: capitalize;}
#profile_edit_page input[type="text"], #profile_edit_page input[type="password"], #profile_edit_page select { color: #868585; background-color: #fff; }
#profile_edit_page select { font-size: 15px; color: #868585; background-color: #fff; text-transform: capitalize;}
#payment_wizard_page input[type="text"], #payment_wizard_page input[type="password"], #payment_wizard_page select { color: #3c3c3c; background-color: #fff; border: 1px solid #bebebe;}
#wizard_payment_page input[type="text"], #wizard_payment_page input[type="password"], #wizard_payment_page select { color: #3c3c3c; background-color: #fff; 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: #fff; }
.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; }
#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; }
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: #fff;}
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: 194px; margin: 30px 0px 0px 1px; background-color: white; border: 1px solid #ccc; 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;} /* #51d4ad */
.no_lessons, .exceptions_info { font-size: 14px; line-height: 22px; font-family: 'Open Sans', sans-serif; }
.no_lessons + .exceptions_info { margin: 0px!important;}
.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 { position: absolute; top: 5px; right: 5px; padding: 10px; width: 150px; background-color: #fff6ce; color: #3b3b3b;}
#info_btn_text > 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: #fff; 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: #fff; 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 .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; 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: #fff; 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; } /*#d4f0ef*/
#thanks_text h2 { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: normal;}
#wizard_thanks_page #thanks_text h2 { color: #fff; }
#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; } /*#d4f0ef*/
#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: #fff; 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: #c2dbda;}
#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: #000; 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;}
#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 { display: block; width: 100%; height: auto; }
.form_fields input[type="text"] { height: 32px; color: #010101; }
ul.modules {margin: 0; padding: 0; list-style: none; text-align: justify;}
#index_page .modules li { overflow: hidden; }
#index_page .modules li { width: 18.5%; margin-bottom: 30px; 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: #464646; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #fff; text-align: left; vertical-align: top;}
#index_page .modules li a.underlink { background-color: #464646; color: #fff; }
#index_page .modules li a:after {content: ""; clear: both; display: block;}
#index_page .modules li a span { color: #fff; 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: #fff; }
#index_page .modules li a span.title {padding-right: 0px; text-align: left; color: #fff; 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: #fff; }
#index_page .modules li a.lessen span.text { color: #fff; }
#index_page .modules li a.workshop span.text { color: #fff; }
#index_page .modules li a.event span.text { color: #fff; }
#index_page .modules li a.webshop span.text { color: #ff; }
#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.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.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%;}
ul.modules:after, #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() { ul.modules:after, #membership_page .memberships:after, ul#products:after { padding-left: 29%;}}
#password_restore_page h1 {text-transform: uppercase; font-size: 18px; font-weight: normal; }
{color: #737373; }
#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; }
#profile_page .textinfouser { max-width: 40%; margin: 0 41% 0 3%; }
#profile_page .textinfouser p, #profile_page .textinfouser h3 {font-size: 14px;}
#profile_page .whitewr { background-color: transparent!important; padding: 0px; }
#profile_page .whitewr p { color: #868585; }
#profile_page .newsletter_qw { padding-top: 20px; }
#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_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; }
#profile_page .profile_fields .items .direct_pay a { background-color: #51d4ad; color: #ffffff; }
#profile_page #user_data .logoutlink { background-color: #3c3c3c; color: #ffffff; }
.current_user_info .logoutlink { background-color: #51d4ad; }
.profile_fields .items .cancel, .profile_fields .items .reserve { width: 24%; height: 20px; line-height: 20px; background-color: #a800fc; 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: #a800fc; }
#invoices_data .get_more_items { color: #3c3c3c; }
#lessons_data .get_more_items, #lessons_data_staff .get_more_items { color: #a800fc; }
#workshops_data .get_more_items { color: #a800fc; }
#events_data .get_more_items { color: #a800fc; }
#products_data .get_more_items { color: #a800fc; }
#memberships_data h2 { background-image: url(/club_portal/icons/recurring.png); color: #fff; background-color: #a800fc; margin-bottom: 5px;}
#invoices_data h2 { padding-left: 45px; background-size: 25px; background-image: url(/club_portal/icons/invoice.png); color: #fff; background-color: #3c3c3c;}
#lessons_data h2, #lessons_data_staff h2 { background-image: url(/club_portal/icons/college.png); color: #fff; background-color: #a800fc;}
#workshops_data h2 { background-image: url(/club_portal/icons/workshop.png); color: #fff; background-color: #a800fc;}
#events_data h2 { background-image: url(/club_portal/icons/date_2_small.png); color: #fff; background-color: #a800fc;}
#products_data h2 { background-image: url(/club_portal/icons/shopping_purse.png); color: #ff; background-color: #a800fc;}
#qrcode_data h2 { padding-left: 45px; background-size: 25px; background-image: url(/club_portal/icons/qrcode_w.png); color: #fff; 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: #51d4ad; 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: #a800fc; 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; }
.niceform #cart {width: 96%;}
.cart_items td.price { text-align: right; white-space: nowrap; }
.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: #a800fc; }
#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: 0px; width: 100%; padding: 15px; box-sizing: border-box;}
.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 {margin: 0; padding: 0; list-style: none; text-align: justify;}
#membership_page .memberships > li { height: auto; width: 31%; margin-bottom: 30px; background-color: #d4f0ef; display: inline-block; vertical-align: top; }
#membership_page .memberships > li h3 { 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: 37px; background-color: #00c4ff; text-align: center; color: #fff; font-size: 20px; text-transform: uppercase;}
#membership_page .memberships > li p {font-size: 13px; font-weight: bold; height: 36px; line-height: 36px; padding: 0px 10px; background-color: #3c3c3c; color: #fff; box-sizing: border-box; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
#membership_page .memberships > 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 {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; }
#no_memberships_text p {font-size: 14px; font-weight: normal; padding: 30px 10px;  background-color: #ffffff; border-bottom: 1px solid #e5e5e5; color: #2c2c2c; }
#membership_page .memberships > li a { margin: 5px; }
.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; }
.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;} /* #51d4ad */
.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: #51d4ad;}
#register_page input[type="submit"] { color: #ffffff; background-color: #51d4ad;}
#register_page .submit_buttons_from_link { color: #ffffff; background-color: #3c3c3c;}
#register_page .back { color: #ffffff; background-color: #3c3c3c;}
#password_restore_page input[type="submit"] { color: #ffffff; background-color: #51d4ad;}
#password_restore_page .submit_buttons_from_link { color: #ffffff; background-color: #3c3c3c;}
#password_restore_page .back { color: #ffffff; background-color: #3c3c3c;}
#change_password_page input[type="submit"] { color: #ffffff; background-color: #51d4ad;}
#change_password_page .submit_buttons_from_link { color: #ffffff; background-color: #3c3c3c;}
#change_password_page .back { color: #ffffff; background-color: #3c3c3c;}
#register_thanks_page .submit_buttons { color: #ffffff; background-color: #51d4ad;}
#profile_edit_page .back_btn { color: #ffffff; background-color: #3c3c3c;}
#profile_edit_page .submit_buttons { color: #ffffff; background-color: #51d4ad; }
#profile_edit_page input[type="submit"], #profile_edit_page .submit_buttons_disable { color: #ffffff; background-color: #51d4ad; }
#payment_wizard_page .back_btn { /* color: #ffffff; background-color: #3c3c3c; */ color: #ffffff; background-color: #989b9b;}
#payment_wizard_page .back_btn:hover { background-color: #868585;}
#payment_wizard_page .submit_buttons { color: #ffffff; background-color: #51d4ad; }
#payment_wizard_page input[type="submit"] { color: #ffffff; background-color: #51d4ad; }
#wizard_membership_page .back_btn { color: #ffffff; background-color: #3c3c3c;}
#wizard_membership_page .submit_buttons { color: #ffffff; background-color: #51d4ad; }
#wizard_membership_page input[type="submit"], #wizard_membership_page .submit_buttons_disable { color: #ffffff; background-color: #51d4ad; }
#wizard_payment_page input[type="submit"], #wizard_payment_page .submit_buttons_disable { color: #ffffff; background-color: #51d4ad; }
#wizard_payment_page .back_link { color: #ffffff; background-color: #3c3c3c; }
#trial_lesson_page input[type="submit"] {color: #ffffff; background-color: #51d4ad;}
.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: #fff; background-color: #51d4ad; }
#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: #fff; 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: #fff; 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: #fff; overflow: hidden; }
#show_product img { width: 100%; height: auto; }
#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%;}
#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_workshops_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; }
#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_workshops_page .imgwrap, #show_events_page .imgwrap, #show_lessons_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 .contentwr, #show_events_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_workshops_page .headerp h2 {line-height: 33px;}
.available { font-size: 14px; color: #3c3c3c; }
.available span { display: inline-block; width: 14px; height: 14px; margin-right: 7px; background-color: #8dc63f; border-radius: 8px; }
.not_available span { background-color: #c14b48; }
.product_price { margin: 13px 13px 0 0; float: left; font-size: 23px; color: #3c3c3c; font-weight: bold; }
.product_description { font-size: 14px; color: #3c3c3c; }
.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;}
#calendar_wrap { position: relative; }
#lessons_page #calendar_wrap { border-bottom: 2px solid #fff;}
.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: #fff; 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 { background-image: url("/club_portal/arrowleft.png"); }
.m_right_w { 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: #fff; 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 { max-height: 43px; height: auto; color: #3c3c3c}
.bodyworkshop { max-height: 43px; height: auto; color: #3c3c3c; }
.bodyevent { max-height: 43px; height: auto; color: #3c3c3c; }
.givendata, .givenby {display: inline-block; min-height: 30px; 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: #119e00; }
#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: #a800fc; 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;}
ul.lessons li {margin-top: 10px; background-color: #fff; box-sizing: border-box; position: relative;}
ul.workshops li {margin-top: 10px; background-color: #fff; box-sizing: border-box; position: relative;}
ul.events li {margin-top: 10px; background-color: #fff; 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; }
.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-left: 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 {float: left; width: 25%; text-align: center; }
.wuseravatar img {width: 100%; height: auto;}
.wuseravatar a, #privacy_declaration_block a {font-size: 14px; line-height: 21px; color: #ff7200}
#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%;}
.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: #fff; }
#show_membership_page .headerp h2, #show_membership_page .headerp .text, #show_membership_page .headerp .text * { color: #fff; }
#lessons_page .headerp h2, #lessons_page .headerp .text { color: #fff; }
#show_lessons_page .headerp h2, #show_lessons_page .headerp .text { color: #fff; }
#workshop_page .headerp h2, #workshop_page .headerp .text { color: #fff; }
#show_workshops_page .headerp h2, #show_workshops_page .headerp .text, #show_workshops_page .headerp .text * { color: #fff; }
#events_page .headerp h2, #events_page .headerp .text { color: #fff; }
#show_events_page .headerp h2, #show_events_page .headerp .text, #show_events_page .headerp .text * { color: #fff; }
#products_page .headerp h2, #products_page .headerp .text { color: #ff; }
#show_product_page .headerp h2, #show_product_page .headerp .text, #show_product_page .headerp .text * { color: #ff; }
.nice_checkbox { vertical-align: top; margin: 0 3px 0 0; width: 24px; height: 24px; }
.nice_checkbox + label { cursor: pointer; }
.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: #fff; }
#profile_edit_page .nice_checkbox:not(checked) + label:before { background-color: #fff; }
#payment_wizard_page .nice_checkbox:not(checked) + label:before { background-color: #fff; }
#wizard_payment_page .nice_checkbox:not(checked) + label:before { background-color: #fff; }
#payment_wizard_to_pay_page .nice_checkbox:not(checked) + label:before { background-color: #fff; }
.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: #fff; }
.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_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;}
#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: 205px;}
#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{ 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 {display: none; float: left; width: 100%; position: relative;}
#show_event .event_btns.tab .givenby, #show_workshops_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 {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 {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 {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: #a800fc;}
#left_menu li span.csf.home { background-color: #a800fc;}
#left_menu li span.csf.recurring, #index_page .modules li a.abonnement, .abonnement, #membership_page .pagination span { background-color: #a800fc;}
#membership_page .memberorder { background-color: #999b9b; color: #ffffff;}
#show_membership_page .memberorder { background-color: #999b9b; color: #ffffff;}
.allmonthwrap a, .timelesson { background-color: #86b8b6; }
#left_menu li span.csf.college, #index_page .modules li a.lessen, .lessen, .allmonthwrap a.allweekb, #lessons_page .pagination span, .cancel, .reserve { background-color: #a800fc; }
#lessons_page .button.di { background-color: #00c4ff; color: #ffffff}
#show_lessons_page .button.di { background-color: #b0c6c5; color: #ffffff }
#workshop_page .button.di { background-color: #a9b7bf; color: #ffffff }
#show_workshops_page .button.di { background-color: #a9b7bf; color: #ffffff }
#events_page .button.di { background-color: #c9c3bf; color: #ffffff }
#show_events_page .button.di { background-color: #c9c3bf; color: #ffffff }
#products_page .order { background-color: #00c4ff; color: #ffffff }
#show_product_page .order { background-color: #00c4ff; color: #ffffff }
#lessons_page .button.di, #workshop_page .button.di, #events_page .button.di {min-width: 205px; padding: 0px;}
#left_menu li span.csf.workshop, #index_page .modules li a.workshop, .workshop, #workshop_page .pagination span { background-color: #a800fc; }
#left_menu li span.csf.event, #index_page .modules li a.event, .event { background-color: #a800fc; }
#left_menu li span.csf.date_2_small, #index_page .modules li a.event, .event, #events_page .pagination span {background-color: #a800fc; }
#left_menu li span.csf.shopping_purse, #index_page .modules li a.webshop, .webshop, #products_page .pagination span { background-color: #a800fc; }
#left_menu li span.csf.lock, .logoutlink, input[type="submit"], .changepas, .submit_buttons { background-color: #51d4ad; }
#wizard_payment_page .back_link { padding: 0; }
#wizard_payment_page .submit_buttons_disable { padding: 0px 3px; }
#lessons_page .timelesson { background-color: #86b8b6; }
.button.mi { background-color: #262626; color: #fff; }
#membership_page .mi { background-color: #3c3c3c; color: #ffffff; }
#lessons_page .mi { background-color: #3c3c3c; color: #ffffff; }
#workshop_page .mi { background-color: #3c3c3c; color: #ffffff; }
#events_page .mi { background-color: #3c3c3c; color: #ffffff; }
.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}
#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; }
#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; background-color: #86b8b6; text-align: center;}
.training_info .headerp {margin-bottom: 0px; background-color: #a800fc; 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: #a800fc; 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: #a800fc; 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: #a800fc; 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;}
#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: 46%; padding: 0px 2%; float: left; }
.trial_reservations_block { width: 46%; padding: 0px 2%; float: left; }
.membership_reservations_block h3, .trial_reservations_block h3 {padding-top: 20px; border-bottom: 1px solid #c2c2c2; color: #2c2c2c; font-size: 16px; text-transform: uppercase; line-height: 40px; }
.user_reserv { height: 40px; border-bottom: 1px solid #c2c2c2; line-height: 40px; } 
.user_reserv .nice_checkbox:not(checked) + label {display: block; font-size: 16px; font-weight: 400; line-height: 40px; }
.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;}
.remote_add_content {max-width: 436px; background-color: #fff6ce; margin: auto; padding: 30px; }
.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: #51d4ad;}
#password_restore_page h1, #password_restore_page p {color: #737373}
#show_workshops_page #content #show_workshop .trainer_info .trainernw {color: #000000}
#trial_lesson_page .niceform h1 {color: #5a5a5a}
#events_page #filtering .search input[type='submit'] {background-color: -1}
#trial_lesson_page #filtering .search input[type='text'] {color: #262626}
#workshop_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#lessons_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#header .current_user_info .myacclink {color: #ffffff}
#wizard_membership_page input[type='radio'].checkbox:checked + label {color: #78a836}
#products_page .filterincont h2 {color: #a800fc}
#trial_lesson_page .niceform label {color: #3d5918}
#membership_page .filterincont h1 {color: #757575}
#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}
#lessons_page #filtering input[type='text'], #lessons_page #filtering select {color: #010101}
#search_page .search_results li {color: #000000}
#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}
#workshop_page #filtering .search input[type='text'] {background-color: #ffffff}
#products_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#membership_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#show_events_page #content #show_event .trainer_info {background-color: #ebebeb}
#trials {background-color: #ffffff}
#events_page .filterincont {background-color: #ebebeb}
#lessons_page #filtering .search input[type='submit'] {background-color: #a800fc}
#cart .cartlink {background-color: #b2103f}
#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}
#show_product_page .available {color: #3c3c3c}
#trials .titleweek {color: #ff7200}
#products_page #filtering input[type='text'], #products_page #filtering select {color: #010101}
#membership_page #filtering input[type='text'], #membership_page #filtering select {background-color: #ffffff}
#events_page #filtering label {color: #262626}
#trial_lesson_page .filterincont h2 {color: -1}
#user_login_block .login input[type='submit'] {background-color: #a800fc}
#show_lessons_page .trainer_info {background-color: #ebebeb}
#products_page #filtering .search input[type='submit'] {background-color: #a800fc}
#membership_page #filtering .search input[type='text'] {color: #262626}
#trials .trial_time {color: #ff7200}
#profile_page .nice_checkbox.round + label:before {background-color: #ffffff}
#user_login_block form.login {background-color: #00c4ff}
#show_workshops_page .workshop_description .givenby {background-color: #ebebeb}
#events_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#trial_lesson_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#workshop_page .filterincont h1 {color: #757575}
#lessons_page .filterincont {background-color: #ebebeb}
#header .current_user_info {background-color: #ebebeb}
#left_menu .btn_on_ws span {background-color: #161616}
#events_page #filtering .search input[type='text'] {background-color: #ffffff}
#trial_lesson_page #filtering input[type='text'], #trial_lesson_page #filtering select {color: #010101}
#user_login_block .login a {color: #737373}
#show_workshops_page #content #show_workshop {background-color: #ffffff}
#header .current_user_info .logoutlink {color: #ffffff}
#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}
#workshop_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#lessons_page #filtering label {color: #262626}
#trial_lesson_page #filtering .search input[type='submit'] {background-color: -1}
#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_workshops_page #content #show_workshop .trainer_info .trainernw span {color: #119e00}
#trial_lesson_page .niceform > p {color: #5a5a5a}
#products_page .filterincont {background-color: #ebebeb}
#workshop_page #filtering input[type='text'], #workshop_page #filtering select {background-color: #ffffff}
#lessons_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#search_page .search_results {background-color: #ffffff}
#wizard_membership_page input[type='radio'].checkbox:not(checked) + label:before {border: 2px solid  #bebebe}
#show_events_page .event_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}
#products_page #filtering label {color: #262626}
#membership_page .filterincont h2 {color: #a800fc}
.button.gp {background-color: #f6ff00}
#workshop_page #filtering .search input[type='text'] {color: #262626}
#lessons_page #filtering .search input[type='text'] {background-color: #ffffff}
#cart h1 {color: #b2103f}
#wizard_payment_page .niceform form h2 {color: #485d29}
#products_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#membership_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#show_events_page #content #show_event .trainer_info .trainernw {color: #000000}
#trials .trial_day {background-color: #fff6ce}
#show_lessons_page #show_lesson {background-color: #ffffff}
#events_page .filterincont h1 {color: #757575}
#trial_lesson_page .filterincont {background-color: #ebebeb}
.circle_text {background-color: #f6ff00}
#membership_page #filtering input[type='text'], #membership_page #filtering select {color: #010101}
#show_product_page .product_price {color: #3c3c3c}
#trials label {color: #303030}
#products_page #filtering .search input[type='text'] {background-color: #ffffff}
#events_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#trial_lesson_page #filtering label {color: #262626}
#user_login_block .login input[type='submit'] {color: #ffffff}
#show_lessons_page .trainer_info .trainernw {color: #5a5a5a}
#profile_page #invoices_data h2 {background-color: #3c3c3c}
#trial_lesson_page input[type='radio'].checkbox:not(checked) + label:before {border: 2px solid  #bfbfbf}
#membership_page #filtering .search input[type='submit'] {background-color: #a800fc}
#trial_lesson_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#user_login_block .login input[type='text'], #user_login_block .login input[type='password'], #user_login_block .login select {background-color: #ffffff}
#show_workshops_page .workshop_description .givenby {color: #2c2c2c}
#events_page #filtering input[type='text'], #events_page #filtering select {background-color: #ffffff}
#workshop_page .filterincont h2 {color: -1}
#lessons_page .filterincont h1 {color: #757575}
#header .current_user_info .user_info_name {color: #000000}
#membership_page .memberships > li {background-color: #646660}
#show_workshops_page #content #show_workshop .trainer_info {background-color: #ebebeb}
#events_page #filtering .search input[type='text'] {color: #262626}
#trial_lesson_page #filtering .search input[type='text'] {background-color: #ffffff}
#user_login_block div {color: #5a5a5a}
#lessons_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#header .current_user_info .myacclink {background-color: #262626}
#wizard_membership_page input[type='radio'].checkbox:not(checked) + label {color: #000000}
#workshop_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#products_page .filterincont h1 {color: #757575}
#membership_page .filterincont {background-color: #ebebeb}
#register_page h1, #register_page p, #register_page label {color: #5a5a5a}
#show_events_page .event_description .givenby {background-color: #ebebeb}
#trial_lesson_page .niceform form {background-color: #a4d165}
#wizard_membership_page input[type='radio'].checkbox:checked + label:before {border: 2px solid  #78a836}
#workshop_page #filtering input[type='text'], #workshop_page #filtering select {color: #010101}
#lessons_page #filtering input[type='text'], #lessons_page #filtering select {background-color: #ffffff}
#search_page .search_results h1 {color: #000000}
#membership_page #filtering label {color: #262626}
.button.gp {color: #3c3c3c}
#show_events_page #content #show_event {background-color: #ffffff}
#trial_lesson_page .niceform input[type='text'], #trial_lesson_page .niceform input[type='password'], #trial_lesson_page .niceform select {color: #010101}
#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}
#cart p.cart_total {color: #5a5a5a}
#wizard_payment_page .niceform h1 {color: #3d5918}
#products_page #filtering input[type='text'], #products_page #filtering select {background-color: #ffffff}
#trials .trial_day {color: #736f5c}
#membership_page .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid  #119e00}
#show_events_page #content #show_event .trainer_info .trainernw span {color: #119e00}
#trial_lesson_page .filterincont h1 {color: #757575}
.circle_text {color: #333333}
#show_lessons_page .lesson_description p {color: #5a5a5a}
#events_page .filterincont h2 {color: -1}
#products_page #filtering .search input[type='text'] {color: #262626}
#membership_page #filtering .search input[type='text'] {background-color: #ffffff}
#profile_page .nice_checkbox.round + label:before {border: 2px solid  #bfbfbf}
#trial_lesson_page input[type='radio'].checkbox:checked + label {color: #78a836}
#events_page .filtersmallpart .nice_checkbox:not(checked) + label:before {border: 2px solid  #c1c1c1}
#show_lessons_page .trainer_info .trainernw span {color: #119e00}
#trial_lesson_page .filtersmallpart .nice_checkbox:not(checked) + label:before {background-color: #ffffff}
#user_login_block .login label {color: #737373}
#profile_page #invoices_data h2 {color: #ffffff}
#trial_lesson_page input[type='radio'].checkbox:checked + label:before {border: 2px solid  #78a836}
#workshop_page .filterincont {background-color: #ebebeb}
#events_page #filtering input[type='text'], #events_page #filtering select {color: #010101}
#trial_lesson_page #filtering input[type='text'], #trial_lesson_page #filtering select {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}
#show_workshops_page .workshop_description .givenby .d_time {color: #ff7200}
#wizard_membership_page .niceform h3, #wizard_payment_page .niceform h3, #payment_wizard_to_pay_paypro_page .niceform h3 {color: #485d29}
#workshop_page #filtering label {color: #262626}
#lessons_page .filterincont h2 {color: #a800fc}
#header .current_user_info .logoutlink {background-color: #ff7200}
.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 20px;}
.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;}
@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%;}
}
@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: 88%; 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: 0px; clear: both;}
ul.workshops .imgwrap, ul.lessons .imgwrap, ul.events .imgwrap {display: none;}
.imgwraptablet {display: block;}
.givenby.fr {width: 100%; display: block; float: none; text-align: center; box-sizing: border-box;}
.buttonsbottom .button {margin: 0px;}
#index_page .modules li, #index_page .modules.four li {width: 31%;}
}
@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 {font-size: 13px; line-height: 30px;}
#left_menu li 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;}
.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%;}
}
@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%;}
}
@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; }
}
@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: 794px){
.profile_fields .items .cancel, .profile_fields .items .reserve { width: 55%; }
#header .current_user_info {top: 0px; height: 35px; padding: 0px; padding-left: 35px;}
.current_user_info .user_info_name {display: none;}
.current_user_info img {width: 27px;}
.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 .avatarwrap {width: 27px;}
.current_user_info .logoutlink:hover, .current_user_info .myacclink:hover {opacity: 0.5;}
#header .current_user_info .logoutlink {background-color: transparent;}
#header .current_user_info .myacclink {background-color: transparent;}
}
@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;}
.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_lessons_page .lessons_btns.desc, #show_event .event_btns.desc, #show_workshops_page .workshop_btns.desc {display: none;}
.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: 205px;}
}
@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;}
}
@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: 96%; 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 {width: 48%; margin-bottom: 20px; }
}
@media only screen and (min-width: 0px) and (max-width: 580px){
#profile_page .textinfouser { width: 72%; max-width: 72%;}
.imgwraptablet {width: 20%;}
.bodylesson, .bodyworkshop, .bodyevent {width: 80%;}
.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;}
}
@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; }
}
@media only screen and (min-width: 0px) and (max-width: 520px){
#content {padding: 10px; box-sizing: border-box;}
#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;}
.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 {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_lessons_page .lessons_btns.tab, #show_event .event_btns.tab, #show_workshops_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;}
#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: 40px; 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: 70%!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 td a {display: block; width: 100%; height: 30px;}
.profile_fields .items .view_invoice a, .profile_fields .items .print_invoice a {background: none;}
#membership_page .filterhead {margin-top: -70px;}
.membership_reservations_block {width: 96%; float: none; margin-bottom: 30px;}
.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 5px;}
#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;}
}
@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_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;}
.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;}
}
.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 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; overflow: hidden; 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;}
@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.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%;}
.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 {}
.r_inactive {opacity: 0.35; filter:alpha(opacity:0.35); pointer-events: none;}
.invisible {display: none;}
.buttonsbottom .button.invisible {display: 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;}
}