@font-face {
    font-family: 'Bold';
    src: url();
/*    src: url(../../fonts/SegoeUI-Bold.ttf) format('truetype');*/
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'Light';
    src: url();
/*    src: url(../../fonts/SegoeUI-Light.ttf) format('truetype');*/
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Regular';
    src: url( );
/*    src: url(../../fonts/SegoeUI.ttf) format('truetype');*/
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Header';
    src: url();
/*    src: url(../../fonts/Segoe-SemiBold.ttf) format('truetype');*/
    font-weight: 100;
    font-style: normal;
}


h1, h2{
    font-family: 'Header', sans-serif;
    font-weight: 300;
}

h3, h4, h5, h6{
    font-family: 'Header', sans-serif;
    font-weight: 400;
}

p,body{
    font-family: 'Regular', sans-serif;
    font-size: 14px;
    color: #737373;
}



/*Start of signup screen*/

.sidebar-menu > li > a {
    padding: 0px 5px 0px 15px;
}

.laya-logo-signup{
    width: 100%;
}
.signup-body-full-width{
    background-color: ;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left:0;
}

.brand-signup{
    padding-top:0px!important;
    width:100%;

}

.brand-signup{
    font-family: "Light", sans-serif;
    color:#ffffff;
}

.checkbox a   {
    text-decoration: underline!important;
    color: #ffffff;
}

#login-body a:not(.btn):visited, .checkbox, .checkbox a:hover{
    color: #ffffff!important;
}

.modal{
    color:#505050;
}

.modal h1, h2, h3, h4, h5, h6{
    font-family: 'Regular', sans-serif;
}

.panel .help-block {
    color: #ffffff!important;
}


.panel{
    background-color: ;
}

.tile-card .panel, .carousel-container .panel {
    background-color: #efefef;
}

.carousel-container .panel-body {
    padding-left: 5px;
    padding-right: 5px;
}

.panel-body{
    padding-left: 0px;
    padding-right: 0px;
}

.panel-login>.panel-heading {
    color: #00415d;
    background-color: ;
}

.panel-login>.panel-heading a{
    text-decoration: none!important;
    color: #ffffff;
    font-size: 15px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
    color: #ffffff;
    font-size: 70px;
}
.panel-login>.panel-heading hr{
    margin-top: 10px;
    margin-bottom: 0px;
    clear: both;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"], .panel-login select {
    height: 45px;
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    border-radius: 5px;
}
#register-form label.control-label, .form-group.has-success label {
    color: #ffffff;
}

#login-form a:hover {
    color: #ffffff!important;
}

.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: ;;
}


label.control-label, .form-group.has-success label {
    color: #737373;
    font-weight: 300;
}

.booking-card .grey-overlay{
    background: #efefef;
}

.my-bookings-calendar .booking-card #booking-title{
    background-color: ;
}

.my-bookings-calendar .primary-cta-btn {
    background-color: ;
    background: linear-gradient(, );
    box-shadow: inset 0px 1px 0px 0px ;
    border-color: ;
    font-family: 'Light', sans-serif;
}

.fc-widget-content{
    font-family: 'Light', sans-serif;
}

.my-bookings-calendar  .inactive-button, .events-cta-rel  .inactive-button{
    background: #656565;
    border-color: #656565;
    box-shadow: inset 0px 1px 0px 0px #656565;
}

.experience-alert .alert-info{
    background-color: !important;
    color: #efefef!important;
}

.experience-alert .alert h4 {
    font-family: 'Light', sans-serif;
}

.experience-alert .alert button{
    color: ;
}

.experience-alert a{
    color: !important;
}

/*.module-list:hover {*/
/*    background: #656565;*/
/*}*/

.outside-caro{
    background-color:#efefef;
    color: #737373;
}

.circle-background{
    background: #737373;
    color: ;
}

.booking-area .legend-block .available, .booking-area .legend-block .unavailable {
    background: #656565;
}

.dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.skin-blue .sidebar-menu li.menu-header-show-mobile li a{
    background: #ffffff !important;
}

