/* CSS Document */
html { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body {min-width: 300px; }
.clear {clear: both;}
.light-hr{border: 1px solid #C4C4C4; border-bottom: 0; border-left: 0; border-right: 0; height: 1px;}
/* MAIN MENU, PROFILE BAR, PROFILE BOX AND SUB MENU */
.main-menu-container{width: 950px; margin-left: auto; margin-right: auto; }
.maincontainer {width: 950px; margin-left: auto; margin-right: auto; min-height:690px;padding-top: 110px;}
.maincontainer_footer {width: 950px; margin-left: auto; margin-right: auto; }
.mainfooter { min-height:0;}
.notifications{margin-top: 4px; margin-left: 7px; }
#mobilenav {box-shadow:none;}
.mainmenu{font-family: 'Montserrat', sans-serif;height: 47px; }
.mainmenulinks{font-size: 15px; height: 54px; font-weight: 500; }
.mainmenuseparators{width: 1px; height: 25px; margin-top: 20px; background-color: #d90052; margin-left: 15px; }
.mainmenu-linkbox{ height: 47px;}
.mainmenu-linkbox li{ margin-top: -8px;}
.mainmenu-linkbox a:hover{background: #ff217f;}
.sub-menu-container{max-width: 950px; margin-left: auto; margin-right: auto; margin-top: 8px;}
.sub-menu{
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 600;
color: #666;
width: 650px; text-align: left;
margin-bottom: 5px;
}
.fitzone, .recipezone, .challengezone{
height: 35px;
border-bottom: 1px solid #9c9c9c;
}
.fitzone:hover, .recipezone:hover, .challengezone:hover{
border-bottom: 1px solid #f80462;
color: #000;
}
.um_active_pro .fitzone, .um_active_ric .recipezone, .um_active_ris .challengezone{
border-bottom: 1px solid #f80462;
color: #000;
}
.fitzone-txt {
background: url("../images/ico_fit_off.png") no-repeat;
background-size: auto 32px;
margin-left: auto; margin-right: auto;
height: 35px;
width: 180px;
padding: 8px 0 0 35px;
}
.fitzone-txt:hover {
background: url("../images/ico_fit_on.png") no-repeat;
background-size: auto 32px;
}
.um_active_pro .fitzone-txt{
background: url("../images/ico_fit_on.png") no-repeat;
background-size: auto 32px;
}
.recipezone-txt {
background: url("../images/ico_ric_off.png") no-repeat;
background-size: auto 32px;
margin-left: auto; margin-right: auto;
height: 35px;
width: 180px;
padding: 8px 0 0 35px;
}
.recipezone-txt:hover {
background: url("../images/ico_ric_on.png") no-repeat;
background-size: auto 32px;
}
.um_active_ric .recipezone-txt {
background: url("../images/ico_ric_on.png") no-repeat;
background-size: auto 32px;
}
.challengezone-txt {
background: url("../images/ico_fire_off.png") no-repeat;
background-size: auto 32px;
margin-left: auto; margin-right: auto;
height: 35px;
width: 140px;
padding: 8px 0 0 35px;
}
.challengezone-txt:hover {
background: url("../images/ico_fire_on.png") no-repeat;
background-size: auto 32px;
}
.um_active_ris .challengezone-txt {
background: url("../images/ico_fire_on.png") no-repeat;
background-size: auto 32px;
}
.toolsbox-container{
margin-left: 25px;
}
.toolsbox-up{
width: 300px;
height: 40px;
padding-top: 3px;
padding-left: 20px;
}
.toolsbox-item{
font-size: 30px;
text-align: center;
color: #666666;
}
.grid-five {
text-align: center;
font-size: 28px;
color: white;
padding: 0;
}
.five-col {
width: 16%;
margin-left: auto;
left: auto;
right: auto;
}
.five-col:hover .toolsbox-item{
color: #f80462;
}
.m_active .toolsbox-item{ color: #f80462; }
.mainlogo{width: 110px; height: auto; margin-top: 2px;}
.mainlogo img{width: 110px; height: auto;}
.profile-img {width: 30px; height: 30px; padding-top: 10px; margin-left: 10px; margin-right: 10px;}
.whiteborder{border: 0px solid #fff;}
.notifications-off-icon{color: #c20049; font-size: 25px; }
.notifications-on-icon{color: #fff; font-size: 25px; }
.loginbtn{
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-transform: none;
border-radius: 0px;
font-size: 15px;
font-weight: 600;
}
.loginbtn:hover{
border:0;
border-bottom: 1px solid #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
}
.loginicon{ color: #fff;}
/* SIDENAV */
.snblack{
background-color: #333;
}
.snwhite{
background-color: #fff;
}
.sidenav .sndivider{
margin: 0;
}
#sidenav-photo{
width: 50px; height: 50px; padding-top: 10px; margin-left: 10px;
margin-right:10px;
}
#sidenav-sidenav-user-details{
padding-top: 0px;
}
.sidenav-user-name{
font-weight: bold;
height: 70px;
padding-top: 3px;
}
.sidenav-diary-type{
margin-top: -30px; padding: 0;
font-weight: 400;
}
.sidenav-user-stats{
padding-left: 10px;
padding-top: -10px;
height: 50px;
background-color: #f2f2f2;
}
.sidenav-us-no-log{
height: 60px;
}
.sidenav-us-ele{
margin-top:-10px;
}
.sidenav-user-grade{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
display: inline-block;
padding-left: 5px;
}
.sidenav li > a {
color: #333;
display: block;
font-size: 14px;
font-weight: 500;
height: 48px;
line-height: 48px;
padding: 0 15px;
}
.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
float: left;
height: 48px;
line-height: 48px;
margin: 0 15px 0 0;
width: 24px;
color: rgba(0, 0, 0, 0.54);
}
.sidenav-links:hover {
color: #fff;
background-color: #f80462;
font-weight: 600px;
}
.sidenav-links a:hover, .sidenav-links:hover .material-icons {
color: #FFF;
}
.sidenav-content { min-height: 200px; padding: 20px 0 0 10px; }
.sidenav-footer {
line-height: 150%;
font-size: 14px;
background-color: #333;
padding: 10px 10px 10px 10px;
}
.sidenav-footer a{
line-height: 200%;
font-size: 12px;
color: #fff;
margin-bottom: 5px;
padding-left:1px;
padding-right: 1px;
display:inline;
}
.sidenav-footer a:hover{
text-decoration: underline;
background-color: #333;
}
nav ul a.side-login-button{
width: 250px;
margin-left: -10px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-transform: none;
border-radius: 0px;
font-size: 16px;
font-weight: 600;
background-color: #03a803;
text-align: left;
height: 40px;
padding-top: 2px;
margin-top: 10px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.side-login-button:hover{
-webkit-box-shadow: none;
box-shadow: none;
background-color: #03a803;
}
.main-footer{
background-color: #333;
color: #E5E5E5;
width: 100%;
padding-top: 10px;
height: 290px;
}
.main-footer .maincontainer .row{
margin: 0;
}
.footer-title{
margin-top: 10px;
font-size: 21px;
font-weight: 400;
}
.footer-tit-text{
margin-left: 10px;
}
.social-footer-large div{
margin-top: 20px;
font-size: 14px;
}
.social-footer-large a{
color: #E3E3E3;
}
.social-footer-large a:hover{
text-decoration: underline;
}
.yt-f-icon{width: 30px; height: auto;vertical-align: middle;margin-right: 10px; }
.ig-f-icon{width: 28px; height: auto;vertical-align: middle;margin-right: 12px; margin-left: 2px;}
.fb-f-icon{width: 25px; height: auto;vertical-align: middle;margin-right: 14px;margin-left: 3px;}
.footer-diary-promo a{
color: #fff;
font-size: 16px;
}
.footer-diary-promo p:hover{
text-decoration: underline;
}
.footer-diary-promo i{
vertical-align: middle;
margin-right: 10px;
}
/*FIXED HEADER*/
.fixedheader{
position: fixed;
width: 100%;
background: #fff;
z-index: 1000;
transition: transform 0.25s;
}
.sidenav-overlay{ background-color:transparent;}
.fixedheader.header-visible{transform: translateY(0);}
.fixedheader.header-hidden{transform: translateY(-100%);}
.headroom--pinned {
transform:translateY(0);
}
.headroom--unpinned {
transform:translateY(-100%);
}
.header--fixed{position:fixed;z-index:10;right:0;left:0;top:0; }
.headroom{transition:transform .25s ease-in-out;will-change:transform}.headroom--pinned{}.headroom--unpinned{transform:translateY(-100%)}
.animateheader{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}
@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}
@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.animateheader.slideDownheader{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.animateheader.slideUpheader{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}
/* login page - poplogin */
#poplogin{max-height: 100%; max-width: 500px; overflow: visible;border-radius: 10px;}
.poplogin-content{height: 100%;}
.login-page-container{width: 500px; margin-left: auto; margin-right: auto; padding: 20px; margin-top: 10px; text-align: center;}
.pop-login-page-container{padding: 0px; margin-top:20px;}
.pop-close-container{position: relative;margin-left: auto; margin-right: 0px;width: 50px; height: 0px; overflow: visible; margin-top: -10px;}
.poplogin-close-btn{box-shadow: 0; text-shadow: 0;}
.login-logo{width: 250px; height: auto; margin-left: auto; margin-right: auto; }
.pop-login-logo{height: 90px;}
.login-logo img{width: 100%; height: auto;}
.login-subtitle{margin-bottom: 20px; font-size: 16px; }
/* label focus color */
.login-form .input-field input[type=email]:focus + label, .login-form .input-field input[type=password]:focus + label, .login-form .input-field input[type=text]:focus + label, .labelpassword, .name-form .input-field input[type=text]:focus + label {
color: #9e9e9e;
}
/* label underline focus color */
.login-form .input-field input[type=email]:focus, .login-form .input-field input[type=password]:focus, .login-form .input-field input[type=text]:focus, .name-form .input-field input[type=text]:focus {
border-bottom: 1px solid #9e9e9e;
-webkit-box-shadow: 0 0px 0 0 #9e9e9e;
box-shadow: 0 0px 0 0 #9e9e9e;
}
/* icon prefix focus color */
.login-form .input-field .prefix, .name-form .input-field .prefix {
color: #9e9e9e;
font-size: 20px;
padding-top:5px;
}
/* icon prefix focus color */
.login-form .input-field .prefix.active, .name-form .input-field .prefix.active {
color: #f10e6e;
}
[type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
border: 2px solid #9e9e9e;
background: transparent;
}
.login-form .input-password .ico-show-pw{color: #9e9e9e; cursor: pointer;}
.login-form .input-password .ico-show-pw.active{color: #9e9e9e;}
.login-textfield{width: 450px; }
.login-password{width: 420px; }
.login-recpwd{margin: 20px 0 20px 0;}
.login-persistent{padding-left: 15px;margin-top: -10px; margin-bottom: 30px;}
.login-privacy{margin: -10px 10px 30px 10px; }
#name-form .login-privacy [type="checkbox"] + span:not(.lever){
padding-left: 29px;
text-align: left;
}
.privacy_string{font-size: 12px; color: #666;}
.login-terms{padding: 10px 0 0 0; text-align: center; width: 100%;font-size: 12px; color: #666;}
.login-btn{width: 100%; text-align: center; }
.login-btn .btn-large {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 15px;
box-shadow: none;
}
.btn-plain-login{font-weight: 600;font-size: 18px; padding-top: -1px; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none;}
.btn-plain-relogin{font-weight: 600;font-size: 14px; padding-top: -1px; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none;}
.login-hr{height: 1px; color: #E7E7E7;}
.login-mail-err-msg{margin-top:30px; margin-bottom: 30px;}
/*carousel home*/
.carouselhome .indicators .indicator-item{
background-color: #bababa;
}
.carouselhome .indicators .indicator-item.active{
background-color: #E80073;
}
.carousel-subtitle{
color: #666;
margin-top: -15px;
font-weight: 500;
}
.home_carousel_1{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_1.jpg");
background-position: center;
background-size: cover;
}
.home_carousel_2{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_2.png");
background-position: center;
background-size: cover;
}
.home_carousel_3{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_3.png");
background-position: center;
background-size: cover;
}
.home_carousel_4{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_3.jpg");
background-position: center;
background-size: cover;
}
.home_carousel_4-1{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_4-1.png");
background-position: center;
background-size: cover;
}
.home_carousel_4-2{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_4-2.png");
background-position: center;
background-size: cover;
}
.home_carousel_5{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_2.jpg");
background-position: center;
background-size: cover;
}
.home_carousel_6{
background-image: url("https://www.fixfit.it/images/bg_carousel_home_4.jpg");
background-position: center;
background-size: cover;
}
/*carousel home*/
/*show wos*/
.show_wos_container{
width:280px; margin-bottom:20px; margin-right:auto;margin-left:auto; border-bottom:1px solid #eaeaea; padding-bottom:5px;
text-align: center;
}
.show_wos_container img{
width: 100%; height: 158px;
}
.show_wos_container_mid{
box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 6px;
}
.show_wos_container_mid_adapt{
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 6px;
max-width: 280px;
max-height: 158px;
margin-left: auto;
margin-right: auto;
/*border-radius: 8px;*/
line-height: 0;
}
.show_wos_container_mid_adapt img{
width: 100%; height: auto;
margin-left: auto;
margin-right: auto;
/*border-radius: 8px;*/
}
.show_wos_header{
height: 23px;
font-weight: 600;
margin-bottom:0px; color:#333; background-color: #f1f1f1; padding: 0px 0 0 5px;
text-align: center;
}
.bg-attrezzi{background:#f1f1f1 url('/images/bg_attrezzi_gray.png') no-repeat right center;}
.show_wos_footer{
width: 280px; margin-left: auto; margin-right: auto;
}
.show_wos_time{
width:78px; float: left; color:#333;;
height: 23px;
margin-top: 7px;
margin-left: 0px;
padding: 1px 0 0 5px;
font-weight: 700;
background-size: contain;
}
.show_wos_calories{
width:105px; float: left; color:#333;
height: 22px;
margin-top: 7px;
padding: 1px 0 0 0px;
font-weight: 700;
background-size: contain;
}
.show_wos_btn_cal{
width:38px; float: left;
margin-right: 10px;
}
.show_wos_btn_fav{
width:38px; float: left;
}
.show_wos_title{
margin: 4px 0 5px 0;
font-size: 12px;
height: 40px;
}
.btn_swc_cal, .btn_swc_cal:link , .btn_swc_cal:active, .btn_swc_cal:visited{
background: transparent;
width: 38px;
height: 38px;
padding: 2px 0 0 0;
box-shadow: none;
border-radius: 4px;
z-index: 0;
}
.btn_swc_cal i {
font-size: 26px;
margin-left: auto; margin-right: auto;padding: 0;
color: #02c933;
}
.btn_swc_cal:hover i{
color: #02c933;
}
.btn_swc_cal:hover{
box-shadow: none;
}
.btn_swc_fav, .btn_swc_fav:link , .btn_swc_fav:active, .btn_swc_fav:visited {
background: transparent;
width: 38px;
height: 38px;
padding: 1px 0 0 0;
box-shadow: none;
border-radius: 4px;
z-index: 0;
}
.btn_swc_fav i {
font-size: 26px;
margin-left: auto; margin-right: auto;padding: 0;
color: #BDBDBD;
}
.btn_swc_fav:hover i {
color: #BDBDBD;
}
.btn_swc_fav:hover{
/*background-color: #0094c5;*/
box-shadow: none;
}
.show_wos_btn_fav .toggle i {
color: #f80462;
}
.btn_swc_fav_block, .btn_swc_fav_block:link, .btn_swc_fav_block:active, .btn_swc_fav_block:visited{
background: transparent;
width: 38px;
height: 38px;
padding: 1px 0 0 0;
box-shadow: none;
border-radius: 4px;
z-index: 0;
}
.btn_swc_fav_block i{
color: #f80462;
font-size:26px;
}
.btn_swc_fav_block:hover i {
color: #f80462;
}
.btn_swc_fav_block:hover{
/*background-color: #0094c5;*/
box-shadow: none;
}
.show_wos_btn_com{
width: 350px;float: right; text-align: right;
}
.btn_swc_com {
background: #f80462;
width: auto;
height: 38px;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 2px 10px 0 10px; margin-left: 10px; margin-right: 0;
}
.btn_swc_com i {
font-size: 26px;
margin-left: auto; margin-right: auto;padding: 0 5px 0 0;
color: #fff;
}
.btn_swc_com:hover i{
color: #fff;
}
.btn_swc_com:hover{
background-color: #e00056;
box-shadow: none;
}
.btn_swc_com_conf {
background: #f80462;
width: 270px;
height: 48px;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 2px 10px 0 10px; margin-left: auto; margin-right: auto;
margin-top: 10px;
font-size: 16px;
}
.btn_swc_com_conf i {
font-size: 35px;
margin-left: auto; margin-right: auto;padding: 0 0px 0 0;
color: #fff;
}
.btn_swc_com_conf:hover i{
color: #fff;
}
.btn_swc_com_conf:hover{
background-color: #ff2378;
box-shadow: none;
}
.btn_swc_com_close {
background: #666;
width: auto;
height: 38px;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 2px 10px 0 10px; margin-left: 10px; margin-right: 0;
}
.btn_swc_com_close:hover{
background-color: #777;
box-shadow: none;
}
.btn_swc_prog {
height: 38px;
text-transform: uppercase;
box-shadow: none;
border-radius: 6px;
z-index: 0;
color: #fff;
padding: 1px 10px 0 0px; margin-left: 10px; margin-right: 0;
font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;
margin-top: 16px;
}
.btn_swc_prog .material-icons {
font-size: 26px;
margin-right: 5px;margin-left: 5px;padding: 0 0px 0 0;
color: #fff;
}
.btn_swc_prog:hover i{
color: #fff;
}
.btn_swc_prog:hover{
background-color: #0eb71d;
box-shadow: none;
}
.btn_swc_prog_start {
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3);
height: 38px;
text-transform:capitalize;
border-radius: 6px;
z-index: 0;
color: #fff;
padding: 1px 10px 0 5px; margin-right: 0;
font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;
margin-top: 16px;
}
.btn_swc_prog_start i {
font-size: 26px;
margin-left: auto; margin-right: auto;padding: 0 0px 0 0;
color: #fff;
}
.btn_swc_prog_start:hover i{
color: #fff;
}
.btn_swc_prog_start:hover{
background-color: #03a803;
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn_swc_prog_start_blue {
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3);
height: 38px;
text-transform:capitalize;
border-radius: 6px;
z-index: 0;
color: #fff;
padding: 1px 10px 0 5px; margin-right: 0;
font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;
margin-top: 16px;
}
.btn_swc_prog_start_blue i {
font-size: 26px;
margin-left: auto; margin-right: auto;padding: 0 0px 0 0;
color: #fff;
}
.btn_swc_prog_start_blue:hover i{
color: #fff;
}
.btn_swc_prog_start_blue:hover{
background-color: #03abe2;
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn_swc_prog_start_blue .material-icons {margin-right: 8px;}
.btn_swc_100 {
height: 38px;
text-transform:capitalize;
box-shadow: none;
border-radius: 6px;
z-index: 0;
color: #fff;
padding: 1px 20px 0 10px; margin: 0 10px 10px 10px;
font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;
text-align: left;
}
.btn_swc_100 i {
font-size: 20px;
margin-left: auto; margin-right: auto;padding: 0 10px 0 0;
color: #fff;
}
.btn_swc_100:hover i{
color: #fff;
}
.btn_swc_100:hover{
background-color: #0eb71d;
box-shadow: none;
}
.btn_swc_details {
background-color: transparent;
width: 160px;
padding-left: 0;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #333;
padding: 0 5px 0 5px;
border: 1px solid #BFBFBF;
}
.btn_swc_details i {
margin-left: 0;
/*padding: 0px 5px 0 5px;*/
color: #333;
}
.btn_swc_details:hover i{
color: #fff;
}
.btn_swc_details:hover{
background-color: #e00056;
box-shadow: none;
}
.btn_swc_close {
background-color: #777777;
width: auto;
padding-left: 0;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 0 15px 0 10px;
}
.btn_swc_close i {
margin-left: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
}
.btn_swc_close:hover i{
color: #fff;
}
.btn_swc_close:hover{
background-color: #7F7F7F;
box-shadow: none;
}
.btn-rem-cal {
background-color: #fff;
width: 20px;
line-height: 100%;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #db0000;
padding: 4px 5px 0 5px;
height: 20px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.btn-rem-cal i {
margin-left: 0;
padding: -2px 0px 0 5px;
color: #fff;
}
.btn-rem-cal:hover i{
color: #fff;
}
.btn-rem-cal:hover{
background-color: #F4F4F4;
box-shadow: none;
}
.btn-add-cal {
background-color: #03a803;
width: auto;
height: 30px;
line-height: 30px;
padding-left: 0;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 0 15px 0 10px;
font-weight: 600;
}
.btn-add-cal i {
margin-right: 5px;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-weight: 600;
}
.btn-add-cal:hover i{
color: #fff;
}
.btn-add-cal:hover{
background-color: #02c915;
box-shadow: none;
}
.btn_small_green {
background-color: #03a803;
width: auto;
padding-left: 0;
text-transform: uppercase;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
height: auto;
}
.btn_small_green i {
margin-left: 0;
margin-right: 3px;
padding: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-size: 16px;
}
.btn_small_green:hover i{
color: #fff;
}
.btn_small_green:hover{
background-color: #03a803;
box-shadow: none;
}
.btn_small_pink {
background-color: #f80462;
width: 270px;
padding-left: 0;
text-transform: uppercase;
box-shadow: none;
border-radius: 6px;
z-index: 0;
color: #fff;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
height: 30px;
}
.btn_small_pink i {
margin-left: 0;
margin-right: 3px;
padding: 0;
padding: 0px 10px 0 6px;
color: #fff;
font-size: 24px;
}
.btn_small_pink:hover i{
color: #fff;
}
.btn_small_pink:hover{
background-color: #f80462;
box-shadow: none;
}
.btn_small_blue {
background-color: #03abe2;
width: auto;
padding-left: 0;
text-transform: uppercase;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
height: auto;
}
.btn_small_blue i {
margin-left: 0;
margin-right: 3px;
padding: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-size: 16px;
}
.btn_small_blue:hover i{
color: #fff;
}
.btn_small_blue:hover{
background-color: #03abe2;
box-shadow: none;
}
.btn_extrasmall_blue {
background-color: #03abe2;
width: auto;
padding-left: 0;
text-transform:capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 500;
line-height: 14px;
height: auto;
}
.btn_extrasmall_blue i {
margin-left: 0;
margin-right: 3px;
padding: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-size: 14px;
}
.btn_extrasmall_blue:hover i{
color: #fff;
}
.btn_extrasmall_blue:hover{
background-color: #03abe2;
box-shadow: none;
}
.btn_extrasmall_green {
background-color: #03a803;
width: auto;
padding-left: 0;
text-transform:capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 500;
line-height: 14px;
height: auto;
}
.btn_extrasmall_green i {
margin-left: 0;
margin-right: 3px;
padding: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-size: 14px;
}
.btn_extrasmall_green:hover i{
color: #fff;
}
.btn_extrasmall_green:hover{
background-color: #03a803;
box-shadow: none;
}
.btn_mid_red {
background-color: #ED0000;
width: auto;
padding-left: 0;
text-transform: uppercase;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
height: auto;
}
.btn_mid_red i {
margin-left: 0;
margin-right: 3px;
padding: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-size: 16px;
}
.btn_mid_red:hover i{
color: #fff;
}
.btn_mid_red:hover{
background-color: #ED0000;
box-shadow: none;
}
.btn_small_red {
background-color: #ED0000;
width: auto;
padding-left: 0;
text-transform: uppercase;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 2px 2px 2px 2px;
font-size: 12px;
font-weight: 500;
line-height: 12px;
height: auto;
}
.btn_small_red i {
margin-left: 0;
margin-right: 0px;
padding: 0;
/*padding: 0px 5px 0 5px;*/
color: #fff;
font-size: 12px;
}
.btn_small_red:hover i{
color: #fff;
}
.btn_small_red:hover, .btn_small_red:visited{
background-color: #ED0000;
box-shadow: none;
}
/* swal buttons ex: confirm, cancel, danger*/
button.swal-button--cancel, button.swal-button--cancel:link, button.swal-button--cancel:active {
color: #555;
background-color: #efefef;
border: 0;
}
button.swal-button--danger, button.swal-button--danger:link, button.swal-button--danger:active {
background-color: #BF0017;
border: 0;
}
/*box*/
.cardicon{width: 95%; text-align:center;border-radius: 4px;box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); margin-left: auto; margin-right: auto;padding-bottom: 20px; margin-bottom: 20px;}
.cardicon i{margin-top: 20px; font-size: 70px;}
.cardicon .title{font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; color: #333; margin:5px 0 5px 0;}
.cardicon .description{font-family: 'Montserrat', sans-serif;font-size: 12px;color: #999;}
.cardicon .cardicon-container{margin-left: auto; margin-right: auto; height: 160px; }
.cardicon .imageleft{float: left; width: 60px;}
.cardicon .imageleft img{width: 60%; height: auto; margin-top: 30px;}
.cardicon .links{float: left; text-align: left;}
.cardicon .links p{line-height: 140%;}
.cardicon .linkscenter img{width: 20%; height: auto; margin-left: auto;margin-right: auto; vertical-align:top;}
.cardicon .bigsubicon img{width: 22%; margin-top: -5px; margin-bottom: 3px; margin-left: auto;margin-right: auto; vertical-align:top;}
.cardicon .linkscenter p, .cardicon .bigsubicon p{line-height: 100%; margin-top: 0px; margin-bottom: 20px;}
.cardicon .linkscentertime img{width: 25%; height: auto; margin-left: auto;margin-right: auto; vertical-align:top;}
.cardicon .linkscentertime p{line-height: 100%; margin-top: 0px; margin-bottom: 20px;}
/*searchmodule*/
.select-container{margin-top: -20px;}
.round_select {border:0; border-bottom: 1px solid #E0E0E0; color: #666666;}
.selectlivello .selectzona{margin-top: 15px; margin-bottom: 15px;}
.searchmodule{margin: 0 10px 0 10px; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.searchlens{font-size: 40px; color: #f80462;}
.searchmodule .collapsible-header{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; }
.searchmodule .collapsible-body{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.searchmodule .collapsible-header{background-color: #FdFdFd;}
.searchmodule .input-field input[type=text]:focus + label, .searchmodule .input-field input[type=number]:focus + label {
color: #9e9e9e;
}
/* label underline focus color */
.searchmodule .input-field input[type=text],.searchmodule .input-field input[type=number], .searchmodule .input-field input[type=text]:focus ,.searchmodule .input-field input[type=number]:focus {
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 0px 0 0 #9e9e9e;
box-shadow: 0 0px 0 0 #9e9e9e;
}
.select-dropdown {
color: #666;
}
.select-wrapper .caret{fill: #666;}
.select-wrapper input.select-dropdown{
border-bottom: 1px solid #DFDFDF; color: #666;
}
.select-wrapper input.select-dropdown:focus {
border-bottom: 1px solid #DFDFDF; color: #666;
}
ul.dropdown-content.select-dropdown li span {color: #666;}
.select-container .input-field.col label{left: 0;}
.selectlivello ul.dropdown-content.select-dropdown li:nth-child(2) span {
color: #03a803; background: url('/images/ico_principiante.png') no-repeat left center; padding-left: 60px; background-size: auto 20%;background-position: 9px;
}
.selectlivello ul.dropdown-content.select-dropdown li:nth-child(3) span {
color: #03abe2; background: url('/images/ico_intermedio.png') no-repeat left center; padding-left: 60px; background-size: auto 20%;background-position: 9px;
}
.selectlivello ul.dropdown-content.select-dropdown li:nth-child(4) span {
color: #ED0000; background: url('/images/ico_avanzato.png') no-repeat left center; padding-left: 60px; background-size: auto 20%;background-position: 9px;
}
.select-container {margin-bottom: 10px; width: 45%;float: left; margin-right: 20px;}
.inputtimecal-container{width: 45%;float: left;margin-right:20px; padding-right: 0; margin-left: -10px; padding-left: 0; }
.inputtimecal-container2{width: 45%;float: left;margin-right:20px; padding-right: 0; margin-left: 4px; padding-left: 0; }
.inputtimecal{width: 120px; float: left; margin: 0px 0 0 0; padding: 0;}
.inputtimecal input {color: #666;}
.inputoptions-container{width: 100%;padding-left: 0;margin: 10px 0 0 -10px; }
.inputoptions-flat {width: 120px; float: left; margin: 0; padding: 0;}
.inputoptions-flat .leverlabel {margin-left: 10px; margin-bottom: 6px;}
.inputoptions-flat label .lever{margin-left: 10px;}
.inputoptions-flat label .lever:before{background-color:#CCCCCC;}
.inputoptions-flat label input[type=checkbox] + .lever{background-color:#DFDFDF;}
.inputoptions-flat label input[type=checkbox]:checked + .lever{background-color:#c1dfc4;}
.inputoptions-flat label input[type=checkbox]:checked + .lever:after {background-color:#03a803;}
.btn-submit-form {margin-top: 40px; border-radius: 6px; box-shadow: none;}
.btn-submit-form:hover { box-shadow: none;}
#search_pagination{ text-align: center;margin-left: auto; margin-right: auto; margin-bottom: 40px;}
.pagination li.active{background-color: #f80462;}
.pagination li {font-weight: 600;}
/*single workout + popworkout*/
.show_quick_workout {}
/*
.show_quick_workout .modal {padding: 0; max-width: 900px; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.show_quick_workout .modal .modal-content {padding: 0;}
*/
.show_quick_workout .modal::-webkit-scrollbar, .show_calendar .modal::-webkit-scrollbar, .show_completato .modal::-webkit-scrollbar, .popcalendarlist::-webkit-scrollbar {
display: none;
}
.show_quick_workout .modal, .show_calendar .modal{width: 100%; max-width: 750px; border-radius: 0; max-height: 100%;background-color: #fff; }
.show_completato .modal {width: 320px; max-width: 750px; border-radius: 0; border-radius: 10px; max-height: 100%; background-color: #fff;}
.show_quick_workout .modal .modal-content , .show_calendar .modal .modal-content {padding: 0;margin-top: 50px}
.show_completato .modal .modal-content {padding: 0;margin-top: 20px}
.popworkouttop-container{width: 100%;height: 50px;position: fixed; top: 0;}
.popworkouttopleft{float: left;height: 50px; padding-top: 7px; }
.popworkouttopright{float:right;height: 50px; padding-top: 8px;}
.popworkouttopzona{
float: left; color:#f80462;
height: 23px;
margin: 7px 15px 0 10px;
padding: 2px 0 0 5px;
font-weight: 700;
}
.popworkouttoptime{
width:78px; float: left; color:#666;
height: 23px;
margin-top: 7px;
margin-left: 0;
padding: 2px 0 0 27px;
font-weight: 600;
background: url('/images/ico_time.png') no-repeat left center;
background-size: contain;
}
.popworkouttopcalories{
float: left; color:#666;
height: 22px;
margin-top: 7px;
padding: 2px 0 0 25px;
font-weight: 600;
background: url('/images/ico_calories.png') no-repeat left center;
background-size: contain;
}
.popworkoutcontainer, .popcalendarcontainer .popcompletatocontainer{ background-color: white; }
.popworkoutcontent {}
.popworkoutcontent .row{margin: 0;padding: 8px 0px 8px 0px; background-color: #f1f1f1; height: auto;}
.box_wo_completed{float: right; font-weight: 600;}
.closepopworkout{float: right; margin-right: 10px;}
.closepopworkout .btn-flat{padding: 0; margin: 0;}
.closepopworkout .material-icons {margin-right: 3px; font-size: 20px;}
.pop-workout-description{width: 100%; padding: 20px; margin: 0;}
.popwo_zone{float: left; width: 10%; padding-left: 10px; }
.popwo_zone .zoneimg{ width: 30px; height: auto; margin-right: auto; margin-left: auto;}
.popwo_title{float: left; width: 90%;font-size: 18px; text-align: left; color: #f80462; font-family: 'Montserrat', sans-serif;font-weight: 600; }
.popwo_t_size{font-size: 18px; font-weight: 600; line-height: 150%;}
.popwo_level{float: left; width:52px; }
.popwo_level img{ width: 48px; height: auto; margin-top: 7px;margin-right: 7px;}
.popwo_txtlivello{float: left; display: inline-block; padding-top: 3px;font-weight: 400; color:#666666; font-size: 13px;margin-left: 4px;}
.popwo_tag{float: left; font-family: 'Montserrat', sans-serif;width: 85%;text-align: left;font-weight: normal; color: #949494; margin-top: 2px;}
.desc_prog_status{float: left; font-family: 'Montserrat', sans-serif;width: 85%;text-align: left;font-weight: normal; color: #949494; margin-top: 2px;}
.popwo_description{font-size: 14px; font-family: 'Montserrat', sans-serif; color: #666;}
.popcalendarlist{width: 100%; padding: 0 5px 0 0px;margin: 0 5px 0 0px; overflow-y: scroll; height: 400px; text-align: left; overflow: -moz-scrollbars-none;-ms-overflow-style: none; }
/*single workout*/
.s_wo_container{}
.s_wo_left{width:750px;float: left;}
.s_wo_right{width: 200px;float: left;}
.s_wo_header{ margin-top: -12px;}
.s_wo_title{font-size: 18px; color: #f80462; font-family: 'Montserrat', sans-serif;font-weight: 600;}
.s_wo_wrap{box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3); margin-left: 15px;}
.s_wo_tools{ margin: 0;
padding: 8px 0px 8px 0px;
background-color: #f1f1f1;
height: auto;}
.s_wo_r_block{font-family: 'Montserrat', sans-serif;
font-weight: 600;color: #9e9e9e; font-size: 16px; text-align: center; border-bottom: 1px solid #E2E2E2; margin:15px 0 20px 20px; padding:15px 8px 15px 8px; }
.s_wo_r_txt{}
.s_wo_r_imgzona img{width: 25px; height: auto;}
.s_wo_description{margin:30px 20px 30px 20px; font-size: 14px; font-family: 'Montserrat', sans-serif; color: #666;}
.more-desc{display: none;}
/*diario boxes*/
.box_programma{width: 100%; border-radius: 10px; border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;padding: 15px; margin-top: 20px;}
.box_diario_std{width: 100%; height: 180px; border-radius: 10px; border: 1px solid #eaeaea;padding: 15px; margin-top: 20px;margin-bottom: 20px;}
.box_diario_tall{width: 100%; height: 250px; border-radius: 10px; border: 1px solid #eaeaea;padding: 15px; margin-top: 20px;margin-bottom: 20px;}
.box_diario_adapt{width: 100%; border-radius: 10px; border: 1px solid #eaeaea;padding: 15px; margin-top: 20px;margin-bottom: 20px;}
.box_diario_workout{width: 100%; border-radius: 10px; padding: 15px; margin-top: 20px;margin-bottom: 0px;}
.box-info{float: right;margin-top: -15px; margin-right: -9px;width: 100%; text-align: right;}
.box-info .material-icons {font-size: 21px; color: #c7c5c2;float: right;text-align: right;}
.header-box{margin-top: -30px; margin-left: -10px; }
/*
.header-box-title{background-color: #fff; padding: 3px 10px 10px 10px;width: auto;display: inline-block;}
*/
.header-box-title{background-color: #fff; padding: 3px 10px 10px 7px;width: auto;display: inline-block; margin-left: 3px;}
.header-box-title-trans{ padding: 3px 10px 10px 10px;width: auto;display: inline-block;}
.thumb_programma{float: left;}
.thumb_programma img{width: 80px; height: auto; margin-top: 3px; margin-left: -10px;}
.program_data{float: left;}
.program_center{float: left; }
.program_button{float: right; margin-right: 30px;}
.diario_inbox_left{float: left; text-align: center;width: 50%; border-right: 1px solid #E2E2E2; margin: 5px 0 20px 0;}
.diario_inbox_left_nobrd{float: left; text-align: center;width: 50%; margin: 5px 0 20px 0;}
.diario_inbox_right{float: left; text-align: center;width: 50%; margin: 5px 0 20px 0;}
.diario_inbox_left img{width: 60px; height: auto;}
.diario_inbox_right img{width: 60px; height: auto;}
.box-subtitles{font-size: 12px; font-weight: 600; color: #666;text-align: center; margin-bottom: 3px;}
.dayslist{margin-left: auto; margin-right: auto;text-align: center; border-bottom: 1px solid #E2E2E2; margin-bottom: 10px;padding-bottom: 10px; width:240px;}
.daynumber{font-family: 'Open Sans', sans-serif;float: left; margin: 4px; padding: 2px 8px 2px 8px; border: 1px solid #dedede; border-radius: 6px; text-align: center; font-weight: 700; color: #dedede; font-size:14px; }
.daynumberact1{border: 1px solid #02c915; background-color: #02c915; color: #fff; }
.daynumberact2{border: 1px solid #f80462; background-color: #fff; color: #f80462;}
.daynumberact3{border: 1px solid #02c915; background-color: #02c915; color: #fff; }
.valutationcontainer{width:200px; margin-left: auto; margin-right: auto;}
.constface{float:left; margin-top: 5px; margin-right: 10px; }
.constface .material-icons {font-size: 30px; text-align: right; padding-top: 5px;}
.constvote{float: left;font-size:18px;font-weight: 600; padding-top: 11px; }
.inbox_big_text{font-size: 14px; color: #716d6d;padding-top: 3px;}
.contatori_txt{color: #333; font-size: 18px; font-weight: 600;display: inline-block; padding-right: 2px;padding-left: 3px;}
.halfbox-textelement{margin: 3px 0 3px 0; text-align: left; font-size: 16px; }
.halfbox-textelement .material-icons {font-size: 10px; color: #02c915;text-align: right; padding-top: 5px;}
.diffsmallvalutation{color: #02c915; font-size: 12px;}
.txt-body-valut{font-size: 12px; color: #666;padding-top: 3px;}
.box-valut-title{color: #5d5d5d; font-size: 12px; font-weight: 600;display: inline-block; padding-right: 2px;padding-left: 3px;}
.halfbox-container{height: 95px; padding-top: 5px; width: 130px; margin: 0 auto 0 auto;}
.bottombox-txt{font-size: 12px;}
.datebox-size{margin-top: 2px; font-size: 12px; margin-bottom: 5px; color: #b1b1b1;}
.box-risultati-links .material-icons {font-size: 10px; color: #02c915;text-align: right; }
.boxcameraicon .material-icons{font-size: 47px; color: #f08318;}
.boxruleicon .material-icons{font-size: 47px; color: #20afa9;}
.boxfaceicon .material-icons{font-size: 47px; color: #fd5eb4;}
.boxthumbupicon .material-icons{font-size: 47px; }
.box-overflow {width: 100%; padding: 0 5px 0 0px;margin: 0 5px 0 0px; overflow-y: scroll; height: 140px; text-align: left; overflow: -moz-scrollbars-none;-ms-overflow-style: none; }
.box-overflow::-webkit-scrollbar { width: 0 !important }
.lightseparator{width: 100%; height: 1px; border-bottom: 1px solid #dedede; margin: 8px 0 8px 0; }
.superlightseparator{width: 100%; height: 1px; border-bottom: 1px solid #EDEDED; margin: 8px 0 8px 0; }
.boxactivitylist .material-icons{font-size: 10px; color: #02c915;text-align: right; margin: 0 4px 0 4px;}
.box-home-video{width: 250px; margin-left: auto; margin-right: auto;}
.dp-title-container{ margin:0 0 10px 5px; padding-left: 10px; }
.dp-title{font-size: 22px; color: #333; font-weight: 600;margin-bottom: -5px; padding-bottom: 0;}
.dp-subtitle{font-size: 16px; color: #b1b1b1; }
.dp-texts{float: left;}
.dp-info{float:right; margin-right: 20px; padding-top: 5px;}
.dp-info .material-icons{font-size: 40px; color:#D5D5D5; }
.noresult{font-size:18px; color:#666; padding-left: 0 5px 0 5px;text-align: center;}
.noresult .material-icons{font-size: 100px;}
.calendar-container {width: 100%; }
.calendarremove{float: right; margin-left: 15px; padding-top: 1px;}
.hiddenbtncal {display: none; }
.pop_imgpreview{width: 280px; margin: 0 auto 20px auto; padding: 0;}
.pop_imgpreview img{border-radius: 5px; margin: 0 auto 20 auto; padding: 0; width: 280px; height: auto;}
.pop_com_title{ margin-bottom: 20px;}
.entcalories .input-field input[type=text], .entcalories .input-field input[type=number], .entcalories .input-field input[type=text]:focus ,.entcalories .input-field input[type=number]:focus {
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 0px 0 0 #9e9e9e;
box-shadow: 0 0px 0 0 #9e9e9e;
font-size: 50px;
}
.inputcal {
border:0;
background-color: transparent;
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 0px 0 0 #9e9e9e;
box-shadow: 0 0px 0 0 #9e9e9e;
font-size: 22px;
font-weight: 600;
width: 70px;
font-family: 'Open Sans', sans-serif;
color: #666;
height: 30px;
text-align: left;
padding: 0 5px 0 0;
margin: 0 0 0 0;
line-height: 150%;
}
.insertcal .material-icons{font-size: 18px; color: #b1b1b1;}
.mdata1 .select-wrapper input.select-dropdown, .mdata1 ul.dropdown-content.select-dropdown li span {color: #03abe2; }
.mdata2 .select-wrapper input.select-dropdown, .mdata2 ul.dropdown-content.select-dropdown li span {color: #03a803;}
.misdataabf{float: left; font-size: 14px; color:#949494; }
.misdataabf .material-icons{font-size: 15px; margin: 0 5px 0 0px;}
.misiconbf {padding-top: 2px;color: #03abe2;}
.misiconaf {padding-top: 2px;color: #03a803;}
.mistextbf{color: #03abe2;}
.mistextaf{color: #03a803;}
.miscontainer{width: 100%; margin-bottom: 30px;}
.miszone{float: left; width: 73px;font-size: 16px; color:#999;margin-top: 7px;}
.misvalue{float:left; width: 190px; color: #fff; font-weight: 600; font-size: 10px;}
.miscommonstr{border-radius: 6px; margin-bottom: 5px; text-align: right; padding: 1px 10px 1px 0;}
.mis_block_height{height: 1200px;}
.popmistitle{width: 200px; text-align: center;margin: -10px auto 20px auto;}
.popmiscontent{width: 290px; margin: 0 auto 0 auto;height: 130px; overflow-y: scroll;}
.popmiscontainer{width: 100%; margin-bottom: 10px;}
.popmiscontent::-webkit-scrollbar{
display: none;
}
.popmiszone{float: left; width: 90px;font-size: 14px; color:#999;margin-top:1px;}
.popmisvalue{float:left; width: 190px; color: #fff; font-weight: 600; font-size: 10px;}
.popmiscommonstr{border-radius: 10px; margin-top: 4px; text-align: right; padding: 1px 10px 1px 0;}
.misvalresult{width: 200px; text-align: center;margin: 5px auto 5px auto; color: #03a803; font-size: 36px;}
.misvaltext{width: 90%; text-align: center;margin: 0px auto 0px auto; color: #b1b1b1; font-size: 12px; }
.misvalclose{width: 100%; text-align: center; margin-top: 30px;margin-bottom: 30px;}
.cameraba{}
#pick-image{width: 100%; text-align: center;}
.baplayer{width: 100%; height: auto;}
.baplayer video{width: 100%; height: auto;}
.canvasba {width: 100%; height: auto; display: none; text-align: center;}
.immagineba {width: 100%; height: auto; text-align: center;}
.canvasba canvas, .canvasba img, .immagineba img {
width: 70%; height: auto; margin-left: auto; margin-right: auto; border-radius: 10px;
-webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3);
}
.baphotodesc{margin-top: 50px; width: 100%; text-align: center; color: #666;display: none;}
.capturebtn{z-index: 2; margin-top: 50px; width: 50px; margin-left: auto; margin-right: auto;display: none;}
/*
#canvas{display: none;width: 100%; height: auto;}
*/
.photo-button {
width: 60px;
height: 60px;
bottom: 13%;
left: 55%;
margin-top: -90px;
margin-left: -50px;
position: relative;
}
.photo-button .circle {
position: absolute;
top: 12%;
left: 12%;
bottom: 12%;
right: 12%;
border-radius: 100%;
background-color: #f80462;
opacity: 1;
}
.photo-button .ring {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 100%;
border: 0.4em solid #ffffff;
opacity: 0.8;
}
.photo-button .circle, .photo-button .ring {
transition: all 0.25s;
}
.photo-button:hover .circle {
opacity: 1;
}
.photo-button:active .ring {
opacity: 1;
}
.photo-button:active .circle {
opacity: 0.5;
}
.miszoneedit{float: left; width: 73px;font-size: 16px; color:#333;margin-top: 7px;}
.inputmis{float: left; margin-top: 5px;}
.inputmismetric{float: left; margin: 7px 0 0 10px;font-size: 14px; color:#999; }
.cs_head, .cs_points, .cs_livello{width: 100%; padding: 0 10px 10px 10px 10px;}
.cs_h_mark{float: left;width: 70px; text-align: center; margin-left: 35px;}
.cs_h_mark img {max-width: 100%; height: auto;}
.cs_h_text{float: left; width: 150px; margin-left: 15px;line-height: 180%; margin-top:10px;}
.cs_p_left,.cs_p_right{width: 160px; text-align: center;float: left;}
.cs_trophy{width: 300px; margin: 10px; border: 1px solid #e7e7e7; background-color: #fff; padding: 0px 5px 0px 10px; border-radius: 10px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.1);}
.cs_t_left{float: left;width: 60px; }
.cs_t_left img {width: 40px; margin-left: 5px; height: auto; margin-top: 2px;}
.cs_t_right{float: left; margin-top: 7px;}
.cs_points{margin-top: 20px;}
.cs_livello{padding: 20px;}
.comploader{width: 250px; margin: 20px auto 40px auto;}
#confirmupload{display: none;}
.seldatebaicon{float: left;}
.seldatebaicon .material-icons{font-size: 21px; color: #f80462; margin-right: 5px; margin-top: -1px;}
.seldateba{margin-top: -19px;float: left;}
.seldateba .input-field input[type=text]:not(.browser-default) , .seldateba .input-field input[type=text]:focus {
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 0px 0 0 #9e9e9e;
box-shadow: 0 0px 0 0 #9e9e9e;
color: #5d5d5d;
height: 25px;
padding-right: 15px;
min-width: 75px;
}
.deltextlink{
color: #b1b1b1;
}
.delmodlink{
color: #b1b1b1;
}
/*CONTATORI SALUTE*/
.fat_indicator{width: 100%; margin-bottom: 5px; margin-left:-5px; }
.fat_liv{width: 100%; height: 8px; }
.liv_gi_m{float: left; background-color: #6f6f6f;height: 8px;width: 4%;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.liv_ge_m{float: left; background-color: #ED0000;height: 8px;width: 13%;}
.liv_at_m{float: left; background-color: #02c915;height: 8px;width: 29%;}
.liv_fi_m{float: left; background-color: #03a803;height: 8px;width: 13%;}
.liv_nm_m{float: left; background-color: #03abe2;height: 8px;width: 25%;}
.liv_ob_m{float: left; background-color: #ED0000;height: 8px;width: 16%;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.liv_gi_w{float: left; background-color: #6f6f6f;height: 8px;width: 29%;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.liv_ge_w{float: left; background-color: #ED0000;height: 8px;width: 10%;}
.liv_at_w{float: left; background-color: #02c915;height: 8px;width: 19%;}
.liv_fi_w{float: left; background-color: #03a803;height: 8px;width: 10%;}
.liv_nm_w{float: left; background-color: #03abe2;height: 8px;width: 19%;}
.liv_ob_w{float: left; background-color: #ED0000;height: 8px;width: 13%;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.liv_indicator_icon{
width: 0;
height: 0;
border-style: solid;
border-width: 8.7px 5px 0 5px;
border-color: #f80461 transparent transparent transparent;
line-height: 0px;
_border-color: #f80461 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.ris_fatval{margin: 10px auto 10px auto; font-size: 28px; font-weight: 500;}
.ris_fatval_desc{font-size: 12px; color: #9d9d9d; margin-bottom: 20px;}
.ris_valblocks_cont{width: 100%; margin-bottom: 20px; color: #fff; font-size: 14px; font-weight: 500; padding-top: 5px;}
.ris_val_perc{width:30%;float: left; text-align: center;background-color:#ED0000;padding: 4px;border-bottom-right-radius: 6px;border-top-right-radius: 6px;height: 28px;}
.ris_val_kg{width:30%;float: left; text-align: center;background-color:#858585;padding: 4px;height: 28px;}
.ris_val_desc{width:40%;float: left; text-align: center;background-color:#9d9d9d; padding: 7px 4px 4px 4px; font-size: 11px; border-bottom-left-radius: 6px;border-top-left-radius: 6px;font-weight: 500;height: 28px;}
.ris_met_circle{width: 100px; height: 100px; border-radius:50px; border: 8px solid #03a803; margin: 10px auto 10px auto;}
.ris_met_square_blu{width: 100px; height: 100px; border-radius:10px; border: 2px solid #03abe2; margin: 10px auto 10px auto;padding-top: 5px; }
.ris_met_square_green{width: 100px; height: 100px; border-radius:10px; border: 2px solid #03a803; margin: 10px auto 10px auto;padding-top: 5px; }
.ris_met_square_pink{width: 100px; height: 100px; border-radius:10px; border: 2px solid #f80462; margin: 10px auto 10px auto;padding-top: 5px; }
.ris_met_kcal{text-align: center;font-size: 24px;font-weight: 500; margin-top: 15px;}
.ris_met_kcal_small{ text-align: center;font-size:22px;font-weight: 600; line-height: 30px; }
.ris_met_desc{text-align: center;font-size: 12px; margin-top: -7px; color: #b1b1b1;}
.ris_met_name{text-align: center;margin: 10px auto 10px auto; font-size: 14px; color: #949494;}
.ris_met_kcal_icon{float: left; width:5px; padding-top: 11px; margin: 0 3px 0 5px;}
.ris_met_square_blu .material-icons,.ris_met_square_green .material-icons,.ris_met_square_pink .material-icons{ margin-right: 4px; line-height:10px;}
.ris_ind_title{text-align: right;margin: 20px auto 5px auto; font-size: 24px; font-weight: 500; color: #5d5d5d;}
.risi_ind_val{text-align: center;margin: 5px auto 5px auto; font-size: 24px; font-weight: 500;}
.risi_ind_sep{text-align: center;width: 130px;height: 1px; background-color: #cdcdcd; margin: 0px auto 0px auto;}
.risi_ind_desc{text-align: center;margin: 5px auto 5px auto; font-size: 18px; font-weight: 500;}
#toggle_bodydata{margin: 10px 0 0 0; font-size: 12px;width: 100%; text-align: right;text-decoration: underline; }
#saadescription{color: #f80462; font-size: 14px; font-weight: 600;}
.divpersonaldata{font-size: 10px; font-weight: 600; color:#ED0000;margin: 0px 0 10px 0; }
.valdatadiv{font-size: 11px; color:#949494;margin: 0px 0 15px 0;}
/*Activities*/
.activities-container{}
.act_icon{float: left; height: 20px; width: 20px; text-align: center; margin: 0 5px 0 0;}
.act_icon img{width: 80%;height: auto;margin-top: 3px;}
.act_title{font-size: 16px;font-weight: 600; color: #333; float: left; margin-bottom:10px;}
.act_img{float: left; width: 100px; text-align: center; margin: 0 20px 0 0;}
.act_img img{width: 100%;height: auto; border: 1px solid #EBEBEB; border-radius: 5px;}
.act_data_cont{float: left;margin-top: 6px;}
.act_data_cont_r{float: right;margin-top: 6px;height: 79px; width: 300px;}
.act_tempo{float: left; color: #666;font-weight: 700; width: 100px;font-size: 18px;}
.act_calorie{float: left; color: #666;font-weight: 700;width: 100px;font-size: 18px;}
.act_desc{float: none;margin: 0 0 0 0;color: #949494; font-size: 12px;}
.act_tools{text-align: left; width: 300px; margin-top: 10px;}
.act_delete{float: right;}
.actseldata .select-wrapper input.select-dropdown, .actseldata ul.dropdown-content.select-dropdown li span {color: #333; }
.act-selectnome{width: 330px; padding-right: 20px; float: left;margin: 0 0 10px 0;}
.act-selecttempo{width: 160px; float: left;padding-right: 20px;margin: 0 0 10px 0;}
.act-input{width: 40px; float: left;padding: 0; margin: 0 0 10px 0;}
.act-send{ float: left;width: 200px; }
.act-placer{float: left; margin-top: 2px;color: #949494; font-size: 14px; margin: 0 20px 0 5px; height: 45px;}
.act-block{float: left;width: 110px;}
#act_sel_div_hide{display: none;}
/*programmi*/
.boxPchoice{
margin: -10px 10px 20px 10px;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
border-radius: 15px;
border: 1px solid #E9E9E9;
}
.boxPbody{border-radius: 8px;border: 0; padding: 10px 15px 20px 25px;}
.boxPtoolsbody{border-radius: 8px;border: 0;padding: 10px 15px 10px 15px; }
.boxPheader{border-radius: 8px;border-bottom: 1px solid #E9E9E9;font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 0.05em;}
.Pcard{width: 260px; margin: 15px 15px 10px 15px;float: left;box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); border: 0;}
.Pcard .card-content{padding: 10px;}
.boxPbody .card .card-reveal{overflow: hidden; padding: 15px;}
.card .card-reveal{top: 99%;}
.Poverflow{
vertical-align: text-top;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-ms-overflow-style: none; /* IE 10+ */
scrollbar-width: none; /* Firefox */
}
.Poverflow::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
.pjumptitle{font-family: 'Montserrat', sans-serif;font-size: 13px; font-weight: 600; margin-bottom: 5px;}
.prevealtitle{font-family: 'Montserrat', sans-serif;font-size: 13px; font-weight: 600;margin-top: 3px;display: inline-block;}
.ptime{font-size: 13px; color: #949494}
.pdays{}
.poptions{font-size: 11px; color: #03a803;}
.pjump{width: 100%; text-align: right;font-size: 12px; }
.pchoicecontainer{width: 100%; text-align: center; padding-top: 20px;}
.pchoicelivello_pr{padding: 3px 4px 3px 4px; font-weight: 600; color: #fff; margin-bottom: 20px; width: 110px; margin-right: 10px; font-size: 12px; float: left; border-radius: 4px;}
.pchoicelivello_in{padding: 3px 4px 3px 4px; font-weight: 600; color: #fff; margin-bottom: 20px; width: 110px; font-size: 12px; float: left;border-radius: 4px; }
.pchoicelivello_av{padding: 3px 4px 3px 4px; font-weight: 600; color: #fff; margin-bottom: 20px; margin-left: auto; margin-right: auto; font-size: 12px; border-radius: 4px;}
.pchoicelivello_hi{padding: 3px 4px 3px 4px; font-weight: 600; color: #03abe2; margin-bottom: 20px; border: 1px solid #03abe2; font-size: 12px;border-radius: 4px; }
.pchoicelivello_ha{padding: 3px 4px 3px 4px; font-weight: 600; color: #f80462; margin-bottom: 20px; border: 1px solid #f80462; font-size: 12px;border-radius: 4px;}
.progtitle {font-size: 22px;color: #333;font-weight: 600;margin-bottom: -5px;padding-bottom: 0;min-width: 200px;}
.proglevel{float: left; width: 56px; margin: 8px 5px 0 0;}
.proglevel img{width: 100%; height: auto;}
.progweek{color: #b1b1b1; font-size: 13px; margin: 7px 0 0 0;}
.progdaycontainer{padding: 7px 10px 7px 10px; box-shadow: 0 0px 5px rgba(32, 33, 36, 0.28); border: 0; border-radius: 8px; margin-bottom: 20px;}
.progdaycontainercompleted{padding: 7px 10px 7px 10px; box-shadow: 0 0px 5px rgba(32, 33, 36, 0.28); border: 0; border-radius: 8px; margin-bottom: 20px;}
.progdaycontainer:hover{ background-color: #FCFCFC;}
.progdaycontainer:hover .progdayright .material-icons{ color: #02c915;}
.progdayleft{float: left;}
.progdayright{float: right; padding-top: 9px;}
.progdayrightcompleted{float: right; padding-top: 9px;}
.progdayrightcompleted .material-icons{font-size: 40px; color: #02c915;}
.workoutprogcompleted{float: right; padding-top: 9px;}
.workoutprogcompleted .material-icons{font-size: 30px; color: #02c915; padding: 0 10px 0 0;}
.progdayright .material-icons{font-size: 40px; color: #D7D7D7;}
.progdaytxt{font-size: 12px; color: #949494;}
.progdaytitle{font-family: 'Montserrat', sans-serif;font-size: 16px; font-weight: 600; margin-top: 3px;color: #333;}
.progdaydetails{font-size: 12px;}
.pdaycompleted{box-shadow:none; border: 1px solid #E7E7E7;}
.pordertxt{float: left;font-family: 'Montserrat', sans-serif;font-size: 15px; font-weight: 600;margin-top: 8px;color: #b1b1b1;}
.s_wo_program{width: 90%;margin-left: auto; margin-right: auto;margin-bottom: 40px;}
.p_wo_wrap{box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);}
.progincorso {float: left;position: relative;left: 0px;top: 122px;background-color: #03a803;z-index: 1000;margin-bottom: -30px; color: #fff;text-align: center;font-size: 12px;width: 100%;padding: 3px;font-weight: 600;}
.card .card-title{font-size: 15px;}
.boxPadvice{
margin: 0px 0px 0px 0px;
box-shadow: none;
border-radius: 0px;
border: 0;
}
.box_ptools{border-radius: 15px;}
.box_ptools_header{border-radius: 15px;height: 36px;border-bottom: 1px solid #edecec;font-family: 'Montserrat', sans-serif;font-size: 12px;font-weight: 600; letter-spacing: 0.05em;padding: 10px 0 0 10px;}
.box_ptools_header .badge{margin-top: -4px;}
.ptoolsicon{ margin-right: 5px;}
.ptoolsicon .material-icons{font-size: 22px; margin: -3px 0 0 -2px}
.boxPadviceheader{height: 36px;border-radius: 0px;border-bottom: 1px solid #edecec;font-family: 'Montserrat', sans-serif;font-size: 12px;letter-spacing: 0.05em;padding: 10px 0 0 0px;}
.boxPadviceheader .badge{margin-top: -4px;}
.boxPadvicebody{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; padding: 10px 20px 20px 10px;border-bottom: 1px solid #edecec;border-left: 1px solid #edecec;border-right: 1px solid #edecec;}
.boxPadvicebody_flat{ padding: 10px 0 20px 0;}
.padviceicon{ margin-right: 5px;}
.padviceicon .material-icons{font-size: 22px; margin: -3px 0 0 -2px}
.p_vantages_icon .material-icons{font-size: 22px; margin: 0px 4px 0 0}
.pweek-container{max-width: 930px;}
#pCardiozone{max-width: 629px; margin-left: auto; margin-right: auto;margin-top: -20px;}
.pCardiotitle{text-align: center;font-size: 24px; margin: 20px 0px 0 0px;}
.pCardiosubtitle{margin-bottom: 20px;text-align: center;font-size: 12px; color: #969696;}
.pCardioactbtn{width: 270px; margin-left: auto; margin-right: auto;float: none; margin-top: 10px; }
/*box funzioni diario*/
.box_fix_features{width: 283px; border: 1px solid #edecec; margin: 5px 7px 5px 7px;float: left; text-align: center; border-radius: 4px;font-size: 12px; padding: 0;}
.features_badge{margin-right: 10px; height: auto; width: 82px; font-size: 11px; color: white; font-weight: 600;font-family: 'Montserrat', sans-serif;letter-spacing: 0.05em;float: left;border-top-left-radius: 4px;border-bottom-left-radius: 4px; text-align: left; padding: 3px 3px 3px 10px;}
.features_content{padding-top:2px; color:#7b7b7b;text-align: left; font-weight: 500;}
/*box small prezzi*/
.box_fix_small_price{box-shadow: 0 0px 3px rgba(32, 33, 36, 0.14);width: 100%; border: 1px solid #edecec; margin: 5px 5px 5px 0px; float: left; text-align: center; border-radius: 4px; padding:0; }
.box_fix_small_price_active{width: 100%; background-color: #FCFCFC; border: 3px solid #02c915; margin: 5px 0px 5px 0px; float: left; text-align: center; border-radius: 6px; padding:0; }
.box_fix_small_price_inactive{box-shadow: 0 0px 3px rgba(32, 33, 36, 0.14);width: 100%; border: 1px solid #edecec; margin: 5px 0px 5px 0px; float: left; text-align: center; border-radius: 6px; padding:0; }
.small_price_badge{margin-right: 10px; height: 55px; width: 100px; font-size: 18px; text-align: center; color: white; font-weight: 600; font-family: 'Montserrat', sans-serif;letter-spacing: 0.05em;float: left;border-top-left-radius: 4px;border-bottom-left-radius: 4px; padding: 14px 3px 3px 3px;}
.small_price_badge12{margin-right: 10px; height: 60px; width: 100px; font-size: 18px; text-align: center; color: white; font-weight: 600; font-family: 'Montserrat', sans-serif;letter-spacing: 0.05em;float: left;border-top-left-radius: 4px;border-bottom-left-radius: 4px; padding: 18px 3px 3px 3px;}
.small_price_badgelt{margin-right: 10px; height: 60px; width: 100px; font-size: 18px; text-align: center; color: white; font-weight: 600; font-family: 'Montserrat', sans-serif;letter-spacing: 0.05em;float: left;border-top-left-radius: 4px;border-bottom-left-radius: 4px; padding: 10px 3px 3px 3px; line-height: 120%;}
.small_price_content{padding-top:6px; color:#7b7b7b;text-align: left; font-weight: 600; }
.small_price_arrow, .small_price_arrow12, .small_price_arrow_active,.small_price_arrow12_active,.small_price_arrow_inactive,.small_price_arrow12_inactive{float: right;}
.small_price_arrow .material-icons{margin: -20px 5px 0 0;font-size: 40px; color: #D7D7D7;}
.small_price_arrow12 .material-icons{margin: -18px 5px 0 0;font-size: 40px; color: #D7D7D7;}
.box_fix_small_price:hover{ background-color: #FCFCFC;}
.box_fix_small_price:hover .small_price_arrow .material-icons, .box_fix_small_price:hover .small_price_arrow12 .material-icons{ color: #02c915;}
.small_price_arrow_active .material-icons{margin: -20px 5px 0 0;font-size: 40px; color: #02c915;}
.small_price_arrow12_active .material-icons{margin: -18px 5px 0 0;font-size: 40px; color: #02c915;}
.small_price_arrow_inactive .material-icons{margin: -20px 5px 0 0;font-size: 40px; color: #D7D7D7;}
.small_price_arrow12_inactive .material-icons{margin: -18px 5px 0 0;font-size: 40px; color: #D7D7D7;}
.box_fix_small_price_inactive:hover .small_price_arrow_inactive .material-icons, .box_fix_small_price_inactive:hover .small_price_arrow12_inactive .material-icons{ color: #02c915;}
.pdaycompletedtxt{display: none;}
.pTrophycontainer{width: 380px; }
.pTrophyleft{float: left;width: 100px; }
.pTrophyleft img{width: 80%; height: auto; margin: 0 auto 0 auto;}
.pTrophyright{font-size: 24px; font-weight: 600; padding-top: 22px;}
.pTrophytitle{float: left;margin-right: 10px;}
.pTrophysubtitle{float: left;}
.pTrophydesciption{font-weight: 500; font-size: 14px; color: #8E8E8E;width: 100%;}
.hideendchallenge{display: none;}
.chvalutationdiv{float: left; font-size: 12px; color: #949494; margin: 10px 10px 10px 10px; border: 1px solid #E5E5E5;padding: 20px 0 20px 0; border-radius: 8px; text-align: center; width: 140px;}
.prvalutationdivleft{float: left; font-size: 12px; color: #949494; margin: 10px 20px 10px 0px; border: 1px solid #E5E5E5;padding: 20px 0 20px 0; border-radius: 8px; text-align: center; width: 130px;}
.prvalutationdiv{float: left; font-size: 12px; color: #949494; margin: 10px 0px 10px 0px; border: 1px solid #E5E5E5;padding: 20px 0 20px 0; border-radius: 8px; text-align: center; width: 130px;}
/*statistiche*/
.toweek, .tomonth, .toyear, .btnstatsett, .btnstatmese, .btnstatanno{cursor: pointer;}
#statvalutbox{opacity: 0;}
.comprogcontainer{width: 275px; float: left;padding: 10px 10px 10px 10px; border: 1px solid #F0F0F0; border-radius: 6px; margin: 10px 10px 10px 10px;}
.comprogleft{width: 25px;float: left; margin: 0 10px 0px 0}
.comprogleft img {width: 100%; height: auto;}
.comprogright{ padding: 3px 0 0 0; }
.statcom_level{float: left; width:48px; }
.statcom_level img{ width: 42px; height: auto; margin-top: 7px;margin-right: 4px;}
.statcom_txtlivello{float: left; padding-top: 3px; color: #5d5d5d; font-size: 12px;margin-left: 0px;}
.statcom_tag{float: right; text-align: right;font-weight: normal; color: #949494; margin-top: 2px;font-size: 11px; padding-top: 3px;}
#TimeCalChart{margin: 20px 0px 30px 0px;}
.comtropcontainer{width: 275px; float: left;padding: 0px 10px 0px 10px; border: 1px solid #F0F0F0; border-radius: 6px; margin: 10px 10px 10px 10px;}
.comtropleft{width: 40px;float: left; margin: 0 10px 0px 0}
.comtropleft img {width: 100%; height: auto;}
.comtropright{ padding: 8px 0 0 0; }
.statcomtrop_txtlivello{float: left; padding-top: 3px; color: #5d5d5d; font-size: 12px;margin-left: 0px;}
/*menu*/
.Mcard{width: 200px; margin: 15px 15px 10px 15px;float: left;box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); border: 0;}
.Mcard .card-content{padding: 10px;}
.boxPmenubody{border-radius: 8px;border: 0;padding: 5px 0px 5px 0px; }
.prev_menu_container{width: 280px; float: left;padding: 0px 0px 0px 0px; border: 1px solid #F0F0F0; border-radius: 6px; margin: 10px 10px 10px 10px;}
.prev_menu_container:hover .prev_menu_right{background: #f9f9f9;}
.prev_menu_left{width: 80px;float: left; margin: 0 10px 0px 0; }
.prev_menu_right{ padding: 10px 5px 0 0; }
.prev_menu_crop { max-width: 80px; max-height: 60px; overflow: hidden;text-indent: -60px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.prev_menu_crop img { width:170px; margin-top:-35px;z-index: 2;/* Maybe optional. See note below */ }
.prev_menu_txt{float: left; padding-top: 3px; color: #949494; font-size: 12px;margin-left: 0px;}
.menu-title-container{margin: 0 0 10px 0px;}
.dp-title-block{font-size: 22px; color: #333; font-weight: 600;margin-bottom: -5px; padding-bottom: 0;}
.dp-subtitle-block{font-size: 16px; color: #b1b1b1; }
/*SINGLE MENU*/
.sin_menu_left{float:left; width:320px; margin-right:20px;padding-top:15px;}
.sin_menu_left img{width: 100%; height: auto;}
.sin_menu_right{float:left; width:575px; padding-top:5px;}
.sin_menu_m_title{font-size:20px; width:100%; padding:5px 5px 5px 0; border-bottom:1px solid #dfdfdf; vertical-align:middle; }
.sin_menu_s_title{font-size:15px; font-weight: 600; width:100%; padding:5px 5px 5px 0; border-bottom:1px solid #dfdfdf; vertical-align:middle;color: #5d5d5d; }
.portion_container{ width:100%;}
.portion_container img{ margin-right:7px;}
.sin_menu_portion{width:180px; float:left; margin:15px 5px 15px 5px;}
.q_portion{ font-size:18px; }
.d_portion{ font-size:12px; color:#666;}
.lat_spacer{width:30px; float:left; display:block; color:#FFF;}
.sin_macro_cont{width:270px; margin-right:0px; float:left;}
.verd_container{ margin-top:10px;}
.arialtemp{color:#666;}
.sin_submenu{}
.sin_recipe_title{
background: url(/images/ico_down_open.png) no-repeat right center;
padding: 15px 35px 15px 10px;
color: #f10e6e;
font-size: 18px;
border: 1px solid #dfdfdf;
border-radius: 10px;
background-position: 98%;
}
.sin_recipe_title:hover{background: #F9F9F9 url('/images/ico_down_open.png') no-repeat right center; background-position: 98%; }
.sin_recipe_title_clean{ background: #F9F9F9 url('/images/ico_down_open.png') no-repeat right center; background-position: 98%;
padding: 15px 35px 15px 10px; color:#f10e6e; font-size:18px; border: 1px solid #dfdfdf; line-height: 120%; border-radius: 10px;
}
.recipe{ margin: 10px 5px 10px 5px; line-height: 135%; color: #666;}
/*END SINGLE MENU*/
/*SINGLE RECIPES*/
.recipe-container{width: 280px;float: left; margin: 10px; height: 240px; border-bottom: 1px solid #ECECEC;}
.videorecipe-preview{max-width: 280px; max-height: 158px;border-radius: 8px;}
.videorecipe-preview img {width: 100%; height: auto; border-radius: 8px;}
.recipe-preview{ max-width: 280px; max-height: 158px; overflow: hidden;text-indent: -10px; border-radius: 8px;}
.recipe-preview img { width:300px; margin-top:-160px;z-index: 2;border-radius: 8px;}
.recipe-preview-up{ max-width: 280px; max-height: 158px; overflow: hidden;text-indent: -10px; border-radius: 8px;}
.recipe-preview-up img { width:300px; margin-top:-190px;z-index: 2;border-radius: 8px;}
.recipe-info{}
.recipe-info-left{float: left; padding-left: 5px;}
.recipe-kcal{color: #fff; font-size: 13px; font-weight: 600; padding: 2px 0px 2px 0px; margin: 0px 5px 5px 0px; border-radius: 6px;}
.recipe-info-right{float: right; font-size: 12px; font-weight: 600;padding-right: 5px; }
.recipe-macro{float: right;color: #fff; font-size: 13px; font-weight: 600; padding: 2px 0px 2px 0px; margin: 0px 5px 5px 5px; border-radius: 6px;}
.recipe-title{color:#555555; font-size: 13px; font-weight: 600; margin-top: 10px; min-height: 20px;padding: 0px 5px 0px 5px;}
.recipe-title .material-icons{font-size:20px; margin-right: 5px;}
.linkricettasingola:hover .recipe-container{background-color:#F4F4F4;}
.recipe-video{max-width: 750px; margin-top: 20px; }
.recipe-video .video-container {}
/*END SINGLE RECIPES*/
/*PROFILO*/
#profiledropdown{min-width: 250px;top:-55px;}
#profiledropdown li{margin: 0; padding: 0;}
#profiledropdown li a{
font-size: 14px;
font-weight: 500;
color: #333;
}
#profiledropdown li a .material-icons{color: #f80462; margin-right: 13px; }
#profiledropdown li a .icon_dark{color: #333; margin-right: 13px; }
#profiledropdown li a:hover{color: #fff; background-color: #f80462; font-weight: 600;}
#profiledropdown li a:hover .material-icons{color: #fff; }
#profilelinkcontainer{float: right; width: 200px;z-index:500; }
.profile-link-container{height: 55px; float: right;}
.profile-link-container:hover {}
.profile-nome-placer{margin-left: 10px;font-weight: 600; color: #363636;margin-bottom: 20px;}
.profile-email-placer{margin-left: 10px;font-weight: 600; color: #363636;margin-bottom: 20px;}
.profile-pw-placer{margin-left: 10px;font-weight: 600; color: #363636;margin-bottom: 20px;}
.profile-nome-hider{display: none;max-width: 300px;}
.profile-email-hider{display: none;max-width: 300px;}
.profile-pw-hider{display: none;max-width: 300px;}
.btn_profile_update{display: none;margin-left: 10px;}
.trigger-profile{padding: 0 5px 0 5px; margin-right: -4px;}
.username{padding-right: 5px; }
.notificationtype{float: left; font-size: 14px; font-weight: 600; color: #5d5d5d; margin-top: -4px;}
.notificationdescription{margin: 10px 0 0 0px; }
.cardpaybtn{width: 100%; background-color:#fff;color:#333333;padding:10px 12px;border:1px solid #eae6f3;border-radius:4px;font-size:16px; font-weight:600; cursor: pointer; height: 40px;}
.otherpayments{display: none;margin-bottom: 0px; margin-top: 0px; border-top: 1px solid #eae6f3; font-size: 12px; font-weight: 600; color: #5d5d5d;width: 100%; padding: 10px;}
.paybtn_container{ margin-left:auto; margin-right:auto; text-align:center; margin-top: 30px;}
.paybtn_image{width: 230px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2);}
.tutorialheader{margin-left:5px;}
.tuticon{float: left;}
.tuticon .material-icons{margin-right: 7px; color:#5d5d5d; font-size: 30px; }
.tuthelp{float: left;padding-top: 6px;}
.ist_text{line-height: 150%; color: #222;}
.pers_image{margin-left: 10px; margin-bottom: 0px;float: left; width: 100px;}
.pers_image img{width: 100%; height: auto;}
.qualifiche{float: left;}
.min_h_katia{min-height: 265px; }
.min_h_thiago{min-height: 210px;}
.min_h_eleonora{}
/*cookie banner*/
.cc-close{display: none;}
.cc-icon{display: none;}
/*install buttons*/
.installsidebtn {
background: #f80462;
width: auto;
height: 38px;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 2px 10px 0 15px; margin-left: 10px; margin-right: 0;
display: none;
text-align: left;
font-weight: 600;
}
.installsidebtn i {
font-size: 26px;
margin-left: auto; margin-right: 10px;padding: 0 5px 0 0;
color: #fff;
}
.installsidebtn:hover i{
color: #fff;
}
.installsidebtn:hover{
background-color: #e00056;
box-shadow: none;
}
.installside_infobtn {
background: #f80462;
width: auto;
height: 38px;
text-transform: capitalize;
box-shadow: none;
border-radius: 4px;
z-index: 0;
color: #fff;
padding: 2px 10px 0 15px; margin-left: 10px; margin-right: 0;
display: none;
text-align: left;
font-weight: 600;
}
.installside_infobtn i {
font-size: 26px;
margin-left: auto; margin-right: 10px;padding: 0 5px 0 0;
color: #fff;
}
.installside_infobtn:hover i{
color: #fff;
}
.installside_infobtn:hover{
background-color: #e00056;
box-shadow: none;
}
.prev_video_msg{width: 240px; height: auto;margin: 10px; float:left; padding: 0; box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);}
.prev_video_msg img {width: 100%; height: auto;padding: 0; margin-bottom: -7px;}
.messvideocontainer{ padding: 0;box-shadow: none; }
.messvideocontainer .modal-content{padding: 0; background-color: transparent;}
.m_infobox{border-radius: 10px; }
.m_infobox_content{ width: 100%;
/* padding: 0 5px 0 0px; */
margin: 0 5px 0 0px;
overflow-y: scroll;
height: 400px;
text-align: left;}
.m_infobox_content .material-icons{margin-top: 3px;font-size: 34px;}
.installsidebtn a {}
.installicon{padding-top: 4px;margin-right: 8px;}
.mainmenulinks .material-icons{margin-right: 8px;}
.installlink{display: none;}
.installistr{display: none;}
.m_infobox{max-width: 450px; background-color: #fff;min-height: 470px;}
.m_infobox .modal-footer{ background-color: #fff;
padding: 20px 0px;
height: 50px;
width: 100%;
}
.pop-cover1{max-width: 400px; border-radius: 8px; box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); line-height: 0; margin-left: auto; margin-right: auto;}
.pop-cover1 img{width: 100%;height: auto;border-radius: 8px; }
.pop-p-title{font-size: 22px; font-weight: 600; margin-top: 20px;}
#beer-sliderB{font-size: 12px; font-weight: 600; color: #515151;}
#beer-slider{font-size: 12px; font-weight: 600; color: #515151;}
/*REVIEWS*/
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div {
float: left;
width: 100%;
position: relative;
}
.conteiner_review{max-width: 500px; margin-left: auto; margin-right: auto;}
.review_div{width: 400px; background: #fff; vertical-align: middle; text-align: center;}
.sub_review_div{padding: 10px;border: 1px solid #ddd; border-radius: 10px; background: #fafafa;}
.rew_title{font-weight: bold;font-family: 'Montserrat', sans-serif;}
.rew_txt{margin-top: 5px;}
.rev_nome{color: #666; margin-top: 5px;font-style: italic;}
.trust_title{font-size: 12px; font-weight: bold;text-align: center; width: 100%;margin-top: 10px;font-style: italic;}
.trust_image{text-align: center; width:250px; margin-left: auto; margin-right: auto;}
.trust_image img{width: 100%; height: auto;}
/*HELPERS ----------------------------------------------------------------------------------------------------------------------------*/
.push-height{min-height: 700px;}
.shadow1{box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); }
.c_pointer {cursor: pointer;}
.block-separator {height: 1px; border-bottom: 1px solid #ECECEC; margin: 18px auto 25px auto; width: 90%;}
.block-separator-noborder {height: 1px;margin: 18px auto 25px auto; width: 90%;}
input[type=number]:not(.browser-default), input[type=number]:not(.browser-default):focus:not([readonly]){
border-bottom: 1px solid #DFDFDF;
box-shadow: none;
font-size:12px;
height: 24px;
color: #666;
}
.act-selectnome .select-wrapper input.select-dropdown, .act-selecttempo .select-wrapper input.select-dropdown, .act-selectnome .dropdown-content li > span, .act-selecttempo .dropdown-content li > span{
font-size: 12px;
height: 24px;
}
/*colori*/
.c_pink{color: #f80462;}
.c_black{color: #000;}
.c_dark_grey{color: #333;}
.c_mid_grey{color: #5d5d5d;}
.c_light_grey{color: #666;}
.c_midlight_grey{color: #949494;}
.c_superlight_grey{color: #b1b1b1;}
.c_mistic_grey{color: #dedede;}
.c_green{color: #03a803;}
.c_light_green{color: #02c915;}
.c_white{color: #fff;}
.c_red{color: #ED0000;}
.c_light_blue{color: #03abe2;}
.c_light_green{color: #02c915;}
.c_organge{color: #ec4300;}
.c_acqua{color: #00aba9;}
.c_light_orange{color: #FF6600;}
.c_past_orange{color: #f08318;}
.c_light_pink{color: #fd5eb4;}
.bg_pink{background-color: #f80462;}
.bg_black{background-color: #000;}
.bg_dark_grey{background-color: #333;}
.bg_light_grey{background-color: #666;}
.bg_midlight_grey{background-color: #949494;}
.bg_white{background-color: #fff;}
.bg_red{background-color: #ED0000;}
.bg_light_blue{background-color: #03abe2;}
.bg_light_green{background-color: #02c915;}
.bg_green{background-color: #03a803;}
.bg_organge{background-color: #ec4300;}
.bg_acqua{background-color: #00aba9;}
.pos_fixed{position: fixed;}
.pos_absolute{position: absolute;}
.pos_static{position:static;}
.hybridbox_bi{color:#03abe2; background: #fff; border: 2px solid #03abe2;}
.hybridbox_ia{color:#f80462; background: #fff; border: 2px solid #f80462;}
.bl_pink{border-left: solid 5px #f80462; }
.bl_black{border-left: solid 5px #000;}
.bl_dark_grey{border-left: solid 5px #333;}
.bl_mid_grey{border-left: solid 5px #5d5d5d;}
.bl_light_grey{border-left: solid 5px #666;}
.bl_superlight_grey{border-left: solid 5px #b1b1b1;}
.bl_green{border-left: solid 5px #03a803;}
.bl_red{border-left: solid 5px #ED0000;}
.bl_light_blue{border-left: solid 5px #03abe2;}
.bl_light_green{border-left: solid 5px #02c915;}
.bl_orange{border-left: solid 5px #ec4300;}
.goback{float: left;margin: 0px 10px 0 -10px; padding:3px 0px 0px 0px; border-radius: 10px; width: 32px; height: 35px;}
.goback .material-icons{font-size: 50px;}
.bb_orange {border-bottom: 1px solid #F0422A;}
.bb_light_orange {border-bottom: 1px solid #FF6600;}
.progress-container{width: 600px; margin: 0 auto 300px auto; padding: 60px 0 0 0;}
.progress{background-color: #C8C8C8;}
.progress .indeterminate {background-color: #f80462;}
.video-container .progress-pop-container{width: 100%; margin: 0 auto 300px auto; padding: 60px 0 0 0; text-align: center; }
.video-container .progress{width: 90%; margin: 0 auto 0 auto; }
.bgwait{margin: 20px auto 0 auto; font-size: 30px; color: #ddd; font-family: 'Montserrat', sans-serif;font-weight: 600; width: 100%; text-align: center; }
/*font-siezes*/
.txt_10{font-size: 10px;}
.txt_11{font-size: 11px;}
.txt_12{font-size: 12px;}
.txt_13{font-size: 13px;}
.txt_14{font-size: 14px;}
.txt_15{font-size: 15px;}
.txt_16{font-size: 16px;}
.txt_18{font-size: 18px;}
.txt_20{font-size: 20px;}
.txt_22{font-size: 22px;}
.txt_24{font-size: 24px;}
.txt_26{font-size: 26px;}
.txt_28{font-size: 28px;}
.txt_30{font-size: 30px;}
.txt_normal{font-weight: normal;}
/*titoli*/
.title-xl{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600;}
.title-l{font-family: 'Montserrat', sans-serif; font-size: 26px;}
.title-m{font-family: 'Montserrat', sans-serif; font-size: 22px;}
.title-s{font-family: 'Montserrat', sans-serif; font-size: 18px;}
.title-xs{font-family: 'Montserrat', sans-serif; font-size: 15px;}
.txt-bold{font-weight: 600;}
.txt-extra-bold{font-weight: 700;}
/*sottotitoli*/
.subtitles{font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; color: #999;}
/*testi*/
.textdefaults{font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #333;}
/*separator*/
.superlight-hr{width: 100%; height: 1px; background-color: #E9E9E9;}
/*helpers*/
.mp_reset {margin: 0; padding: 0;}
.mp_reset_l{margin-left: 0; padding-left: 0;}
.m_reset_l{margin-left: 0;}
.m_reset{margin: 0;}
.p_reset{padding: 0;}
.padding-t-1{margin: -1px 0 0 0;}
.padding-tb10{padding: 10px 0 10px 0;}
.padding-lr10{padding: 0 10px 0 10px;}
.padding-lr20{padding: 0 20px 0 20px;}
.padding-10{padding: 10px;}
.padding-t5{padding-top: 5px;}
.margin-tb10{margin: 10px 0 10px 0;}
.margin-tb20{margin: 20px 0 20px 0;}
.margin-lr10{margin: 0 10px 0 10px;}
.margin-t20{margin-top: 20px;}
.margin-t30{margin-top: 30px;}
.margin-t40{margin-top: 40px;}
.margin-b5{margin-bottom: 5px;}
.margin-b10{margin-bottom: 10px;}
.margin-b15{margin-bottom: 15px;}
.margin-b20{margin-bottom: 20px;}
.margin-b30{margin-bottom: 30px;}
.margin-b40{margin-bottom: 40px;}
.margin-b50{margin-bottom: 50px;}
.margin-t5{margin-top: 5px;}
.margin-t10{margin-top: 10px;}
.padding-t10{padding-top: 10px;}
.padding-t15{padding-top: 15px;}
.padding-t20{padding-top: 20px;}
.padding-b10{padding-bottom: 10px;}
.padding-b20{padding-bottom: 20px;}
.padding-l10{padding-left: 10px;}
.margin-tup40{margin-top: -40px;}
.margin-tup30{margin-top: -30px;}
.margin-tup20{margin-top: -20px;}
.margin-tup15{margin-top: -15px;}
.margin-tup10{margin-top: -10px;}
.margin-tup5{margin-top: -5px;}
.smallh1 {font-size: 42px; padding-bottom: 0; margin-bottom: 10px; }
.smallh2 {font-size: 22px; padding-bottom: 0; margin-bottom: 10px;}
.smallh3 {font-size: 18px; padding-bottom: 0; margin-bottom: 10px;}
.clear-margin10{clear:both;margin-bottom:10px;}
.clear-margin20{clear:both;margin-bottom:20px;}
.radius10{border-radius: 10px;}
.radius-blr10{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.radius-tlr10{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.containerfixed{
margin: 0 auto;
max-width: 1280px;
width: 90%;
}
.generrorform{margin: 10px 0 10px 0; color: #ED0000; font-size: 14px;}
.rotate90{transform: rotate(90deg);}
/*default changes*/
:focus { outline: none; }
.modal{border-radius: 0;}
.ant_placer{min-width: 234px; min-height: 149px;
background-image: url("/images/workout_fallback_280.jpg");
background-position: center;
background-size: cover;
}
.lozad {
opacity: 0;
transition: opacity 1000ms ease 100ms;
}
.lozad[data-loaded] {
opacity: 1;
}
/*notification message*/
.notificationtopbox{width: 95%;padding: 4px 10px 4px 10px;color: #fff;font-weight: 500;margin-left: auto;margin-right: auto;border-radius: 8px;font-size: 14px;margin-bottom: 10px;}
.notificationtopbox .material-icons{color: #fff; font-size: 20px;}
/* alert box e header*/
.alertrow{}
.alertrow-header{padding: 3px; height: 30px; font-size: 14px; font-weight: 600;}
.alertrow-icon{float: left;}
.alertrow-icon .material-icons {font-size: 20px; padding-top: 3px; margin: 0 8px 0 0; }
.alertrow-title{float: left;padding-top: 4px;}
.alertrow-body {padding: 7px 0 7px 0; font-size: 12px; color: #767676; margin: 0 0 10px 0; }
/* COMPONENTS */
.beer-slider{display:inline-block;overflow:hidden;position:relative}.beer-slider *,.beer-slider:after,.beer-slider :after,.beer-slider:before,.beer-slider :before{box-sizing:border-box}.beer-slider img,.beer-slider svg{vertical-align:bottom}.beer-slider>*{height:100%}.beer-slider>img{height:auto;max-width:100%}.beer-reveal{left:0;opacity:0;overflow:hidden;position:absolute;right:50%;top:0;transition:opacity .35s;z-index:1}.beer-reveal>:first-child{height:100%;max-width:none;width:200%}.beer-reveal>img:first-child{height:auto}.beer-range{-moz-appearance:none;-ms-touch-action:auto;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;top:0;touch-action:auto;width:calc(100% + 2px);z-index:2}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:300vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:300vh}.beer-range::-ms-tooltip{display:none}.beer-handle{background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 6px transparent;color:#000;height:48px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;width:48px;z-index:2}.beer-handle:after,.beer-handle:before{border-left:2px solid;border-top:2px solid;content:"";height:10px;position:absolute;top:50%;transform-origin:0 0;width:10px}.beer-handle:before{left:10px;transform:rotate(-45deg)}.beer-handle:after{right:0;transform:rotate(135deg)}.beer-range:focus~.beer-handle{background:hsla(0,0%,100%,.85);box-shadow:0 0 3px rgba(0,0,0,.4)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{background:hsla(0,0%,100%,.75);border-radius:.125rem;content:attr(data-beer-label);line-height:1;padding:.5rem;position:absolute;top:1.5rem}.beer-slider[data-beer-label]:after{right:1.5rem}.beer-reveal[data-beer-label]:after{left:1.5rem}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1}
.beer-slider input[type=range] {
position: absolute;
background-color: transparent;
border: none;
outline: none;
width: 100%;
margin: 15px 0;
padding: 0;
}
/*FROM OLD FIXFIT*/
.more {
display: none;
}
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 0px;
}
a.hideLink {
}
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px underline #36f; }
.menu_home_title{ font-size:24px; width:100%; padding:5px; border-bottom:1px solid #dfdfdf; vertical-align:middle;}
.slimtitle{ font-size:18px;}
hr.style-two{border: 0;
height: 1px;
background: #eaeaea;
margin-bottom:10px;}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 992px) {
.mis_block_height{height: auto;}
/* MAIN MENU, PROFILE BAR, PROFILE BOX AND SUB MENU */
.main-menu-container, .maincontainer{width: 100%;}
/*.mainlogo{width: 85px; height: auto; margin-top: 12px;}*/
.mainlogo{margin-top: 8px;}
.sub-menu{width: 100%; text-align:center;}
.divloginbtn{ margin-top: 7px;}
.notifications{margin-right: 15px;}
.profile-img{margin-top: 7px; margin-right: 10px;}
.username{margin-top: 8px; }
.toolbox-fixed {
height: 50px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
background-color: #fff;
padding-top: 10px;
border-top: 1px solid #dddddd;
z-index: 10;
}
.toolbox-fixed-row{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.sidenav-social{
height: 40px;
vertical-align: middle;
}
.yt-f-icon{padding-top: 2px; width: 35px; height: auto;}
.fb-f-icon{padding-top: 2px;}
.bgwait{font-size: 20px;}
.s_wo_left{width: 100%;padding-right: 17px;}
.s_wo_right{width: 100%; padding: 0; margin: 0;}
.s_wo_r_block{float: left; width: 30%; padding: 12px 0px 0 0; margin: 20px 5px 0 5px; height: 78px; border-radius: 10px;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1); }
.s_wo_r_imgzona img{width: 16px; height: auto;}
.s_wo_r_imgtime img{width: 20px; height: auto;}
.s_wo_r_imgkcal img{width: 20px; height: auto;}
.s_wo_r_txt{font-size: 12px;}
.hide_s_wo_r_txt {display: none;}
.cardicon .cardicon-container {margin-left: auto;margin-right: auto;width: 280px;height: 160px;}
.cardicon .imageleft{float: left; padding-left: 0px; width: 80px;}
.cardicon .imageleft img{width: 50%; height: auto;margin-top: 0;}
.program_button{ margin-right: 0; }
.boxPbody{border-radius: 8px;border: 0;padding:5px 0 5px 5px; }
.Pcard{width: 260px; margin: 10px;display: inline-block; overflow: hidden;float:none;}
.Pcard .card-content{padding: 10px;}
.Mcard{width: 200px; margin: 10px;display: inline-block; overflow: hidden;float:none;}
.Mcard .card-content{padding: 10px;}
.Poverflow{
vertical-align: text-top;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-ms-overflow-style: none; /* IE 10+ */
scrollbar-width: none; /* Firefox */
}
.Poverflow::-webkit-scrollbar {
display: none; /* Safari and Chrome*/
}
.prev_video_msg{width: 240px; margin: 10px;display: inline-block; overflow: hidden;float:none;}
.messvideocontainer{ max-width: 400px;}
}
@media all and (max-width: 768px) {
.box_fix_features{width: 100%;}
}
@media all and (max-width: 650px) {
.pCardioactbtn{float: left;}
.pCardiotitle{text-align: left;}
.pCardiosubtitle{text-align: left;}
}
@media all and (max-width: 600px) {
.mis_block_height{height: auto;}
/*MODIFICHE FRAMEWORK*/
input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus {
-webkit-box-shadow: 0 0px 0 0 #F44336;
box-shadow: 0 0px 0 0 #F44336;
}
input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
-webkit-box-shadow: 0 0px 0 0 #4CAF50;
box-shadow: 0 0px 0 0 #4CAF50;
}
/* MAIN MENU, PROFILE BAR, PROFILE BOX AND SUB MENU */
.login-subtitle, .login-mail-err-msg{padding: 0 10px 0 10px;}
.login-nome{padding: 0 20px 0 10px;}
.loginbtn{
padding-left: 2px;
padding-right: 2px;
}
.profile-img{margin-top: 6px; margin-right: 10px;}
.sub-menu-container {margin-top: 4px;}
.sub-menu-row .col{padding: 4px;}
.fitzone, .recipezone, .challengezone{
height: 32px;
border-bottom: 1px solid #9c9c9c;
margin:0px;
}
.fitzone-txt, .challengezone-txt{
width: 90px;
background-size: auto 28px;
padding: 6px 0 0 30px;
}
.recipezone-txt{
width: 80px;
background-size: auto 28px;
padding: 6px 0 0 30px;
}
.fitzone-txt:hover, .recipezone-txt:hover,.challengezone-txt:hover, .um_active_pro .fitzone-txt, .um_active_ric .recipezone-txt, .um_active_ris .challengezone-txt{
background-size: auto 28px;
}
.challengezone-txt{
padding: 6px 0 0 25px;
}
.login-page-container{width: 100%; margin-top: 0px;}
.login-page-container .title-l {margin-top: -20px;}
.login-textfield{width: 100%; margin-top: -10px;margin-bottom: -10px; }
.login-password{width: 90%; }
/* MAIN MENU, PROFILE BAR, PROFILE BOX AND SUB MENU */
/*.mainlogo{width: 65px; height: auto; margin-top: 15px;} */
.mainlogo{margin-top: 8px;}
.sub-menu{
font-size: 12px;
font-weight: 600;
}
#poplogin{width: 90%;}
.pop-login-title{font-size: 18px; font-weight: 600;}
.pop-login-subtitle{ font-size: 13px; color: #999; }
.pop-login-logo{width: 190px; height: auto; margin-left: auto; margin-right: auto; margin-top: 5px; }
.pop-close-container{ margin-top: 10px;}
.show_wos_container{width: 100%; margin-right:0px;margin-left:0px;}
.show_wos_container img {max-width: 280px; height: auto;}
.show_wos_header{padding: 2px 0 0 5px; width: 280px;margin-right:auto;margin-left:auto;}
.show_wos_container_mid{width: 280px;margin-right:auto;margin-left:auto;}
.show_wos_time{padding-top: 3px;}
.show_wos_calories{padding-top: 3px;}
.select-container{width: 100%; margin: 0 0 30px 0; float: none; margin-top: -20px;}
.inputtimecal-container{width: 100%;float: left;margin-right:20px; padding-right: 0; margin-left: -10px; padding-left: 0; }
.inputtimecal-container2{width: 100%;float: left;margin-right:20px; padding-right: 0; margin-left: -10px; padding-left: 0; }
.inputtimecal{width: 47%; float: left; margin: 0px 0 0 0; padding: 0;}
.inputoptions-container{margin-top: 0px; }
.inputoptions-flat {width: 90px; float: left; margin: 0; padding: 0;}
.btn-submit-form {width: 100%; }
.progress-container{width: 300px;}
.show_wos_btn_com{
width: 140px;margin-right: 10px;
}
.btn_swc_com {
width: 140px;
padding: 2px 10px 0 10px;
}
/*.show_quick_workout .modal {width: 95%; border-top-left-radius: 10px;border-top-right-radius: 10px;}*/
.show_quick_workout .modal, .show_calendar .modal {width: 100%;}
.show_quick_workout .modal .modal-content , .show_calendar .modal .modal-content, .show_completato .modal .modal-content {padding: 0;}
.popwo_title{float: none; font-size: 16px;}
.popwo_t_size{font-size: 16px;}
.popwo_level{float: left; font-size: 13px;width: 50px;}
.popwo_level img {width: 46px;height: auto;margin-top: 6px;margin-right: 7px;}
.popwo_txtlivello{float: none;font-size: 12px;padding-top: 3px; }
.popwo_zone{display: none;}
.popwo_tag{width: 100%; padding-bottom: 7px; border-bottom: 1px solid #EDEDED; margin-bottom: 7px;}
.pop-workout-description {padding:10px 20px;}
.s_wo_right .row {margin-bottom: 0;}
.s_wo_r_block{float: left; width: 30%; padding: 12px 0px 0 0; margin: 20px 5px 0 5px; height: 78px; }
.s_wo_r_imgzona img{width: 16px; height: auto;}
.s_wo_r_imgtime img{width: 20px; height: auto;}
.s_wo_r_imgkcal img{width: 20px; height: auto;}
.s_wo_r_txt{font-size: 12px;}
.box_programma{ border: 1px solid #eaeaea;}
.program_center{display: none;}
.program_button{float: none; margin-right: auto; margin-left: auto; margin-bottom: 10px;}
.dayslist{width:280px;}
.daynumber{margin: 6px; padding: 2px 8px 2px 8px; font-size:16px; }
.valutationcontainer{margin-top:-5px;}
.smallh1 {font-size: 24px; padding-bottom: 0; margin-bottom: 10px; font-weight: 600; padding-top: 10px;}
.comprogcontainer, .comtropcontainer, .prev_menu_container {width: 100%; margin-left: 0; margin-right: 0;}
#TimeCalChart{margin: 0;}
.expandwidth{width: 100%;}
.sin_menu_right{width:100%;}
.sin_macro_cont{width:45%;}
.sin_menu_portion{width:30%;}
.recipe-container{float: none; margin-left: auto; margin-right: auto;}
.sin_menu_left{float: none;margin-left: auto;
margin-right: auto;}
.username{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 15ch;
}
.min_h_katia{min-height: 0;}
.min_h_thiago{min-height: 0;}
.carousel.carousel-slider .carousel-item p {
font-size: 14px;
}
.messvideocontainer{border-radius: 10px; padding: 0;box-shadow: none;width: 95%;}
.m_infobox{width: 90%;}
.m_infobox_content{color: #414141;}
.m_infobox_content h4{font-size: 20px; font-weight: 600;}
.m_infobox_content h5{font-size: 22px; }
.m_infobox_content .material-icons{font-size: 24px; margin-top: -1px; margin-right: 10px;}
}
@media all and (max-width:450px) {
.pTrophycontainer{width: 280px; }
.pTrophyleft{float: left;width: 70px; }
.pTrophyleft img{width: 70%; height: auto; margin: 0 auto 0 auto;}
.pTrophyright{font-size: 18px; font-weight: 600; padding-top: 6px;}
.pTrophytitle{float: left;margin-right: 10px;}
.pTrophysubtitle{float: left;}
.pTrophydesciption{font-weight: 500; font-size: 14px; color: #8E8E8E;width: 100%;}
.dp-title-block{font-size: 18px; padding-top: 7px;}
.dp-subtitle-block{font-size: 14px; color: #b1b1b1; }
.login-privacy{padding-left: 13px;padding-right: 15px;}
.pop-p-title{font-size: 18px; }
}
@media all and (max-width: 390px) {
.popworkouttopzona {display: none;}
.popworkouttoptime{margin-left: 10px;}
.s_wo_r_block{ width: 28%;}
.thumb_programma{display: none;}
.act-selectnome{width: 100%;}
.progtitle {font-size: 18px;color: #333;font-weight: 600;margin-bottom: -5px;padding-bottom: 0; }
.proglevel{float: left; width: 40px;margin: 3px 5px 0 0; }
.proglevel img{width: 100%; height: auto;}
.progweek{color: #b1b1b1; font-size: 12px; margin: 4px 0 0 0;}
.progdaytitle{font-size: 14px; font-weight: 600; margin-top: 3px;}
.small_price_arrow, .small_price_arrow12, .small_price_arrow_active, .small_price_arrow_inactive, .small_price_arrow12_active, .small_price_arrow12_inactive{display: none;}
.dp-title-block{font-size: 14px;padding-top: 10px; }
.dp-subtitle-block{font-size: 12px; color: #b1b1b1; }
.username{display: none;}
.carousel.carousel-slider .carousel-item p {
font-size: 13px;
}
}
@media all and (max-width: 340px) {
.login-page-container .title-l{font-size: 16px; font-weight: 600;}
.login-subtitle{ font-size: 12px; color: #999; }
.login-logo{width: 190px; height: auto; margin-left: auto; margin-right: auto; }
.login-btn{width: 100%; text-align: center; }
.login-btn .btn-large {
height: 35px;
line-height: 35px;
font-size: 15px;
padding: 0 12px;
box-shadow: none;
}
.btn-plain-login{font-weight: 600;font-size: 14px; padding-top: -1px; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; }
.subtitlemobilesearch{font-size: 13px; }
.show_wos_btn_com{
width: 100px;
margin-right: -5px;
}
.btn_swc_com {
width: 47px;
padding: 2px 10px 0 10px; margin-right: 5px;
}
.dayslist{width:240px;}
.daynumber{margin: 4px; padding: 2px 8px 2px 8px; font-size:14px; }
.dp-title{font-size: 18px;}
.dp-subtitle{font-size: 14px;}
.dp-info .material-icons {
font-size: 30px;
color: #D5D5D5;
}
.progdaytitle{font-family: 'Montserrat', sans-serif;font-size: 12px; font-weight: 600; margin-top: 5px;}
.box_ptools_header{font-size: 11px;}
.box_fix_features{margin: 5px 0px 5px 0px;}
}
@media all and (max-width: 310px) {
/* MAIN MENU, PROFILE BAR, PROFILE BOX AND SUB MENU */
/*.mainlogo{width: 65px; height: auto; margin-top: 15px;} */
.mainlogo{margin-top: 8px;}
}