/*--------------------------------------------*
 * Top bar
 *--------------------------------------------*/
.fibo-bar {
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: none;
}
.fibo-bar a, .fibo-bar form {
    pointer-events: auto;
}
.fibo-bar a {
    color: #333333;
    cursor: pointer;
    float: right;
    margin: 0 10px;
}
.fibo-bar a:visited {
    color: #333333;
}
.fibo-bar a:hover {
    color: #FAFAFA;
    text-decoration: none;
}
.fibo-bar .fibo-login-form {
    float: right;
}
.fibo-login-form input,
.fibo-login-form input[type="submit"],
.fibo-booking-form input[type="submit"] {
/*    border: 1px solid #333333; */
    margin: 0;
    padding: 3px;
}
.fibo-login-form input:focus,
.fibo-login-form input[type="submit"]:focus,
.fibo-booking-form input[type="submit"]:focus  {
/*    border: 1px solid #333333;*/
    margin: 0;
    padding: 3px;
}


/*--------------------------------------------*
 * Login prompt on account and event pages
 *--------------------------------------------*/
.fibo-login-prompt .fibo-login-form > label {
    display: block;
    float: left;
    width: 100px;
    clear: both;
}
.fibo-login-prompt .fibo-login-form > input {
    display: block;
    margin-bottom: 10px;
    float: left;
    clear: both;
    width: 100%;
}
.fibo-login-prompt p {
    float: left;
    clear: both;
}
.fibo-login-prompt p:first-child {
    font-weight: bold;
}
.fibo-fabologinbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #8d9cb8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #8d9cb8;
    box-shadow: inset 0px 1px 0px 0px #8d9cb8;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #627aad), color-stop(1, #3b5898) );
    background: -moz-linear-gradient( center top, #627aad 5%, #3b5898 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627aad', endColorstr='#3b5898');
    background-color: #627aad;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #233863;
    display: inline-block;
    color: #ffffff !important;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #19336b;
    width: 100%;
    text-align: center;
}

/*--------------------------------------------*
 * Profile
 *--------------------------------------------*/
#fibo-profile-form-asiakkuus,
#fibo-profile-form-osoitetiedot
#fibo-profile-form-laskutustiedot {
    width: 100%;
}
.fibo-profile-label {
    clear: both;
    float: left;
}
.fibo-profile-checkbox {
    clear: right;
}
.fibo-profile-value {
    clear: right;
    float: right;
}
.fibo-profile-input,
.fibo-profile-select {
    width: 50%;
    /* korjaa eri levyiset select/input boksit */
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
	height: 28px;
}

.fibo-profile-input,
.fibo-profile-select input {
    text-align: left;
}

.fibo-profile-select-inline {
    width: auto !important;
    clear: none !important;
}

.fibo-profile-span,
.fibo-profile-input,
.fibo-profile-select,
.fibo-profile-checkbox {
    float: right;
    margin: 0 0 10px 0;
	padding: 0 !important;
}
#rfid
{
    text-align: center;
}
.fibo-radio-span {
    float: right;
    margin: 0 10px 10px 0;
	padding: 0 !important;
}
.fibo-profile-input[type="radio"] {
    clear: none;
    width: auto !important;
}

.fibo-profile-button {
    border: 0 !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    line-height: 1 !important;
    padding: 1em 2em !important;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
	font-size: 15px !important;
	}