.panel-login input:hover,
.panel-login input:focus {
    outline:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-login {
    font-family: "Light", sans-serif;
    outline: none;
    font-size: 14px;
    height: auto;
    /*font-weight: 600;*/
    padding: 14px 0;
}


.btn-register {
    outline: none;
    color: #ffffff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
}

.secondary-cta-btn, .secondary-cta-btn:hover, .secondary-cta-btn:focus {
    color: #ffffff;
    background-color: ; /*#a80002*/
    border-color: ;
    background: ;
}

.top-nav{
    height: 120px;
    width:100%;
    background:#ffffff;
}

.forgot-password {
    text-decoration: underline!important;
    color: #ffffff;
}
.forgot-password:hover,
.forgot-password:focus {
    text-decoration: underline;
    color: #ffffff;
}

.header-logo{
/*    transform: translateY(50%);*/
    position: relative;
    max-height:96px;
    max-width: 350px;
    left: 110px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.footer-logo{
/*    transform: translateY(50%);*/
position: relative;
max-height:96px;
max-width: 350px;
left: 110px;
padding-top: 12px;
padding-bottom: 12px;
}

.footer-logo img {
max-height: 80px;
}


.panel.noborder {
    border: none;
    box-shadow: none;
}
.panel.noborder > .panel-heading {
    border: 1px solid #dddddd;
    border-radius: 0;
}
footer{
    display: none;
}

.wrap{
    padding-bottom: 0px;
    background-color: #ffffff;
}


#__lpform_loginform-username_numspan, #__lpform_loginform-password_numspan{
    display:none;
}

.content-body{
    padding-top: 80px;
    padding-left:100px;
}

.content-body-img{
    padding-top: 100px;
}

.title-long-card{
    color: ;
}

.overview-chapter{
    color: ;
    font-weight: 600;
}

.overview-title{
    color: #737373;
}

.bio-name{
    color: ;
}

.bio-title{
    color:  ;
    border-bottom: 1px solid #737373;
    border-top: 1px solid #737373;
    font-family: 'Regular', sans-serif;
}

.bio-card{
    background-color: none;
}

.bio-card .child-content{
    padding-left: 15px;
    padding-bottom: 30px;
    padding-right: 30px;
}

.bio-card .overflow-ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.bio-card .child-content{
    padding-top: 0px;
}

.bio-card .child-content a, .bio-card .child-content a:visited{
    color: #737373;
    font-family: "Bold", sans-serif;
}


.bio-card .child-content .morecontent span{
    display: none;
}

.bio-card .child-content a.morelink{
    text-decoration:none;
    outline: none;
}

.bio-card .child-content .comment {
    width: 100%;
    margin: 10px;
    margin-left:0px;
    line-height:1.42;
}

.half-size{
    width:50%;
    padding-left:15px;
    padding-right:15px;
}

.reset{
    font-size:16px;
    padding-bottom: 25px;
}

.hidden{
    display:none;
}

h3.inline span {
    color: ;
}

.ms-contact h1 {
    font-size: 70px;
    color: #d73b01;
    padding-bottom: 50px;
}
.ms-contact .contact-email a{
    font-weight: 600;
    color: ;
    text-decoration: underline!important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    border: none;
    border: none;
}

/*.skin-blue .sidebar-menu li:hover a, .skin-blue .sidebar-menu li.active > a{*/
/*color:  #737373;*/
/*background:#ffffff;*/
/*}*/

.side-nav .collapsible-header, .side-nav.fixed a.collapsible-header {
    background-color: transparent;
    padding: 12px 16px;
}

/*.side-nav .collapsible-header, .side-nav.fixed a.collapsible-header:active {*/
/*color: ;*/
/*background: ;*/
/*}*/

.panel-success>.panel-heading {
    color: ;
    background-color: ;
    border-color: ;
}

a.button-collapse{
    color: #ffffff!important;
}

#how_to .forgot-password, #how_to a {
    color: #737373;
}

.side-nav a:not(.btn), .side-nav a:not(.btn):visited{
    background-color: ;
}
.ms-styling .form-group input.form-control {
    border-radius:5px;
}

.module-drop-nav ul.dropdown-menu>.active>a, .module-drop-nav ul.dropdown-menu>.active>a:hover{
    background-color: !important ;
    color: #ffffff!important;
    border-bottom: none;
}
.module-drop-nav ul.dropdown-menu > li > a{
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: dashed 1px #E4E6E9;
    text-decoration: none!important;
    color: #737373!important;
    word-wrap: break-word;
    white-space: normal;
}

