.btn-xl {font-size: 19px !important;line-height: 1.8em;}
.btn-xl.btn-white-border {padding:9px 20px;}
#Footer .site-logo img {display:none;}
.terms-box {width:25px;}
.terms-text {width:calc(100% - 30px);}
.terms-text p {margin:0;}
.box-radius {border-radius: 10px; border: 6px solid #f1f1f1;}
.box-shadow {box-shadow: 0px 10px 60px -7px rgba(0,0,0,0.3);}
.round-circle {
border-radius: 50%;
height: 430px;
width: 430px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.radius-left {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.radius-right {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.nav-blue {background-color:#41f3e7!important; color:#0000fe!important;}
.nav-blue:hover {background-color:#fff!important; color:#0000fe!important;}
.nav-white {background-color:#fff!important; color:#0000fe!important;}
.nav-white:hover {background-color:#41f3e7!important; color:#0000fe!important;}
#TargetHandlers {padding:20px 15px;}
#TargetHandlers .radio-panel {padding:0 10px;}
#TargetHandlers .radio-panel .radio {border: 1px solid #e5e5e5;padding: 20px;text-align: center;cursor:pointer;border-radius:6px;}
#TargetHandlers .radio-panel .radio.notselected {opacity:0.5;}
#TargetHandlers .radio-panel .radio.selected,#TargetHandlers .radio-panel .radio.hover {transform:scale(1.1);opacity:1;}
#TargetHandlers .radio-panel .radio.selected {border-color:#0000fe;}
.hvr-grow {
display: inline-block;
vertical-align: middle;
transition: 0.1s ease;
cursor: pointer;}
.hvr-grow:hover {transform: scale(1.1, 1.1); /** default is 1, scale it to 1.1 */
opacity: 1;}
.form-control.btn.input-group-btn {background:#41f3e7!important;}
.form-control .btn .btn-primary .fa.fa-search {color:#0000fe;}
.laps-calc .col-sm-3 {display: flex;flex-flow: column-reverse;}
.laps-calc input, .laps-calc label {transition: all 0.2s;}
.laps-calc input:placeholder-shown + label {max-width: 66.66%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: text;transform-origin: left bottom;transform: translate(10px, 3.75rem) scale(1);}
.laps-calc input:not(:placeholder-shown) + label,
.laps-calc input:focus + label {transform: translate(0, 0) scale(1);cursor: pointer;}
.laps-calc ::-webkit-input-placeholder {transition: inherit;opacity: 0;}
.laps-calc input:focus::-webkit-input-placeholder {opacity: 1;}
.laps-calc .btn-primary {background:#0000fe;color:#fff;}
table.Results {margin:0 auto;}
.profile-header-event {display:none;}
.profile-stats {padding-top:40px;text-align:center;max-width:750px;}
.profile-stats .col-stat {padding:20px 40px;width:32%;}
.profile-stats .col-stat h3 {font-size:1.7em;margin-top:0;}
.profile-stats .col-stat h4 {margin-bottom:0;font-size:1em;}
.profile-stats .laps h3, .profile-stats .distance h3 {color:#0000ff;}
.profile-stats .laps, .profile-stats .distance {background:#16f4e9;}
.profile-stats .distance-target {background:#0000ff;border-radius:0 10px 10px 0;margin-left:0.5%;}
.profile-stats .distance-target h3,.profile-stats .distance-target h4 {color:#fff !important;}
.profile-stats .laps {border-radius:10px 0 0 10px;margin-right:0.5%;}
.profile-stats .distance {margin:0 0.25%;}
.profile-stats img {max-width:70px;}
.funraisin-secondary-nav .btn-primary {background:#41f3e7;color:#0000ff;}
.funraisin-sticky-nav .btn-primary {background:#41f3e7;color:#0000ff;}
#Badges {text-align:center;}
#Badges .reward-badge {width:10%;float:none;display:inline-block;vertical-align:top;padding:0 20px;}
/*New design for template-login-dashboard*/
.template-login-dashboard #tabrewards {
margin-top: -200px;
}
.template-login-dashboard #tabrewards #Badges {
margin-top: 0 !important;
border: none;
}
.template-login-dashboard #tabrewards #Badges .add-badges-bg {
background: white;
box-shadow: 0px 0px 40px -30px #000;
border-radius: 10px;
padding: 20px 0;
}
/*.template-login-dashboard .funraisin-header {*/
/* padding-bottom: 100px;*/
/*}*/
/*Dahsboard design*/
.my-lap-progress,
.my-fundraising-progress {
padding: 25px 60px;
border-radius: 10px;
color: #fff;
margin: 0 auto;
min-height: 330px;
}
.my-lap-progress h2,
.my-fundraising-progress h2 {
margin-top: 0;
}
.my-lap-progress {
background: #0000fe;
}
.my-fundraising-progress {
background: #000084;
}
.my-lap-progress .add-button,
.my-fundraising-progress .add-button{
width: 100%;
text-align: center;
}
.my-lap-progress .add-button a,
.my-fundraising-progress .add-button a {
margin-top: 10px;
background: #ff4262;
color: #fff;
width: 100%;
}
.my-lap-progress .add-button a:hover,
.my-fundraising-progress .add-button a:hover {
background: #e06176;
}
.my-lap-progress .laps,
.my-fundraising-progress .money {
color: #40f3e7;
}
.my-lap-progress .progress,
.my-fundraising-progress .progress {
margin: 5px 0 0 0;
}
.my-lap-progress .progress {
background: #0300cd;
}
.my-fundraising-progress .progress {
background: #3431ab;
}
.my-lap-progress .swimmer-icon,
.my-fundraising-progress .heart-icon {
margin: 25px 0 0 0;
}
.iveRaised,
.iveSwam {
width: 50%;
}
.my-lap-progress .progress {
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-box-image: url(https://d187vr3ylbhdad.cloudfront.net/c30302a125f39d5512b37d7b6f3fcc6f.png);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
}
/*Navbar dashboard design*/
.funraisin-page-loggedin-toggle {
border: none;
padding-top: 30px;
margin: 0 auto;
}
.funraisin-page-loggedin-toggle ul li {
padding: 0;
margin: -2px;
}
.funraisin-page-loggedin-toggle ul li:last-child a {
border-right-width: 1px;
border-radius: 0 5px 5px 0;
}
.funraisin-page-loggedin-toggle ul li:first-child a {
border-left-width: 1px;
border-radius: 5px 0 0 5px;
}
.funraisin-page-loggedin-toggle ul li a {
display: inline-block;
text-decoration: none;
border: 1px solid #0000fe;
padding: 2px 20px;
border-right-width: 0px;
color: #000;
font-family: Montserrat;
}
.funraisin-page-loggedin-toggle ul li a.active {
background: #0000fe;
color: #fff;
}
.funraisin-page-loggedin-toggle ul li a span {
margin: 0px 10px;
display: none;
}
.funraisin-page-nav {
padding: 0;
}
.funraisin-page-nav ul li a {
border: none;
color: #000;
}
.funraisin-page-nav ul li:first-child a,
.funraisin-page-nav ul li:last-child a{
border-radius: 0;
}
.funraisin-page-nav ul li a:hover {
border-bottom: 2px solid #0000fe;
background: none;
color: #0000fe;
}
.funraisin-page-nav ul li a {
border-bottom: 2px solid #ddd;
}
.funraisin-page-nav ul li a.active {
border-bottom: 2px solid #0000fe;
background: none;
color: #0000fe;
}
/*activity-progress tab*/
.activity-progress {
padding: 0 0 30px 0 !important;
}
.activity-progress .my-lap-progress{
padding: 40px 60px;
border-radius: 4px 4px 0 0;
color: #fff;
margin: 0 auto;
min-height: 270px;
background: #0000fe;
margin-bottom: 30px;
}
.activity-progress .progress,
.activity-progress .progress-bar {
height: 23px !important;
}
.activity-progress .progress {
background: #0400d0;
}
.activity-progress .my-lap-progress h2,
.activity-progress .my-lap-progress h4 {
color: #fff;
}
.activity-progress .my-lap-progress .laps{
color: #40f3e7;
}
.activity-progress .my-lap-progress .progress{
margin: 5px 0 0 0;
}
.activity-progress .my-lap-progress .swimmer-icon{
margin: 25px 0 0 0;
}
.activity-progress .iveSwam {
width: 50%;
}
.activity-progress .my-lap-progress .progress {
/*-webkit-mask-image: url(https://d187vr3ylbhdad.cloudfront.net/c30302a125f39d5512b37d7b6f3fcc6f.png);*/
-webkit-mask-box-image: url(https://d187vr3ylbhdad.cloudfront.net/c30302a125f39d5512b37d7b6f3fcc6f.png);
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
}
.fitness-tab {
display:none;
}
.fitness-tab.active {
display:block;
}
.fitness-tabs ul {
display:flex;
align-items:center;
justify-content:center;
padding:0;
width: 290px;
margin:0 auto;
}
.fitness-tabs li {
list-style: none;
border: 2px solid #ff4262;
text-align: center;
width:50%;
}
.fitness-tabs li:hover{
cursor: pointer;
}
.fitness-tabs li.active {
background: #ff4262;
}
.fitness-tabs li h3 {
font-size: 16px !important;
}
.fitness-tabs li a {
color:#000;
font-size: 16px !important;
text-transform: uppercase;
}
.fitness-tabs li.active a {
color: #fff;
}
.laps-tab {
border-radius:5px 0 0 5px;
}
.distance-tab {
border-radius:0 5px 5px 0;
}
.activity-progress .btn-primary {
width:290px;
background:#ff4262;
margin:10px 0;
}
/*Profile design*/
.profile-header-yourpage p,
.profile-header-share p {
font-size: 17px !important;
font-weight: 700;
width: 100%;
padding: 0;
}
.funraisin-header {
min-height: 500px;
}
.img-description {
background:#000;
color:#fff;
border-radius:25px;
font-size:0.8em;
display:block;
margin-top:5px;
}
/*login page dashboard*/
.template-login-dashboard .addressdetails #kw_address {
display: none;
}