.fibo-profile-button-right {
    float: right;
}
.fibo-password-show,
.fibo-password-hide {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.fibo-password-container {
    display: none;
}
.fibo-password-hint {
    clear: both;
    float: left;
    margin: 40px 0;
    text-align: center;
    width: 100%;
}
.fibo-profile-button-container{
    float: left;
    text-align: center;
    width: 100%;
    margin: 40px 0;
}
.fibo-profile-extra-container{
    float: left;
    text-align: center;
    width: 100%;
}
.fibo-profile-terms {
    float: left;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

.fibo-profile-bookings {
    clear: both;
}

.fibo-profile-bookings > div {
    float: left;
    width: 33%;
}
.fibo-profile-bookings > div > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.fibo-profile-bookings > div > ul > li {
    padding: 5px 0;
    padding-left: 5px;
}
.fibo-profile-bookings > div > ul > li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}
.fibo-profile-bookings-list {
    overflow: auto;
    max-height: 244px;
}
.fibo-profile-info-box {
    float:left;
    width:100%;
    margin-bottom:30px;
    padding:8px;
    background-color:#e9f2ff;
}
.fibo-profile-info-icon {
    color:white;
    border-radius:3px;
    width:20px;
    height:20px;
    background:#3b88c3;
    text-align:center;
    line-height:20px;
    display:inline-block;
}
.fibo-profile-caption {
    caption-side:top;
}
.fibo-profile-notes-dates {
    padding-left: 10px !important;
}
.fibo-profile-notes-text {
    padding-left: 30% !important;
    text-align: right;    
}

/*--------------------------------------------*
 * Calendar
 *--------------------------------------------*/
.fibo-schedule-select {
    margin-left: 10px;
}
.fibo-schedule-weekday-row {
    clear: both;
    min-height: 30px;
    width: 100%;
}
.fibo-schedule-weekday {
    float: right;
    width: 50%;
    min-height: 30px;
    margin: 20px 0 0 0;
}
.fibo-schedule-weekday.daybased-calendar-enabled {
    width: 100%;
}
.fibo-schedule-weekday p {
    font-weight: bold;
}
.fibo-schedule-weekday:nth-child(odd) {
    float: left;
    clear: left;
}
.fibo-schedule-events {
    list-style-type: none;
}

/*--------------------------------------------*
 * Events
 *--------------------------------------------*/
.fibo-event-col-left,
.fibo-event-col-right {
    width: 50%;
}
.fibo-event-col-left p:first-child,
.fibo-event-col-right p:first-child,
.fibo-booking-delete-header {
    font-weight: bold;
}
.fibo-booking-delete-header {
    margin-top: 20px;
}
.fibo-event-col-left {
    float: left;
}
.fibo-event-col-right,
.fibo-event-col-right .fibo-event-form {
    float: right;
}
.fibo-event-col-right .fibo-login-prompt .fibo-login-form {
    min-width: 200px;
}
.fibo-booking-note {
    width: 100%;
    resize: none;
    margin: 0 0 10px 0;
}
.fibo-booking-instruction {
    margin: 10px 0 0 0;
}
.group-exercise-tag {
    display: inline-block;
    min-width: 10px;
    padding: 5px 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 12px;    
}

/*--------------------------------------------*
 * Upcoming events list
 *--------------------------------------------*/
.fibo-upcoming-events ul,
.fibo-schedule-events {
    padding: 0;
    margin: 0;
}
.fibo-upcoming-events ul li:first-child {
    padding: 0 0 10px 0;
}


/*--------------------------------------------*
 * Form validation
 *--------------------------------------------*/
.fibo-form-error {
    color: red;
    margin: 0 0 0 15px;
    float: right;
    clear: right;
}

/*--------------------------------------------*
 * Font awesome
 *--------------------------------------------*/
.fa-red {
    color: #AA3939;
}

/*--------------------------------------------*
 * Web store
 *--------------------------------------------*/
.fibo-product-left {
    float: left;
    width: 75%;
}

.fibo-product-right {
    float: right;
    width: 25%;
    text-align: center;
}

.fibo-webstore-terms {
    clear: both;
    padding-top: 50px;
    font-size: 0.666em;
    color: #bbb;
}

.fibo-product {
    clear: both;
}

.fibo-webstore-cart {
    width: 80%;
}

.fibo-webstore-cart td,
.fibo-webstore-cart th{
    text-align: left;
}

.fibo-webstore-cart .xtra-readmore {
    padding: 0 10px;
    margin-left: 8px;
}

.xtra-name {
    margin-left: 8px;
}

/*--------------------------------------------*
 * Utils
 *--------------------------------------------*/
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
    opacity: 0.5;
}