.card-view{
    border-color:#ffffff!important;
    background:#EFEFEF;
}

.navbar ul.dropdown-menu>.active>a, .module-drop-nav ul.dropdown-menu>.active>a:hover{
    background-color: !important ;
    color: #ffffff!important;
    border-bottom: none;
}
.navbar ul.dropdown-menu > li > a{
    padding-top: 11px;
    padding-bottom: 11px;

    text-decoration: none!important;
    color: #737373!important;
    word-wrap: break-word;
    white-space: normal;
}
.navbar ul.dropdown-menu > li{
    border-bottom: dashed 1px #E4E6E9;
}

.navbar ul.dropdown-menu > li:last-child {
    border-bottom: none;
}

.navbar ul.dropdown-menu li a:hover {
    background: ;
    color: !important;
}

.navbar ul.dropdown-menu li:first-child a:hover {
    border-top-right-radius:8px;
    border-top-left-radius:8px;
}

.navbar ul.dropdown-menu li:last-child a:hover{
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}

.skin-blue .healthscore-banner  a:hover, .skin-blue .healthscore-banner  a {
    color: ;
    background: !important;
}

.menu-header-hide-mobile {
    background: #ffffff;
}

.module-drop-nav ul.dropdown-menu > li > a:hover {
    background-color: #ffffff;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a{
    border-radius:0px;
}

.skin-blue .sidebar-menu > li > a{
    border: none;
}

.sidebar .side-brand, .sidebar .logout{
    background-color: #ffffff;
}

.booking-area .fc-active.day-selected {
    background-color:  !important;
    border-color: ;
    border: transparent 7px solid;
}
.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent;
    border-top: 0 hidden transparent;
}


.booking-icon{
    color: ;
}

.booking-area .fc-past, .booking-area .fc-future, .booking-area .fc-today, .booking-area .legend-block .unavailable {
    background-color:  #ecf0f1;/*#bfc1c1*/
    background: #ecf0f1;
}

.booking-area span.fc-day-number {
    color: #737373;
}

.booking-area .fc-active .fc-day-number {
    color: #ffffff;
}

.fc-today{
    background: #ecf0f1!important;
}

.booking-area  .fc-future.fc-active {
    background: ;
}

.booking-area .legend .available {
    background-color: ;
}

button.fc-next-button.btn.btn-default, button.fc-prev-button.btn.btn-default, button.fc-today-button.btn.btn-default {
    color: ;
}

.fc-button {
    background: ;
    color:#ffffff;
    font-family: 'Light', sans-serif;
}

.booking-area .select-service{
    background-color: ;
}



.slots  button.service-selected, .slots  button.service-selected:active, .slots button.timeslot-selected, .slots  button.timeslot-selected:active, .btn-info.time-selected, .slots button.service-select:hover, .slots  button.service-select:active, .slots  button.timeslot-select:hover, .slots  button.timeslot-select:active, .next-btn-container .primary-cta-btn{
    background: !important;
    border-color: !important;
    box-shadow: inset 0px 1px 0px 0px !important;
    color: #ffffff>;
    font-weight: 600;
    font-family: 'Light', sans-serif;
}



.slots button.service-select, .slots  button.service-selected:active, .slot button.timeslot-select, .slots  button.timeslot-selected:active, .btn-info.timeslot-select{
    background: ;
    border-color: ;
    background: linear-gradient(, );
    box-shadow: inset 0px 1px 0px 0px ;
    font-weight: 600;
    font-family: 'Light', sans-serif;
    height: 43px;
    color: #ffffff;
}

.payment-form .payment-header h3, .payment-form .payment-header p, .header-confirm h3 {
    color:  ;
    font-family: 'Light', sans-serif;
}

.header-confirm i{
    color:  ;
}

.payment-form .voucher-error {
    color: red;
    font-weight: 600 ;
}

.booking-details h5 {
    color:  ;
    font-size: 14px;
    font-weight: 600;
    font-family: "Header ", sans-serif;
}

