.training-cost {
    text-align: center;
    width: 60px;
    height: 60px;
    border: 4px solid #ebecee;
    border-radius: 50%;
    padding: 15px 0 15px 0;
}

.vue-form-wizard .wizard-tab-content {
    padding: 30px 0 10px !important;
}

.q-table--dense .q-table td:first-child, .q-table--dense .q-table th:first-child {
    padding-left: 4px !important;
}

.q-table--dense .q-table td, .q-table--dense .q-table th {
    padding: 4px 3px;
}

.gt-lg,
.lg-hide,
.lt-lg,
.lt-md,
.lt-sm,
.md,
.sm,
.xl,
.xs {
    display: inherit !important;
}

.q-card__actions.row {
    margin: inherit;
}

.q-btn__wrapper.col.row {
    margin: inherit;
}

.q-stepper__header.row {
    margin: inherit;
}

.col {
    min-width: inherit !important;
    max-width: inherit !important;
}

.q-tabs.row {
    margin: auto;
}

.q-btn__content.row, .q-tabs__content.row {
    margin: auto;
}

.q-btn__content.col {
    padding: inherit !important;
}

.q-tab__content.row {
    margin: auto;
}

.q-table td {
    padding: 8px 4px;
}

.q-card__section.row {
    margin: inherit;
}

.gym-layout {
    /*background: url("../images/gym_layout/master-layout.png") no-repeat scroll 0 0;*/
    /*max-width: 990px;*/
    /*height: 675px;*/
    /*overflow: scroll;*/
}

#strap_beam {
    /*background: url("../images/gym_layout/strap-beam.png") no-repeat scroll 0 0;*/
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.weight {
    background-image: url("../images/gym_layout/r_weight.png")
}

.strap_l {
    background-image: url("../images/gym_layout/r_strap_l.png");
    width: 82px !important;
    height: 43px !important;
}

.strap_r {
    background-image: url("../images/gym_layout/r_strap_r.png");
    width: 82px !important;
    height: 43px !important;
}

.bike {
    background-image: url("../images/gym_layout/r_bike.png")
}

.treadmill {
    background-image: url("../images/gym_layout/r_treadmill.png")
}

.cross {
    background-image: url("../images/gym_layout/r_cross.png")
}

.roll {
    background-image: url("../images/gym_layout/r_roll.png")
}

.bag {
    background-image: url("../images/gym_layout/r_bag.png");
    width: 82px !important;
    height: 36px !important;
    margin-left: 8px;
}

.cc-selector input:active + .gymcard-cc {
    opacity: .9;
}

.cc-selector input:checked + .gymcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.gymcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

.gymcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.cc-bag {
    height: 44px;
}

.cc-strap {
    height: 46px;
    margin-left: 4px;
}

.right-straps .cc-strap {
    margin-bottom: 30px;
}

.strap-beam img {
    position: absolute;
    left: -170%
}

.my-event {
    width: 100%;
    position: absolute;
    font-size: 12px;
}

.full-width {
    left: 0;
    width: 100%;
}

.left-side {
    left: 0;
    width: 49.75%;
}

.right-side {
    left: 50.25%;
    width: 49.75%;
}

.class-filter-toggler {
    border: 1px solid #d42a11;
    width: 100%;
    max-width: 100%;
    overflow: scroll;
}

.q-stepper__header--border {
    border-bottom: none;
}

.q-stepper--horizontal .q-stepper__step-inner {
    padding-top: 2px;
}

.class-info-icon {
    color: #757575;
}

.class-info-icon:hover {
    color: #212121;
}

.q-img__content > div {
    background: rgba(0, 0, 0, 0) !important;
}

/*.reserve-class, .q-stepper__content.q-panel-parent, .q-panel.scroll{*/
/*background-image: url("../images/schedule-bg.png") !important;*/
/*background-repeat: repeat-y;*/
/*background-repeat: repeat-x;*/
/*}*/
/*.q-stepper{*/
/*background-image: url("../images/schedule-bg.png") !important;*/
/*background-repeat: repeat-y;*/
/*background-repeat: repeat-x;*/
/*min-height: 100vh;*/
/*}*/
.reserve-class-table-data {
    background-image: url("../images/schedule-bg.png") !important;
    background-repeat: repeat-y !important;
    background-repeat: repeat-x;
}

.q-stepper__step.select-equipment {
    background-image: url(../images/schedule-bg_01.jpg) !important;
    padding: 20px 0;
    background-position: center;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

.class-title h5 {
    text-align: center;
    padding: 0 0 12px 0;
    font-size: 16pt;
    font-weight: 600;
}

.class-title h5 b {
    color: #d42a11;
}

.request-notification {
    width: 36px;
    height: 36px;
    padding: 3px 0 0 3px;
    border-radius: 50% !important;
    margin-top: 0px;
    position: absolute;
    left: 0;
}

.request-notification-body {
    text-align: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #757575;
    padding: 1px 0 0 0;
}

.class-credit-amount {
    width: 32px;
    height: 32px;
    background: linear-gradient(180deg, rgb(228, 228, 228) 0%, rgb(105, 105, 105) 100%, rgb(255, 23, 45) 100%);
    padding: 2px 0 0 2px;
    border-radius: 50% !important;
    margin-top: 2px;
    /*position: absolute;*/
    /*right: 0;*/
}

.class-credit-amount-body {
    text-align: center;
    width: 28px;
    height: 28px;
    background: #d42a11;
    border-radius: 50%;
}

.class-credit-amount-body h5 {
    color: #fff;
    font-size: 10pt;
    line-height: 2.4;
    font-weight: 600;
}

.is-promo-class {
    background: yellow;
    border-radius: 50%;
    border: 2px black solid;
    width: 28px;
    height: 28px;
    font-size: 10pt;
    line-height: 2.4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty-white-space {
    height: 34px;
}

.reserve-class-table-data {
    width: 150px;
}

.iron-dash-icon {
    width: 22px;
    margin-top: 4px;
}

button.q-btn.q-btn-item.non-selectable.no-outline.q-btn--unelevated.q-btn--rectangle.q-btn--rounded.bg-white.text-gray.q-btn--actionable.q-focusable.q-hoverable.q-btn--no-uppercase.q-btn--wrap svg {
    fill: #404040;
    margin-right: 4px;
}

button.q-btn.q-btn-item.non-selectable.no-outline.q-btn--unelevated.q-btn--rectangle.q-btn--rounded.bg-red.text-white.q-btn--actionable.q-focusable.q-hoverable.q-btn--no-uppercase.q-btn--wrap svg {
    fill: #fff;
    margin-right: 4px;
}

.full-width_adv > .q-btn__wrapper > .q-btn__content.row {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
}

.question-details-dialog {
    width: 700px !important;
    overflow-x: hidden !important;
}

.question-details-dialog .question {
    background: #000;
    color: white;
    padding: 16px;
    text-align: justify;
    word-spacing:-2px;

}

.question-details-dialog .q-card__section {
    padding: 0 0 16px 0 !important;
}

.q-card__actions--horiz > .q-btn-group + .q-btn-item, .q-card__actions--horiz > .q-btn-item + .q-btn-group, .q-card__actions--horiz > .q-btn-item + .q-btn-item {
    margin-left: 0px;
    left: 8px;
}