.fibo-tbl {
    display: table;
    width:100%;
}
.fibo-tbl .fibo-tbl-cell{
    display: table-cell;
    padding: 10px;
    text-align: center;
}
.fibo-bot-mar {
     margin-bottom: 20px;
}
.fibo-left-mar {
    margin-left: 20px;
}
.fibo-webstore-buybtn {
    min-width: 160px;
    width: 160px;
    text-align: center;
}
.fibo-small {
    font-size: 14px;
}
.fibo-payment-form {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
}
/*--------------------------------------------*
 * Payment buttons
 *--------------------------------------------*/
.fibo-webstore-buybtn.btn-paytrail,
.fibo-webstore-buybtn.btn-smartum,
.fibo-webstore-buybtn.btn-visma-pay-visamaster,
.fibo-webstore-buybtn.btn-epassi,
.fibo-webstore-buybtn.btn-edenred,
.fibo-webstore-buybtn.btn-bambora{
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}
/*
.fibo-webstore-buybtn.btn-bambora {
    background-position: left top !important;
}
*/
.fibo-webstore-buybtn.btn-bambora.btn-old-bambora,
.fibo-webstore-buybtn.btn-bambora.btn-old-bambora:hover,
.fibo-webstore-buybtn.btn-bambora.btn-old-bambora:focus {
    background-image: url('https://static.vismapay.com/pay_banners/row.png');
    width: 100%;
    height: 37px;
    border: 0px;
}
.visma-pay-cont {
    text-align: left;
}
.fibo-payment-paytrail-form {
    margin-bottom: 10px;
}
.fibo-payment-visma-pay-form {
    width: 88px;
    display: block !important;
    background-size: contain;
    background-position: center center;
    height: 23px;
    text-align: left;
    background-image: url('../img/vismapay-logo.png');
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.visma-pay-cont hr,
.visma-pay-cont hr::after,
.visma-pay-cont hr::before {
    content: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: relative !important;
    background: none !important;
}
.visma-pay-cont hr {
    width: 88px !important;
    border-bottom-color: inherit !important;
    border-bottom-width: 1px !important;
    margin-bottom: 10px !important;
    border-bottom-style: solid !important;
}
.fibo-webstore-buybtn.btn-paytrail,.fibo-webstore-buybtn.btn-paytrail:hover,.fibo-webstore-buybtn.btn-paytrail:focus  {
    width: 100%;
    max-width: 370px;
    height: 90px;
    text-align: lceft;
    background-position: center;
    background-image: url('../img/paytrail.png');
}
.fibo-billing-other-btn {
    padding: 0px !important;
    text-align: center !important;
    font-size: 13px !important;
    background-color: #fff !important;
    color: #000 !important;
}
.fibo-payment-form.fibo-payment-form-inline {
    display: inline-block !important;
    width: 136px !important;
}

.fibo-webstore-buybtn.btn-smartum,.fibo-webstore-buybtn.btn-smartum:hover,.fibo-webstore-buybtn.btn-smartum:focus  {
    background-image: url('../img/smartum.png');
}
.fibo-webstore-buybtn.btn-epassi,.fibo-webstore-buybtn.btn-epassi:hover,.fibo-webstore-buybtn.btn-epassi:focus {
     background-image: url('../img/epassi.png');
}
.fibo-webstore-buybtn.btn-edenred,.fibo-webstore-buybtn.btn-edenred:hover,.fibo-webstore-buybtn.btn-edenred:focus {
    background-image: url('../img/edenred.png');
}
.fibo-webstore-buybtn.btn-smartum.btn-modified-smartum,.fibo-webstore-buybtn.btn-smartum.btn-modified-smartum:hover,.fibo-webstore-buybtn.btn-smartum.btn-modified-smartum:focus  {
    background-image: url('../img/maksu-smartum.png');
    /*margin-bottom: 10px;*/
}
.fibo-webstore-buybtn.btn-epassi.btn-modified-epassi,.fibo-webstore-buybtn.btn-epassi.btn-modified-epassi:hover,.fibo-webstore-buybtn.btn-epassi.btn-modified-epassi:focus {
    background-image: url('../img/maksu-epassi.png');
    /*margin-bottom: 10px;*/
}
.fibo-webstore-buybtn.btn-edenred.btn-modified-edenred,.fibo-webstore-buybtn.btn-edenred.btn-modified-edenred:hover,.fibo-webstore-buybtn.btn-edenred.btn-modified-edenred:focus {
    background-image: url('../img/maksu-edenred.png');
    /*margin-bottom: 10px;*/
}
.fibo-webstore-buybtn.btn-visma-pay-visamaster,.fibo-webstore-buybtn.btn-visma-pay-visamaster:hover,.fibo-webstore-buybtn.btn-visma-pay-visamaster:focus {
    background-image: url('../img/maksu-visamaster.png');
/*    margin-bottom: 10px; */
}
/*
.fibo-webstore-buybtn.btn-visma-pay-visa, .fibo-webstore-buybtn.btn-visma-pay-visa:hover, .fibo-webstore-buybtn.btn-visma-pay-visa:focus {
    background-image: url('../img/maksu-visa.png');
    margin-bottom: 10px;
}
.fibo-webstore-buybtn.btn-visma-pay-master, .fibo-webstore-buybtn.btn-visma-pay-master:hover, .fibo-webstore-buybtn.btn-visma-pay-master:focus {
    background-image: url('../img/maksu-mastercard.png');
    margin-bottom: 10px;
}
*/

.fibo-webstore-buybtn.btn-paytrail {
	cursor: pointer;
}
.fibo-webstore-buybtn.btn-visma-pay-visa,
.fibo-webstore-buybtn.btn-visma-pay-master,
.fibo-webstore-buybtn.btn-visma-pay-visamaster,
.fibo-webstore-buybtn.fibo-billing-other-btn,
.fibo-webstore-buybtn.btn-bambora,
.fibo-webstore-buybtn.btn-epassi.btn-modified-epassi,
.fibo-webstore-buybtn.btn-smartum.btn-modified-smartum {
    min-width: auto;
    width: 126px;
    height: 85px;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #aaa;
    border-radius: 5px;
    margin-top: 0;
    display: inline-block;
    box-sizing: border-box;
}
.fibo-webstore-buybtn:hover,
.fibo-webstore-buybtn.btn-visma-pay-visamaster:hover,
.fibo-webstore-buybtn.fibo-billing-other-btn:hover,
.fibo-webstore-buybtn:disabled {
    border: 1px solid#aaa;
    opacity: 0.5;
}

.fibo-billing-other-btn:hover {
    text-decoration: none !important;
}
.fibo-webstore-buybtn.btn-visma-pay-nordea {
    background-image: url('../img/maksu-nordea.png');
}
.fibo-webstore-buybtn.btn-visma-pay-alandsbanken {
    background-image: url('../img/maksu-alandsbanken.png');
}
.fibo-webstore-buybtn.btn-visma-pay-danske {
    background-image: url('../img/maksu-danske.png');
}
.fibo-webstore-buybtn.btn-visma-pay-handelsbanken {
    background-image: url('../img/maksu-handelsbanken.png');
}
.fibo-webstore-buybtn.btn-visma-pay-mobilepay {
    background-image: url('../img/maksu-mobilepay.png');
}
.fibo-webstore-buybtn.btn-visma-pay-nooa {
    background-image: url('../img/maksu-nooa.png');
}
.fibo-webstore-buybtn.btn-visma-pay-omasp {
    background-image: url('../img/maksu-omasp.png');
}
.fibo-webstore-buybtn.btn-visma-pay-op {
    background-image: url('../img/maksu-op.png');
}
.fibo-webstore-buybtn.btn-visma-pay-pivo {
    background-image: url('../img/maksu-pivo.png');
}
.fibo-webstore-buybtn.btn-visma-pay-siirto {
    background-image: url('../img/maksu-siirto.png');
}
.fibo-webstore-buybtn.btn-visma-pay-spankki {
    background-image: url('../img/maksu-spankki.png');
}
.fibo-webstore-buybtn.btn-visma-pay-pop {
    background-image: url('../img/maksu-pop.png');
}
.fibo-webstore-buybtn.btn-visma-pay-aktia {
    background-image: url('../img/maksu-aktia.png');
}
/*.fibo-webstore-buybtn.btn-visma-pay-visamaster:hover */
.fibo-webstore-buybtn.btn-visma-pay-visamaster
{
    background-image: url('../img/maksu-visamaster.png');
}

.fibo-webstore-buybtn.btn-visma-pay-visa {
    background-image: url('../img/maksu-visa.png');
}
.fibo-webstore-buybtn.btn-visma-pay-master {
    background-image: url('../img/maksu-mastercard.png');
}
/*--------------------------------------------*
 * Tab system
 *--------------------------------------------*/
.fibo-hidden {
    display: none;
}
.fibo-tabs .links {
    padding-top: 8px;
    clear: both;
    display: block;
}
.fibo-tabs .links .link {
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    color: #252525;
    background-color: #efefef;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-right: 10px;
}
.fibo-tabs .links .link.active {
    color: #fff;
    background-color: #222;
}
.fibo-tabs .tab {
    display: none;
}
.fibo-tabs .tab.active {
    display: block;
}

/*--------------------------------------------*
 * FiBo traffic indicators
 *--------------------------------------------*/
 #fibo-traffic-low {
   /*color: green;*/
}