button.confirm.btn.btn-lg.btn-primary {
    color: ;
    background-color:   ;
    border-color:   ;
}
.sweet-alert .sa-icon.sa-warning {
    border-color: ;
}


.booking-details h4 {
    color: #737373;
    font-size: 22px;
    font-family: "Regular ", sans-serif;
}

.group-padding .session-info, .group-padding  .session-info p{
    color:  ;
}

.group-padding .event-card .session-info, .group-padding .event-card  .session-info p{
    color:  ;
}

.error-page-container {
    background-color: ;
}

#cost-badge {
    border: solid  1px;
    background: white;
    opacity: 0.8;
    color: ;
}


@media (min-width: 991px){

    #logout-btn {
        color: #737373;
        width: 100%;

    }


    .modal-dialog {
        width: 600px;
        max-height: 600px;
        overflow: auto;
        margin: 30px auto;
        border-radius: 5px;
    }
    .modal-header {
        padding-left: 35px;
    }

    .modal-body {
        position: relative;
        padding-left: 35px;
    }

    .back-tab{
        background:;
    }


}


@media (max-width:991px){
    .half-size{
        width:100%;
    }


    .back-tab{
        background:none;
    }

    .logout-btn{
        background: ;
    }

    .content-body {
        padding-top: 10px;
        padding-left: 0px;
    }

    .header-logo {
        max-width: 200px;
        left: 15px;
/*        padding-top: 30px;*/
    }

    .header-logo img {
        max-height: 80px;
    }

    .top-nav {
        height: 100px;
        width: 100%;
        background: ;
    }

    .panel-login>.panel-heading a.active {
        font-size: 36px;
    }

    .laya-logo-signup{
        width: 50%;
        margin-left: 30%;
    }
}

/* end of signp screens */


.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    background: ;
    color: ;
}


.carousel-container > h3 > span {
    color: ;
}

.skin-blue .main-header .navbar .nav > li > a {
    color: ;
/*    font-weight: bold;*/
}


.main-sidebar {
    border-right: 1px solid #e6e6e6;
}

.profile-nav {
    background-color:;
    color: ;
}

#triangle-down {
    border-top: 25px solid ;
}

.main-header .navbar {
    background-color: #e6e6e6 !important;
}

.sidebar {
    background-color: #e6e6e6;
}

.skin-blue .main-header .navbar {
    background-color: !important;
    font-family: 'Light', sans-serif;
}

.header-title .outside-caro .grey-overlay{
    background:;
    background-color: ;
}

.header-title .overlay-title h1{
    font-family: 'Light', sans-serif;
}

.primary-cta-btn, #next-button {
    background-color: ;
    background: linear-gradient(, );
    box-shadow: inset 0px 1px 0px 0px ;
    border-color: ;
    color: #ffffff!important;
    font-weight: normal;
    font-family: 'Regular', sans-serif;
    text-decoration: none!important;
    z-index:10;
    opacity : 1;
}

.outer{
    background-color: #E6e6e6;
}

.inner{
    background-color: ;
}
.skin-blue .sidebar a {
    color:  #656565;
}

#logout-btn {
    color: #737373;
    width: 100%;
    background: #e6e6e6;
}

.scorecard .percent-text {
    color: #737373;
}
.main-header {
    background: #737373;
}

.main-header, .sidebar-toggle:hover {
    background-color: !important;
}

.skin-blue .sidebar-menu  li.active > a {
    color: #ffffff;
    background: inherit;
}

#login-form{
    padding-top: 60px;
}


#sso-desc{
    color: #ffffff!important;
    font-family: 'Light', sans-serif;
}

.reset a, .reg-link {
    color: #ffffff !important;
    text-decoration: underline!important;

}
.sidebar-menu {
    margin-top: 0px;
    font-family: 'Light', sans-serif;
}

.healthscore-banner{
    background:  ;
    font-family: 'Light', sans-serif;
}

.healthscore-banner .main{
    font-size: 18px;
    color: !important;
}
.healthscore-banner .sub, .healthscore-banner .sub a, .healthscore-banner .sub a:hover, .sidebar .orange-sm a {
    font-size: 14px;
/*    font-weight:600;*/
    color: ;
    text-decoration: underline;
}

.sidebar-menu .bold{
    font-weight: 600;
}