#fibo-traffic-medium {
 /*   color: yellow; */
}

#fibo-traffic-high {
 /*	color: red;*/
}

.fibo-traffic-yellow {
	color: yellow !important;
	font-size: 30px !important;
}
.fibo-traffic-red {
	color: red !important;
	font-size: 30px !important;
}
.fibo-traffic-green {
	color: green !important;
	font-size: 30px !important;
}

/*--------------------------------------------*
 * FiBo profile alert
 *--------------------------------------------*/
.fibo-profile-alert {
    float: left;
    border: 0px solid red;
    padding: 10px;
}
.fibo-profile-alert .fibo-profile-alert-holder {
    display: flex;
}
.fibo-profile-alert .fibo-profile-alert-icon {
    width: 30px;
    height: 30px;
    background-color: orange;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: white;
    border-radius: 5px;
    transform: rotate(45deg);
}
.fibo-profile-alert .fibo-profile-alert-symbol {
    transform: rotate(-45deg);
}
.fibo-profile-alert .fibo-profile-alert-title {
    margin-left: 16px;
}
.fibo-profile-alert .fibo-profile-alert-note {
    margin-top: 10px;
}

/*--------------------------------------------*
 * FiBo registration
 *--------------------------------------------*/

#invoicing_p {
	font-style:italic;
	clear:both;
	float:none;
	padding-bottom:10px;
	padding-top:30px;
}

#invoicing_div {
	clear:both;
	float:none;
	padding-bottom:40px;
}

/*--------------------------------------------*
 * FiBo card registration
 *--------------------------------------------*/

 .alertify .ajs-dimmer, .alertify .ajs-modal{
    z-index: 100000 !important;
}


@media all and (max-width: 767px) {
    .fibo-webstore-buybtn.btn-bambora.btn-old-bambora,
    .fibo-webstore-buybtn.btn-bambora.btn-old-bambora:hover,
    .fibo-webstore-buybtn.btn-bambora.btn-old-bambora:focus {
        border: 0px;
        background-image: url('https://static.vismapay.com/pay_banners/column.png');
        height: 468px !important;
        width: 160px !important;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 600px) {
    .fibo-profile-bookings .fibo-profile-bookings-col {
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
        width: 150px;
    }
    .fibo-profile-bookings .fibo-profile-bookings-col.fpb-gym-visits-col {
        margin-bottom: 0px;
    }
    .fibo-profile-bookings-col ul.fibo-profile-bookings-list li {
        margin-left: 0px;
        padding: 10px;
    }
}

@media all and (min-width: 700px) {
    #osoite-tabit section.tab {
        padding-top: 2em;
    }
}