.skin-blue .sidebar-menu li.healthscore-banner:hover, .skin-blue .sidebar-menu .healthscore-banner li:hover a:visited{
    color:;
}

.sidebar .orange-sm a, .sidebar .orange-sm a:hover {
    background: #ffffff!important;
    color: !important;
    text-decoration: none!important;
}

.hs_report, #hs_takenow {
    background:  ;
    margin-top: -2px;
}

#hs_takenow a:not(.nohover):hover {
    background: ;
}

.skin-blue .sidebar-menu  li.menu-header-show-mobile:hover  a, .skin-blue .sidebar-menu  li.active > a, #logout-btn:hover {
    color: #ffffff;
    background:  ;
}

.skin-blue .sidebar-menu ul.treeview-menu.menu-open li a, .skin-blue .sidebar-menu ul.treeview-menu {
    color: #737373;
    background: #ffffff;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #ffffff!important;
}

/*.skin-blue .sidebar-menu  .collapsible-body:active li a{*/
/*color: ;*/
/*background:  #ffffff;*/
/*}*/

.skin-blue .sidebar-menu li.menu-header-show-mobile:hover .collapsible-body a{
    color: #737373;
    background: #ffffff;
}

.skin-blue .sidebar-menu .menu-header-show-mobile a.collapsible-header:active {
    color: ;
    /* background: #ffffff!important; */
    text-decoration: none!important;
    font-weight: 200;
}


.skin-blue .user-panel{
    background: #e6e6e6;
}



.title-dates{
    font-family: 'Bold', sans-serif;
    font-weight: 400;
}

.title-dates h4 {
    color: ;
}

.title-dates a, .title-dates a:not(.btn):hover, .title-dates a:not(.btn):active{
    text-decoration: none!important;
    color: ;
}

.card-view > .panel-body > .title-dates .session-info {
    color: ;
    font-weight: 600;
}

/*.title-dates .session-info p {*/
/*font-weight: 400;*/
/*font-family: 'Bold', sans-serif;*/
/*}*/


.book-btn .primary-cta-btn{
    padding: 5px 70px;
    font-weight: 400;
    font-family: 'Bold', sans-serif;
}

.group-padding p{
    color: #737373;
}

a.more-button, .long-slide a.more-button, a.more-button:not(.btn) {
    color: ;
    position: absolute;
    bottom: 3%;
    right: 5%;

}
.elearning h4{
    color: ;

}


.primary-cta-btn:hover{
    background-color: 000000!important;
    background: 000000;
    box-shadow: inset 0px 1px 0px 0px 000000;;
    border-color: 000000;;
    text-decoration: none!important;
}


.progress-cards .progress-title{
    color: ;
    font-family: 'Header', sans-serif;
}

.enrol-bar > a.disabled{
    background: #737373;
    border: #737373;
}

.fc table{
    font-size: 1.35em;
}

.module-list .icon-col svg{
    font-size:48px;
    color: ;
}

a .chev-container svg {
    font-size: 22px;
    color: ;!important;
}

@media (max-width: 500px){
    .module-list {
        border-top: dashed 1px #E4E6E9;
    }

    h3.inline span {
        font-weight: 600;
    }
}

#text span p{
    color: #ffffff!important;
    font-size: 20px;
}

.booking-card #text , .booking-card #text span p{
    color:  !important;
}

.booking-card a.primary-cta-btn{
    color: #ffffff
}

.gym-class-view .session-info .session-text, .gym-class-view .group-padding  .session-info .session-text{
    color:  !important;
}

.group-padding .session-info p {
    color:  !important;
}


.medal{
    color:  !important;
}

#text {
    border-bottom: none;
    border-top:none;
    font-size:20px;
}

.gym-class-view .session-info, .events-view .session-info{
    border-top: 1px solid ;
    border-bottom: 1px solid ;
}

.card-view > .panel-body > .title-dates .session-text{
    font-weight: 100!important;
    font-family: 'Regular', sans-serif;
    font-size: 14px;
    padding-left: 7px;
    padding-right: 5px;
}



@media (max-width: 768px){
    h3.inline span {
        background: white;
    }
}

button.slick-next{
    background: #000000!important;
}


button.slick-prev{
    background: #000000!important;

}