html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

body {
    margin: 0;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    color: var(--body-color);
    background-color: #fff;
}

body {
    /*letter-spacing: 0.02em;*/
    font-weight: 300;
    background-color: #eeece8;
}

body#subscriptions .body-subscriptions-hidden {
    display: none !important;
}

.g-recaptcha {
    display: inline-block;
    margin: 0 auto;
}

#sidebar-wrapper {
    z-index: 10000;
    left: 220px;
    top: 80px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: visible;
    overflow-x: visible;
    background: #222222;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

#sidebar-wrapper.is-open #sidebar-wrapper-button .fa-user,
#sidebar-wrapper-button .fa-close {
    display: none;
}

#sidebar-wrapper-button.is-open .fa-close {
    display: block;
}

/* CHANGE ALSO IN JS */
@media (min-width: 1600px) {
    /*#sidebar-wrapper {
        width: 220px;
        top: 80px;
    }*/
    /*.hamburger {
        display: none !important;
    }*/
}

/*@media (max-width: 1599px) {*/
#sidebar-wrapper ul {
    width: 0;
    overflow: hidden;
}
#sidebar-wrapper.is-open ul {
    width: auto;
    overflow: auto;
}
#sidebar-wrapper.is-open {
    width: 220px;
}
/*}*/

.dropdown-toggle.text-white span {
    color: #ffffff;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    height: 20px;
    max-width: calc(100% - 20px); /* added on 27.10.2022 */
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    bottom: 80px !important;
    overflow-y: auto !important;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav::-webkit-scrollbar {
    display: none;
}

.sidebar-nav li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li.sidebar-nav-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
    -moz-transition:  width .2s ease-in;
    -ms-transition:  width .2s ease-in;
    transition: width .2s ease-in;

}
.sidebar-nav li.sidebar-nav-item:before {
    background-color: #428bca;
}
.sidebar-nav li.sidebar-nav-item.active:before,
.sidebar-nav li.sidebar-nav-item:hover:before,
.sidebar-nav li.open.sidebar-nav-item:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
    -moz-transition:  width .2s ease-in;
    -ms-transition:  width .2s ease-in;
    transition: width .2s ease-in;

}

.sidebar-nav li h4,
.sidebar-nav li a {
    margin: 0;
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;
}

.sidebar-nav li.sidebar-nav-item a:hover,
.sidebar-nav li.sidebar-nav-item a:active,
.sidebar-nav li.sidebar-nav-item a:focus,
.sidebar-nav li.sidebar-nav-item.open a:hover,
.sidebar-nav li.sidebar-nav-item.open a:active,
.sidebar-nav li.sidebar-nav-item.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
    position: absolute;
    top: 10px;
    left: 100%;
    z-index: 9999;
    display: block;
    width: 41px;
    height: 41px;
    background: transparent;
    border: none;
    background: #428bca;
    padding: 6px;
    border-radius: 0 3px 3px 0;
}
.hamburger.is-open {
    top: 0;
    background: #222222;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none;
}
.hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px,0,0);
    -webkit-transition: all .35s ease-in-out;
}

.hamburger i {
    color: #ffffff;
    font-size: 30px;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    position: absolute;
    left: 3px;
    height: 3px;
    width: 32px;
    /*display: none;*/
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    display: block;
}
.hamburger.is-open i {
    display: none;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #ffffff;
}
.hamburger.is-closed .hamb-top {
    top: 6px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
    bottom: 6px;
    -webkit-transition: all .35s ease-in-out;
}

/*.hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: all .35s ease-in-out;
}*/
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: #ffffff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px,0,0);
    -webkit-transition: all .35s ease-in-out;
}

.sidebar-nav-item-calendarunique,
.sidebar-nav-item-gc,
.sidebar-nav-item-giftcard {
    display: none !important;
}

ul, li {
    list-style: none;
    text-align: left;
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    /*text-transform: uppercase;*/
    font-family: "Roboto Slab", serif;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0.12em;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.5;
}

h4, .h5 {
    margin-top: 10px;
}

h1, .h1 {
    font-size: 30px;
    line-height: 1.33;
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 60px;
        line-height: 1.16667;
    }
}

h2, .h2 {
    font-size: 28px;
    line-height: 1.5;
}

h2 mark, .h2 mark {
    padding: 5px 60px;
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 46px;
        line-height: 1.13043;
    }
}

h3, .h3 {
    font-size: 26px;
    line-height: 1.5;
    color: #0088c6;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
}

@media (min-width: 768px) {
    h3, .h3 {
        font-size: 30px;
        line-height: 1.33333;
    }
}

h4, .h4 {
    font-size: 24px;
    letter-spacing: 0.06em;
}

@media (min-width: 768px) {
    h4, .h4 {
        font-size: 22px;
        line-height: 1.36364;
    }
}

h5, .h5 {
    font-size: 22px;
    letter-spacing: 0.02em;
}

@media (min-width: 768px) {
    h5, .h5 {
        font-size: 20px;
        line-height: 1.6;
    }
}

h6, .h6 {
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
}

@media (min-width: 768px) {
    h6, .h6 {
        font-size: 18px;
        line-height: 1.55556;
    }
}

h6 a, .h6 a {
    color: #282e3e;
}

h6 a:hover, .h6 a:hover {
    color: #0088c6;
}

p {
    margin: 0 0 6px;
}

p a:hover {
    color: #0088c6;
}

a.text-base:hover,
a.text-gray:hover {
    color: #0088c6;
}

a.text-success:hover, a.text-success:focus {
    color: #0088c6;
}

mark {
    background-color: #0088c6;
    color: #fff;
}

em {
    font-style: italic;
}

.small {
    font-size: 14px;
}

.radio input[type="radio"] {
    height: auto;
}

.radio > label {
    color: #222222 !important;
}

a:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}

@media (min-width: 480px) {
    .text-xs-left {
        text-align: left;
    }
    .text-xs-center {
        text-align: center;
    }
    .text-xs-right {
        text-align: right;
    }
    .text-xs-justify {
        text-align: justify;
    }
    .text-xs-nowrap {
        white-space: nowrap;
    }
    .text-xs-normal {
        white-space: normal;
    }
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-right {
        text-align: right;
    }
    .text-sm-justify {
        text-align: justify;
    }
    .text-sm-nowrap {
        white-space: nowrap;
    }
    .text-sm-normal {
        white-space: normal;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }
    .text-md-center {
        text-align: center;
    }
    .text-md-right {
        text-align: right;
    }
    .text-md-justify {
        text-align: justify;
    }
    .text-md-nowrap {
        white-space: nowrap;
    }
    .text-md-normal {
        white-space: normal;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }
    .text-lg-center {
        text-align: center;
    }
    .text-lg-right {
        text-align: right;
    }
    .text-lg-justify {
        text-align: justify;
    }
    .text-lg-nowrap {
        white-space: nowrap;
    }
    .text-lg-normal {
        white-space: normal;
    }
}

@media (min-width: 1800px) {
    .text-xl-left {
        text-align: left;
    }
    .text-xl-center {
        text-align: center;
    }
    .text-xl-right {
        text-align: right;
    }
    .text-xl-justify {
        text-align: justify;
    }
    .text-xl-nowrap {
        white-space: nowrap;
    }
    .text-xl-normal {
        white-space: normal;
    }
}

.pull-base {
    float: none;
}

@media (min-width: 480px) {
    .pull-xs-left {
        float: left;
    }
    .pull-xs-base {
        float: none;
    }
    .pull-xs-right {
        float: right;
    }
}

@media (min-width: 768px) {
    .pull-sm-left {
        float: left;
    }
    .pull-sm-base {
        float: none;
    }
    .pull-sm-right {
        float: right;
    }
}

@media (min-width: 992px) {
    .pull-md-left {
        float: left;
    }
    .pull-md-base {
        float: none;
    }
    .pull-md-right {
        float: right;
    }
}

@media (min-width: 1200px) {
    .pull-lg-left {
        float: left;
    }
    .pull-lg-base {
        float: none;
    }
    .pull-lg-right {
        float: right;
    }
}

@media (min-width: 1800px) {
    .pull-xl-left {
        float: left;
    }
    .pull-xl-base {
        float: none;
    }
    .pull-xl-right {
        float: right;
    }
}

body#calendar #register-info,
body#calendar #register-alert,
body#calendar #register-success {
    z-index: 100;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    top: auto;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    max-width: 100%;
}

#register-info ul,
#register-info ul li,
#register-success ul,
#register-success ul li,
#register-alert ul,
#register-alert ul li {
    list-style: disc;
    padding-left: 5px;
}

#register-info ul,
#register-success ul,
#register-alert ul {
    padding-left: 10px;
    margin-left: 10px;
}

#register-info,
#register-success,
#register-alert {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
    margin: 0;
    padding: 0;
    border-width: 0;
    text-align: center;
}

body.modal-open #register-alert {
    z-index: 1000000 !important;
}

@media (max-width: 767px) {
    #register-info,
    #register-success,
    #register-alert {
        position: fixed;
        bottom: 0;
        z-index: 10;
        left: 15px;
        right: 15px;
        top: auto;
    }
    /*#register-info,*/
    #register-success,
    #register-alert {
        bottom: auto;
        top: 0;
    }
    #register-info {
        bottom: 50px;
        top: auto;
    }
}

#register-info.visible,
#register-success.visible,
#register-alert.visible {
    max-height: 500px;
    padding: 15px;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 20px;
}

hr {
    width: 100px;
    display: inline-block;
    border-bottom: 2px solid #0088c6;
    border-top: none;
    margin-bottom: 30px;
}

.page {
    overflow: hidden;
    padding-top: 80px;
}

* + .btn {
    margin-top: 30px;
}

@media (min-width: 768px) {
    * + .btn {
        margin-top: 60px;
    }
}

.btn {
    text-transform: uppercase;
    font-family: "Roboto Slab", serif;
    letter-spacing: 0.12em;
    border-width: 2px;
    transition: .4s;
    white-space: normal;
}

.btn.btn-info {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.input-group-addon.blueleaf-app-action {
    cursor: pointer;
}

.btn-lighter {
    opacity: 0.6 !important;
}

@media (min-width: 1400px) {
    .btn {
        white-space: nowrap;
    }
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 15px 30px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 18px;
    border-radius: 6px;
}

@media (min-width: 992px) {
    .page {
        padding-top: 0;
    }
}

.section {
    padding-top: 90px;
    padding-bottom: 68px;
}

@media (min-width: 1200px) {
    .section {
        padding-top: 90px;
        padding-bottom: 68px;
    }
}

.section-inset-1 {
    padding-top: 40px;
    padding-bottom: 60px;
}

@media (min-width: 1200px) {
    .section-inset-1 {
        padding-top: 70px;
        padding-bottom: 89px;
    }
}

.section-inset-2 {
    padding-bottom: 40px;
}

@media (min-width: 1200px) {
    .section-inset-2 {
        padding-bottom: 75px;
    }
}

.section-inset-3 {
    padding-top: 0;
}

.section-inset-4 {
    padding-bottom: 0;
}

body#help .page-content section:nth-child(2n+1),
.bg-gray {
    background: #FCFCFC;
    fill: #FCFCFC;
}

body#help .page-content section:nth-child(2n),
.bg-white {
    background: #FFFFFF;
    fill: #FFFFFF;
}

body#help .page-content > section,
body#help section.bg-white,
body#help section.bg-gray {
    border-bottom: 1px solid #ECECEC;
}

.bg-warning-2 {
    background-color: #fff3cd !important;
    color: rgb(153, 116, 4);
}

.bg-light {
    background-color: #f6f6f6;
}

.bg-primary {
    background-color: #282e3e;
    color: #ffffff;
}

.bg-success {
    background-color: #0088c6;
    color: #fff;
}

.section-lg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.fw-l {
    font-weight: 300;
}

.bg-box-1 {
    padding: 20px;
    border-radius: 10px;
    min-height: 500px;
    background-color: hsla(228, 5%, 21%, 0.1);
}

.bg-box-2 {
    padding: 20px;
    min-height: 500px;
    background-color: #f6f6f6;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.bg-box-3 {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.well5 {
    padding: 15px 0 0;
}

#my-account-pwd-form-wrapper,
#my-account-delete-form-wrapper,
#my-account-login-form-wrapper {
    padding-top: 20px !important;
    padding-bottom: 50px !important;
    min-height: 0 !important;
}

/**
 * GIFTCARDS
**/

#offer-when-later-date-wrapper {
    display: none;
}
input[type=radio]:checked + #offer-when-later-date-wrapper {
    display: block;
}

.box {
    position: relative;
    max-width: 600px;
    width: 90%;
    height: 400px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}

/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}
.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.ribbon-bottom-left::before {
    bottom: 0;
    right: 0;
}
.ribbon-bottom-left::after {
    top: 0;
    left: 0;
}
.ribbon-bottom-left span {
    right: -25px;
    bottom: 30px;
    transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ribbon-bottom-right::before {
    bottom: 0;
    left: 0;
}
.ribbon-bottom-right::after {
    top: 0;
    right: 0;
}
.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-225deg);
}

/**
 * TABLE
**/

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

.table {
    margin-bottom: 0;
}

.table-bordered {
    border: none;
}

@media screen and (max-width: 767px) {
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 10px 25px;
    line-height: 1.5;
    border: none;
    vertical-align: middle;
}

.table thead tr th {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Roboto Slab", serif;
    empty-cells: hide;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border-bottom: 1px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

@media screen and (max-width: 767px) {
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
}

.table-striped > tbody > tr:nth-of-type(odd), .table-striped-mod-1 > tbody > tr:nth-of-type(odd) {
    background-color: #f6f6f6;
}

.table-striped, .table-striped-mod-1 {
    border-radius: 6px 6px 0;
}

.table-striped > tbody > tr:nth-of-type(even), .table-striped-mod-1 > tbody > tr:nth-of-type(even) {
    background-color: #f6f6f6;
}

.table-striped > tbody > tr:nth-of-type(odd), .table-striped-mod-1 > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-striped tr td, .table-striped-mod-1 tr td {
    border-top: none;
}

.table-striped tr td:first-of-type, .table-striped-mod-1 tr td:first-of-type {
    text-align: left;
}

.table-striped thead tr, .table-striped-mod-1 thead tr {
    box-shadow: 0 1px 3px rgba(183, 183, 183, 0.8);
}

.table-striped thead tr.bg-primary, .table-striped-mod-1 thead tr.bg-primary {
    background-color: #282e3e;
}

.table-striped thead tr th:first-of-type, .table-striped-mod-1 thead tr th:first-of-type {
    border-radius: 6px 0 0 0;
}

.table-striped thead tr th:last-of-type, .table-striped-mod-1 thead tr th:last-of-type {
    border-radius: 0 6px 0 0;
}

.table-striped-mod-1 tbody td:first-of-type {
    width: 70%;
}

/**
 * MODAL
**/

#addtocartModalExtraClasse .calendarItemRegisterButtonsWrapper .calendarItemRegisterButtonsWrapperRow {
    display: inline-block !important;
}

#addtocartModalExtraClasse .calendarItemRegisterButtonsWrapper {
    float: none;
    text-align: center;
    display: block !important;
    margin-top: 10px;
}

#alertModal,
#abo-modal,
#multiple-modal,
#login-modal {
    z-index: 10000;
}

#abo-modal #login-links-wrapper,
#login-modal #login-links-wrapper {
    margin-top: 20px;
}

#login-modal #login-links-wrapper > div {
    text-align: right;
}

#login-modal #login-links-wrapper > div:first-child {
    text-align: left;
}

#login-modal-choice {
    margin-top: 10px;
}

#login-modal-choice button {
    margin-top: 0;
    margin-left: -5px;
    float: none;
}

.form-group-password {
    position: relative;
}

.blueleaf-app-action[data-action="toggle-password"] {
    color: var(--info-color);
    position: absolute;
    right: 6px;
    top: 17px;
    cursor: pointer;
    font-size: 23px;
}

#multiple-modal-content button.btn:not(.dropdown-toggle) {
    max-width: 100%;
    width: 100%;
    white-space: normal;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#multiple-modal-content-list {
    max-height: 300px;
    overflow: auto;
}

.event-register-multiple-item {
    margin-bottom: 10px;
    cursor: pointer;
}

.event-register-multiple-item > input {
    margin-right: 5px;
}

.event-register-multiple-item-checkbox-not-selectable {
    visibility: hidden;
}


/**
 * NAVIGATION
**/

.rd-navbar-wrap, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-fixed .rd-navbar-search .form-group {
    transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.rd-navbar-wrap, .rd-navbar, .rd-navbar-brand, .rd-navbar-slogan, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-collapse-items, .brand-name, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-search-form-input, .rd-navbar-search-form-submit, .rd-navbar-search-toggle, .rd-navbar-live-search-results, .rd-navbar-search-form {
    transition: .3s all ease;
}

.rd-navbar-wrap {
    position: relative;
    z-index: 9999;
}

.rd-navbar-static {
    display: block;
}

.rd-navbar-static.rd-navbar--is-stuck {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.11);
    height: 80px;
}

.rd-navbar-static .rd-navbar-inner {
    position: relative;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.rd-navbar-static .rd-navbar-panel {
    padding: 0;
}

.rd-navbar-static .rd-navbar-panel, .rd-navbar-static .rd-navbar-nav-wrap {
    display: table-cell;
    vertical-align: middle;
}

.rd-navbar-static .rd-navbar-panel {
    text-align: left;
    min-width: 150px;
    max-width: 160px;
}

.rd-navbar-static .rd-navbar-panel:before, .rd-navbar-static .rd-navbar-panel:after {
    content: " ";
    display: table;
}

.rd-navbar-static .rd-navbar-panel:after {
    clear: both;
}

@media (min-width: 1200px) {
    .rd-navbar-static .rd-navbar-panel {
        min-width: 190px;
        max-width: 200px;
    }
}

.rd-navbar-static .rd-navbar-panel-canvas {
    position: fixed;
    height: 56px;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 16;
}

.rd-navbar-static .rd-navbar-toggle {
    position: fixed;
    z-index: 17;
    top: 4px;
    left: 4px;
}

.rd-navbar-toggle span {
    position: relative;
    display: block;
    margin: auto;
    transition: .3s all ease;
}

.rd-navbar-toggle span:after, .rd-navbar-toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transition: .3s all ease;
}

.rd-navbar-toggle span:after {
    top: 8px;
}

.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
    width: 24px;
    height: 4px;
    background-color: #fff;
    backface-visibility: hidden;
    border-radius: 2px;
}

.rd-navbar-toggle span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rd-navbar-toggle span:before, .rd-navbar-toggle span:after {
    -webkit-transform-origin: 1.71429px center;
    -moz-transform-origin: 1.71429px center;
    -ms-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
    -webkit-transform-origin: 1.71429px center;
    -moz-transform-origin: 1.71429px center;
    -ms-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
}

@media (min-width: 1200px) {
    .header-hamburger .rd-navbar-fixed .rd-navbar-toggle span,
    .header-hamburger .rd-navbar-fixed .rd-navbar-toggle span:before,
    .header-hamburger .rd-navbar-fixed .rd-navbar-toggle span:after {
        background-color: #282e3e;
    }
}

.rd-navbar-static .rd-navbar-brand, .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-brand, .rd-navbar-fullwidth .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-search-toggle {
    position: relative;
    z-index: 2;
}

.rd-navbar-static .rd-navbar-brand {
    display: table-cell;
    vertical-align: middle;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand {
    padding-top: 4px;
}

.rd-navbar-brand .brand-name {
    color: #1c202b;
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
}

.rd-navbar-brand .brand-name img {
    height: 75px;
}

.rd-navbar-static .rd-navbar-brand > * {
    display: inline-block;
    vertical-align: middle;
}

.rd-navbar-static .rd-navbar-brand > a {
    font-size: 36px;
    line-height: 48px;
}

.rd-navbar-static .rd-navbar-nav-wrap {
    width: 100%;
    text-align: right;
}

.rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav {
    display: block;
    text-align: left;
    padding-left: 0;
}

.rd-navbar-static .rd-navbar-nav {
    margin-bottom: 0;
}

.header-minimal .rd-navbar-static .rd-navbar-nav, .header-minimal .rd-navbar-fullwidth .rd-navbar-nav {
    text-align: right;
}

.rd-navbar-static .rd-navbar-nav > li {
    display: inline-block;
}

.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a {
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-size: 13px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 4px;
}

.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a {
    display: block;
    font-weight: var(--nav-font-weight);
    font-size: var(--nav-font-size);
    line-height: 26px;
    color: var(--nav-color);
}

.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a {
    font-size: 16px;
    font-size: var(--nav-font-size);
}

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown {
    background: #282e3e;
    padding: 17px 0;
    border-radius: 6px;
    box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.11);
}

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu {
    position: absolute;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    padding: 17px 20px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
}

.rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown {
    width: 210px;
}

.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > ul, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > ul {
    box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.11);
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
    display: block;
    position: absolute;
    text-align: left;
    margin-top: 20px;
    margin-left: -35px;
    width: 270px;
    background: #282e3e;
    z-index: 5;
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu {
    top: 100%;
    z-index: 1;
}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
    margin-top: 0px;
    top: 0px
}

.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu li, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu li {
    font-size: 16px;
    line-height: 30px;
}

.rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 27px;
    color: #0088c6;
    background: transparent;
}

.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-megamenu li > a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 15px;
}

.rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-megamenu li > a {
    padding: 6px 25px;
}

.header-minimal {
    height: 108px;
    overflow: visible;
}



.rd-navbar-nav li .rd-navbar-dropdown,
.rd-navbar-nav li .rd-navbar-megamenu {
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
    height: 0;
    /*overflow: hidden;*/
}

.rd-navbar-nav li:hover > .rd-navbar-dropdown,
.rd-navbar-nav li:hover > .rd-navbar-megamenu {
    opacity: 1 !important;
    height: auto;
    visibility: visible !important;
}

@media (min-width: 993px) and (max-width: 1500px) {
    .header-minimal .rd-navbar-static .rd-navbar-nav > li:last-of-type > .rd-navbar-dropdown, .header-minimal .rd-navbar-fullwidth .rd-navbar-nav > li:last-of-type > .rd-navbar-dropdown {
        margin-left: -190px;
    }
}

.dropdown-submenu > a::after,
.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > a::after,
.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > a::after {
    content: "\f078";
    display: inline-block;
    margin-left: 5px;
    font-size: 8px;
    font-weight: 400;
    font-family: "FontAwesome";
    vertical-align: top;
    width: auto;
}

.rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
    background-color: transparent;
}

.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
    color: #0088c6;
}

.rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.rd-navbar--has-dropdown {
    position: relative;
}

.rd-navbar-static .rd-navbar-dropdown > li.active > a, .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {
    color: #fff;
    background: transparent;
}

.rd-navbar-collapse-toggle {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #0088c6;
    background-color: transparent;
    border: none;
    display: none;
    transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.rd-navbar-collapse-toggle span {
    position: relative;
    display: block;
    margin: auto;
    transition: .3s all ease;
}

.rd-navbar-collapse-toggle span::after, .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span {
    width: 24px;
    height: 4px;
    background-color: #0088c6;
    backface-visibility: hidden;
    border-radius: 2px;
}

.rd-navbar-collapse-toggle span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rd-navbar-collapse-toggle span::after, .rd-navbar-collapse-toggle span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transition: .3s all ease;
}

.rd-navbar-collapse-toggle span::after, .rd-navbar-collapse-toggle span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transition: .3s all ease;
}

.rd-navbar-collapse-toggle span::after {
    top: 8px;
}

.rd-navbar-collapse-toggle span::after, .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span {
    width: 24px;
    height: 4px;
    background-color: #0088c6;
    backface-visibility: hidden;
    border-radius: 2px;
}

.rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after {
    -webkit-transform-origin: 1.71429px center;
    -moz-transform-origin: 1.71429px center;
    -ms-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
    -webkit-transform-origin: 1.71429px center;
    -moz-transform-origin: 1.71429px center;
    -ms-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
}

.rd-navbar-collapse-toggle.active span::before, .rd-navbar-collapse-toggle.active span::after {
    top: 0;
    width: 15px;
}

.rd-navbar-collapse-toggle.active span::after {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg);
}

.rd-navbar-collapse-toggle.active span::before {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-collapse-toggle.active span {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

@media (min-width: 992px) {
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .dropdown-submenu > .dropdown-menu {
        position: relative;
        top: auto;
        left: auto;
        z-index: 1000;
        display: block;
        float: none;
        min-width: 0;
    }
    .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a {
        display: block;
        font-weight: 700;
        font-size: 14px;
        line-height: 26px;
        color: #ffffff;
    }
    header.page-head {
        position: fixed;
        z-index: 10;
    }
    .rd-navbar {
        display: block;
    }
    .rd-navbar-collapse-toggle {
        display: inline-block;
    }
    .rd-navbar-nav-wrap {
        position: fixed;
        top: -56px;
        left: 0;
        width: 232px !important;
        padding: 112px 0 56px;
        bottom: -56px;
        color: #fff;
        background: transparent;
        z-index: 15;
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .rd-navbar-nav-wrap.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .rd-navbar-nav-wrap {
        background-color: #282e3e;
        top: 80px;
        margin-top: 0;
        padding-top: 30px;
    }
    .rd-navbar-brand {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 4px;
        width: calc(100% - 104px);
    }
    .rd-navbar-brand {
        display: block;
        text-align: left;
        position: fixed;
        top: 4px;
        left: 56px;
        right: 112px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 22px;
        line-height: 46px;
        height: 48px;
        z-index: 17;
        height: auto;
    }
    .rd-navbar-static .rd-navbar-brand {
        display: inline-block;
        position: relative;
        left: 0;
        top: 0;
    }
    .rd-navbar-static .rd-navbar-panel {
        text-align: left;
        min-width: 150px;
        display: block;
        max-width: none;
        height: 80px;
        padding: 0;
    }
    .rd-navbar-static .rd-navbar-panel button {
        margin-top: 20px;
    }
    .rd-navbar-static .rd-navbar-nav > li {
        display: block;
        float: none;
    }
    .rd-navbar-static .rd-navbar-nav  ul,
    .rd-navbar-static .rd-navbar-nav  li {
        list-style: none;
    }
    .rd-navbar-static .rd-navbar-nav > li a {
        text-align: left;
        padding-left: 20px;
    }
    .rd-navbar-static .rd-navbar-nav li:hover > a {
        color: #0088c6;
    }
    .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown li a {
        font-size: 14px !important;
        color: #ffffff;
    }
    .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown li.active a {
        font-size: 14px !important;
        color: #0088c6;
    }
    .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
    .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        position: relative;
        margin-left: 0;
        padding-left: 30px;
        position: relative;
        top: auto;
        width: 100%;
        box-shadow: none;
        height: auto;
        padding-top: 5px;
    }
    .rd-navbar-static .rd-navbar-nav > li i {
        float: right;
        margin-right: 20px;
        margin-top: 3px;
    }
    .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
        color: #0088c6;
    }
}

/**
 * END OF NAVIGATION
**/

/**
 * FOOTER
**/

.page-foot {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-foot .copyright {
    color: #b7b7b7;
    margin-top: 30px;
}

.page-foot .copyright {
    margin-top: 5px;
}

.page-foot.bg-primary p, .page-foot.bg-primary dt, .page-foot.bg-primary dd, .page-foot.bg-primary time {
    color: #b7b7b7;
}

footer .well5 {
    padding: 0;
}

footer p {
    font-size: 14px;
}

/**
 * END OF FOOTER
**/



/*
* @subsection   RD Mail Form
*
* @description  Describes style declarations for RD Mail Form extension
*
* @author       Aleksey Patsurkivskiy
* @version      2.0.0
*/
.rd-mailform {
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.rd-mailform fieldset {
    border: none;
}

.rd-mailform fieldset > .row + .row {
    margin-top: 11px;
}

.rd-mailform {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 25px;
    text-align: center;
}

.rd-mailform:first-child {
    margin-top: 0;
}

.rd-mailform label {
    font-weight: 500;
    color: #0088c6;
    padding-left: 5px;
}

.rd-mailform input, .rd-mailform select, .rd-mailform .rd-mailform-select {
    height: 60px;
    font-weight: 300;
    text-align: left;
    /*border: none;*/
    border-color: #EEEEEE;
    border-radius: 6px;
}

.rd-mailform .select .rd-select-menu {
    z-index: 9999;
    display: block;
    opacity: 0;
    visibility: hidden;
}

.rd-mailform .select .rd-select-open .rd-select-menu {
    opacity: 1;
    visibility: visible;
}

.rd-mailform .select label {
    margin-bottom: 0;
}

.rd-mailform input[type="text"], .rd-mailform input[type="date"], .rd-mailform input[type="email"], .rd-mailform input[type="password"], .rd-mailform textarea, .rd-mailform .rd-mailform-select {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding: 13px 18px;
    border: none;
    border-radius: 6px;
    line-height: 34px;
    color: #222;
    background: #f6f6f6;
}

.textarea-style,
.rd-mailform textarea[name="order-message"] {
    background: #ececec;
    margin-top: 30px;
    margin-bottom: 30px;
}

.rd-mailform .checkbox input[type="checkbox"] {
    display: block;
    /*width: 100%;*/
    font-size: 16px;
    font-weight: 300;
    padding: 13px 18px;
    border: none;
    border-radius: 6px;
    line-height: 34px;
    color: #222;
    background: #f6f6f6;
    height: auto;
}

.rd-mailform input:-moz-placeholder, .rd-mailform textarea:-moz-placeholder, .rd-mailform .rd-mailform-select:-moz-placeholder {
    color: #b7b7b7;
    opacity: 1;
    transition: 0.3s;
}

.rd-mailform input::-webkit-input-placeholder, .rd-mailform textarea::-webkit-input-placeholder, .rd-mailform .rd-mailform-select::-webkit-input-placeholder {
    color: #b7b7b7;
    opacity: 1;
    transition: 0.3s;
}

.rd-mailform input::-moz-placeholder, .rd-mailform textarea::-moz-placeholder, .rd-mailform .rd-mailform-select::-moz-placeholder {
    color: #b7b7b7;
    opacity: 1;
    transition: 0.3s;
}

.rd-mailform input:-ms-input-placeholder, .rd-mailform textarea:-ms-input-placeholder, .rd-mailform .rd-mailform-select:-ms-input-placeholder {
    color: #b7b7b7;
    opacity: 1;
    transition: 0.3s;
}

.rd-mailform input:focus:-moz-placeholder, .rd-mailform textarea:focus:-moz-placeholder, .rd-mailform .rd-mailform-select:focus:-moz-placeholder {
    opacity: 0.4;
}

.rd-mailform input:focus::-webkit-input-placeholder, .rd-mailform textarea:focus::-webkit-input-placeholder, .rd-mailform .rd-mailform-select:focus::-webkit-input-placeholder {
    opacity: 0.4;
}

.rd-mailform input:focus::-moz-placeholder, .rd-mailform textarea:focus::-moz-placeholder, .rd-mailform .rd-mailform-select:focus::-moz-placeholder {
    opacity: 0.4;
}

.rd-mailform input:focus:-ms-input-placeholder, .rd-mailform textarea:focus:-ms-input-placeholder, .rd-mailform .rd-mailform-select:focus:-ms-input-placeholder {
    opacity: 0.4;
}

.rd-mailform textarea {
    resize: vertical;
    overflow: auto;
    min-height: 60px;
    height: 191px;
    max-height: 286.5px;
}

.rd-mailform > * + * {
    margin-top: 10px;
}

@media (min-width: 1200px) {
    .rd-mailform {
        margin-top: 11px;
    }
    .rd-mailform *:nth-child(2) {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .rd-mailform.row .col-xs-12 {
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .rd-mailform.row .col-sm-6:nth-child(n+3) {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .rd-mailform.row .col-sm-6:nth-child(odd) {
        padding-right: 5px;
    }
    .rd-mailform.row .col-sm-6:nth-child(even) {
        padding-left: 5px;
    }
    .rd-mailform.row .col-sm-6.left-col {
        padding-left: 15px;
        padding-right: 5px;
    }
    .rd-mailform.row .col-sm-6.right-col {
        padding-left: 5px;
        padding-right: 15px;
    }
}

div[class^="rd-mailform-validate"] {
    position: fixed;
    left: 50%;
    bottom: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 400px;
    min-height: 50px;
    font-weight: 700;
    text-align: center;
    padding: 12px 25px 10px 40px;
    font-size: 16px;
    opacity: 0;
    transition: .3s;
    color: #fff;
    background: #ff6859;
    z-index: 999;
    pointer-events: none;
}

div[class^="rd-mailform-validate"]:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[class^="rd-mailform-validate"].success {
    opacity: 1;
}

div[class^="rd-mailform-validate"].error {
    opacity: 1;
}

.mfInput {
    position: relative;
}

#subscriptions-currency-wrapper {
    margin-bottom: 30px;
}

.subscriptions-currency-item {
    margin-top: 0 !important;
}

.subscribe .mfInput {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 768px) {
    .subscribe .mfInput {
        width: 62%;
    }
}

.subscribe .btn {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .subscribe .btn {
        margin-top: 0;
        margin-left: 10px;
    }
}

.subscribe .btn-sm, .subscribe .btn-group-sm > .btn {
    padding-left: 23px;
    padding-right: 23px;
    min-width: 0;
}

.label-big-check {
    position: relative;
    display: block;
    padding: 15px 0 15px 35px;
    margin: 0;
    border-top: 1px solid #eee;
    cursor: pointer;
}
.label-big-check input {
    display: none;
}
.label-big-check .check-title {
    /*font-size: .9em;*/
    font-weight: 500;
    cursor: pointer;
}
.label-big-check input[type="checkbox"] + .check-title:before {
    position: absolute;
    top: 14px;
    left: 0;
    width: 30px;
    font-family: FontAwesome;
    content: "\f096";
    font-size: 1.8em;
    line-height: 1;
    color: #aaa;
}
.label-big-check input[type="checkbox"]:checked + .check-title:before {
    content: "\f14a";
    color: #428bca;
}

/**
 * RD Select Menu
 * @Section
 */
.form-group {
    text-align: left;
}

label {
    display: block;
}

ol, ul {
    list-style: none;
}

.rd-mailform-select {
    display: block;
    font-size: 18px;
    line-height: 30px;
    border: 1px solid #ebebeb;
    padding: 3px 20px;
    height: 40px;
}

.rd-select {
    position: relative;
    cursor: pointer;
}

.rd-select-value {
    display: block;
}

.rd-select-value-icon {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.rd-select-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: left;
    color: #333;
    border: 1px solid #ebebeb;
    background: #fff;
    padding: 4px 0 4px 4px;
    max-height: 200px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}

.rd-select-menu li + li {
    margin-top: 4px;
}

.rd-select-menu::-webkit-scrollbar {
    width: 4px;
    height: 0;
}

.rd-select-menu::-webkit-scrollbar-thumb {
    background: #cccccc;
}

.rd-select-option {
    cursor: pointer;
    font-size: 18px;
    line-height: 30px;
    padding: 5px 20px;
    transition: .3s all;
}

.rd-select-option:hover, .rd-select-option.selected {
    background: #eee;
}

.rd-select-open .rd-select-menu {
    display: block;
}

/**
 * RD Timepicker
 * @Section
 */
.rd-timepicker {
    width: 300px;
    z-index: 10;
    transform: translate(-50%, 30px);
    left: 50%;
    top: 60px;
    position: absolute;
    margin-right: auto;
    background: white;
    box-shadow: 3px 5px 30px 0px rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    transition: 0.4s all ease-out;
    pointer-events: none;
}

.rd-timepicker.rd-timepicker--active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0px);
    pointer-events: all;
}

.rd-timepicker:before {
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 10px solid #00796B;
}

.rd-timepicker-panel {
    background: #00796B;
    text-align: center;
    position: relative;
    height: 60px;
    padding: 0 50px;
}

.rd-timepicker-time {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 38px;
    line-height: 60px;
    color: #fff;
}

.rd-timepicker-time__hours, .rd-timepicker-time__minutes {
    opacity: 0.7;
    cursor: pointer;
    font-weight: 400;
    color: #fff;
}

.rd-timepicker .rd-timepicker-time--active {
    opacity: 1;
}

.rd-timepicker-meridiem {
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.rd-timepicker-meridiem__item {
    display: block;
    line-height: 1.4;
    font-weight: 400;
    font-size: 16px;
    opacity: 0.7;
    cursor: pointer;
    color: #fff;
}

.rd-timepicker-wrapper {
    width: 275px;
    height: 275px;
    margin: 20px auto;
    border-radius: 50%;
    background: #eeeeee;
    position: relative;
}

.rd-timepicker-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #00796B;
    border-radius: 50%;
}

.rd-timepicker-line {
    position: absolute;
    background-color: #00796B;
    width: 2px;
    height: 125px;
    top: 136.5px;
    left: 136.5px;
    transform-origin: 1px 1px;
    transform: rotate(180deg);
}

.rd-timepicker-display {
    color: #3d3a3b;
    opacity: 0;
    transform: scale(1.2);
    visibility: hidden;
    transition: .4s ease;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rd-timepicker-display-inner li {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    top: 117.5px;
    left: 117.5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
}

.rd-timepicker-display-inner li.rd-timepicker-display__item--active {
    background: #00796B;
    color: #fff;
}

.rd-timepicker-display-inner > *:nth-of-type(1) {
    transform: rotate(-60deg) translate(117.5px) rotate(60deg);
}

.rd-timepicker-display-inner > *:nth-of-type(2) {
    transform: rotate(-30deg) translate(117.5px) rotate(30deg);
}

.rd-timepicker-display-inner > *:nth-of-type(3) {
    transform: rotate(0deg) translate(117.5px) rotate(0deg);
}

.rd-timepicker-display-inner > *:nth-of-type(4) {
    transform: rotate(30deg) translate(117.5px) rotate(-30deg);
}

.rd-timepicker-display-inner > *:nth-of-type(5) {
    transform: rotate(60deg) translate(117.5px) rotate(-60deg);
}

.rd-timepicker-display-inner > *:nth-of-type(6) {
    transform: rotate(90deg) translate(117.5px) rotate(-90deg);
}

.rd-timepicker-display-inner > *:nth-of-type(7) {
    transform: rotate(120deg) translate(117.5px) rotate(-120deg);
}

.rd-timepicker-display-inner > *:nth-of-type(8) {
    transform: rotate(150deg) translate(117.5px) rotate(-150deg);
}

.rd-timepicker-display-inner > *:nth-of-type(9) {
    transform: rotate(180deg) translate(117.5px) rotate(-180deg);
}

.rd-timepicker-display-inner > *:nth-of-type(10) {
    transform: rotate(210deg) translate(117.5px) rotate(-210deg);
}

.rd-timepicker-display-inner > *:nth-of-type(11) {
    transform: rotate(240deg) translate(117.5px) rotate(-240deg);
}

.rd-timepicker-display-inner > *:nth-of-type(12) {
    transform: rotate(270deg) translate(117.5px) rotate(-270deg);
}

.rd-timepicker-display--active {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}

/**
 * CALENDAR
**/

#family-user-selector-helper {
    margin-top: 5px;
}

.calendargroupitembloc .pricing-body {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .calendargroupitembloc .pricing-body {
        max-height: none;
    }
}

.calendarGroupItem .pricing-body {
    padding: 15px;
}

.calendarGroupItem {
    padding-bottom: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.calendarGroupItem h3 {
    font-size: 24px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.calendarGroupItem .pricing-head {
    display: table;
    width: 100%;
}

.calendarGroupItem .pricing-footer .calendarItemRegisterButton {
    float: none;
}

.bordl {
    border-left: 1px solid #cdcdcd;
}

.ajde_evcal_calendar .evoWV_days .evo_wv_day.active {
    background-color: #fbf4c5;
}

.event_description {
    height: 0;
    overflow: hidden;
    transition: .3s all ease;
}

.event_description.open {
    height: auto;
}

#evcal_head > h3 {
    display: inline-block;
    width: auto;
}

.evo_cal_above_content {
    height: 10px;
}

.evo-gototoday-btn,
.evo-gototoday-btn a {
    background: #0088c6 !important;
    color: #ffffff !important;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0.8 !important;
}

.evo-gototoday-btn:hover,
.evo-gototoday-btn a:hover {
    background: #0088c6 !important;
    opacity: 1 !important;
}

#calendar-week-select-wrapper {
    width: 100%;
}

#calendar-week-select-wrapper > .btn-group {
    max-width: 400px;
}

#calendar-week-select-wrapper > .btn-group span.text {
    text-align: center;
    font-family: "Roboto", sans-serif;
}

#calendar-week-select-wrapper > .btn-group > button {
    max-height: 36px;
}

#calendar-week-select-wrapper > .btn-group {
    float: right;
}

@media (max-width: 767px) {
    #calendar-week-select-wrapper > .btn-group {
        float: right;
    }
}

.bootstrap-select.btn-group .dropdown-menu li.defined a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.eventon_list_event_day_title .desc_trig:hover {
    background-color: #4cc2e6 !important;
    border-left-width: 3px !important;
    cursor: default !important;
}
.eventon_list_event_day_title .desc_trig {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #4cc2e6;
}
.eventon_list_event_day_title .evcal_event_title {
    text-transform: uppercase;
    font-size: 24px;
}

.eventon_list_event_day_title {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}


.eventon_events_list .eventon_list_event .evcal_desc .evcal_time::before {
    display: none;
}

.evcal_place {
    display: none;
}

#calendar-main-container.view-mode-day-calendar .evcal_desc .evcal_place {
    display: inline;
}

.eventon_events_list .eventon_list_event .evcal_desc .evcal_time {
    font-style: normal;
    padding-left: 5px;
    margin-right: 5px;
    position: relative;
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.evcal_desc .evcal_desc3 em {
    font-size: 14px;
}

.evoWV_days .evo_wv_day .day_events {
    margin-top: -4px;
    line-height: 14px;
}

.calendarItemRegisterButtonsWrapper {
    float: right;
    display: table !important;
}

.calendarItemRegisterButtonsWrapperRow {
    display: table-row !important;
}

.calendarItemRegisterButtonsWrapperRow > span {
    display: table-cell !important;
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}

.calendarItemRegisterButtonLabel.text-success {
    color: #398439 !important;
}

.calendarItemRegisterButtonLabel.text-primary {
    color: #357ebd !important;
}

.calendarItemRegisterButtonLabel {
    text-align: right;
    font-weight: bold;
}

#account-my-sessions-table .calendarItemRegisterButtonLabel {
    display: none !important;
}

#account-my-sessions-table .bl-account-my-sessions-hidden {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

.account-my-sessions-row-past {
    opacity: 0.4;
}

.calendarItemRegisterButton {
    float: right;
}

.calendarItemDetailButton {
    float: left;
    margin: 0;
}

.event-register-multiple-passe-select-wrapper .form-control {
    height: auto;
}

.event-register-multiple-passe-select-wrapper .form-control > .btn {
    margin: 0 !important;
}

.event-register-multiple-passe-select-wrapper .form-control > .btn > span.filter-option {
    width: 95%;
}

@media (max-width: 767px) {
    .calendarItemDetailButton,
    .calendarItemRegisterButton {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .calendarItemDetailButton {
        float: right;
        clear: both;
        margin-bottom: 7px;
        margin-left: 10px;
    }
}

.calendar-alert-session-canceled {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 0;
    margin: 0;
}

#calendar-month-mode-wrapper .calendar-alert-session-canceled,
#calendar-week-mode-table .calendar-alert-session-canceled {
    padding: 2px;
    font-size: 10px;
}

@media (max-width: 767px) {
    .calendar-alert-session-canceled {
        top: auto;
        right: auto;
        bottom: 10px;
        left: 10px;
    }
}

.event-wrapper {
    position: relative;
}

body#calendarbooking #classes-filters-item-view-mode-wrapper {
    display: none !important;
}

body#calendarbooking #subscriptions-items-wrapper {
    text-align: center;
}

body#calendarbooking #subscriptions-items-wrapper .subscriptionItem {
    display: inline-block;
    float: none;
}

body#calendarbooking .event-wrapper.in-cart .in-cart-icon {
    display: block !important;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    color: #fff;
}

body#calendarbooking .event-not-available {
    visibility: hidden !important;
}

body#calendarbooking .event-not-available-but-display {
    opacity: 0.4 !important;
}

body#calendarbooking .event-not-available-but-display.event-wrapper-focus {
    opacity: 1 !important;
}

body#calendarbooking .calendarItemRegisterButtonLabel {
    display: none !important;
}

body#calendarbooking .event-wrapper.event-full:after {
    z-index: 2;
    position: absolute;
    background: rgba(255,255,255,0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
}

body#calendarbooking #classes-filters-item-view-mode-wrapper {
    display: inline-block;
    float: none;
}

@media (min-width: 992px) {
    .view-mode-day-calendar #classes-filters-item-view-mode-wrapper {
        width: 60%;
    }
}

body#calendarbooking #classes-filters-item-categ-wrapper,
body#calendarbooking #classes-filters-item-places-wrapper,
body#calendarbooking .event-wrapper.event-full .calendarItemRegisterButtonsContainer,
body#calendarbooking .event-wrapper.calendarItemDetailButton {
    display: none;
}

.event-wrapper-categ-item.past-session {
    opacity: 0.6;
}

.event-wrapper-categ-item.past-session.event-wrapper-focus {
    opacity: 1;
}

.event-canceled .desc_trig_outter {
    opacity: 0.3;
}

.event-classe-description strong {
    font-weight: bold !important;
}

.event-classe-description i {
    font-style: italic !important;
}

.event-classe-description,
.event-classe-description li,
.event-classe-description p {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #656565 !important;
}

.event-classe-description,
.event-classe-description p {
    line-height: 1.6em !important;
}

.event-classe-description p {
    display: block !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.evcal_evdata_row .evcal_evdata_cell .event-classe-description p {
    font-style: normal;
}

.event-classe-description ol {
    display: block !important;
    list-style: decimal !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 40px !important;
}

ul.ul-style-1,
.event-classe-description ul {
    display: block !important;
    list-style: disc !important;
    margin-top: 1em !important;
    margin-bottom: 1 em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 40px !important;
}

ul.ul-style-1 li,
.event-classe-description li {
    display: list-item !important;
}

ul.ul-style-1 li,
.event-classe-description ul li {
    list-style: disc !important;
}

.event-classe-description ol li {
    list-style: decimal !important;
}

.event-classe-description a {
    color: #0088c6 !important;
    font-style: normal !important;
}

.event-classe-description a > i,
.event-classe-description i > a {
    font-style: normal !important;
}

.event-classe-description a:hover {
    text-decoration: underline !important;
}

.evo_card_organizer_name_t {
    color: #0088c6 !important;
    font-weight: bold !important;
}

#calendar-main-container.container-fluid {
    max-width: 94%;
    margin: 0 auto;
}

@media (min-width: 768px) {

    #calendar-month-mode-wrapper,
    #calendar-week-mode-table {
        word-wrap: break-word;
        min-width: 600px;
    }

}

#calendar-month-mode-wrapper .event-wrapper,
#calendar-week-mode-table th .event-wrapper,
#calendar-week-mode-table td .event-wrapper {
    margin-bottom: 1px;
}

#calendar-month-mode-wrapper li,
#calendar-week-mode-table th,
#calendar-week-mode-table td {
    padding: 1px 5px;
}

.calendar-week-mode-table-header #calendar-week-select-wrapper .bootstrap-select {
    float: none;
}

.calendar-week-mode-table-header #calendar-week-select-wrapper {
    text-align: center;
}

.calendar-week-mode-table-header th.eventon_weeklyview {
    height: 50px;
    width: auto !important;
}

.calendar-week-mode-table-header th.eventon_weeklyview .evowv_arrow {
    top: 0;
}

.calendar-week-mode-table-header th.eventon_weeklyview .evowv_arrow i {
    margin-top: 11px;
}

.calendar-week-mode-table-header th {
    font-size: 24px;
    font-weight: 400;
    background-color: #4cc2e6 !important;
    color: #FFFFFF;
    padding: 5px !important;
    line-height: 1.2em !important;
    width: auto !important;
    border-radius: 0 !important;
}

.calendar-week-mode-table-header th .day {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.0em !important;
}

.calendar-week-mode-table-row {
}

.calendar-week-mode-table-row td .evcal_event_title {
    /*max-width: calc(94% / 7);*/
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus,
.calendar-week-mode-table-row td .event-wrapper.event-wrapper-not-focus {
    max-width: 200px;
}

.calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal !important;
    font-size: 14px;
    display: block;
    color: #FFFFFF;
}

#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title {
    font-size: 14px;
    display: block;
    color: #FFFFFF;
    max-width: 100%;
    width: 100%;
}

@media (max-width: 1800px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 180px;
    }
}

@media (max-width: 1700px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 160px;
    }
}

@media (max-width: 1600px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 140px;
    }
}

@media (max-width: 1500px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 130px;
    }
}

@media (max-width: 1400px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 120px;
    }
}

@media (max-width: 1300px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 110px;
    }
}

@media (max-width: 1200px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 100px;
    }
}

@media (max-width: 1100px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 90px;
    }
}

@media (max-width: 1000px) {
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,*/
    .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title,
    .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
        max-width: 80px;
    }
}

@media (max-width: 767px) {
    #calendar-month-mode-wrapper .event-wrapper-container,
    /*#calendar-month-mode-wrapper .event-wrapper-not-focus .evcal_event_title,*/
    #calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper {
        max-width: 100%;
        width: 100%;
    }
}

#calendar-month-mode-wrapper .event-wrapper-not-focus.event-wrapper,
#calendar-month-mode-wrapper li,
.calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper,
#calendarbooking .calendar-week-mode-table-row:not(.calendar-week-mode-table-row-empty) td .event-wrapper-not-focus.event-wrapper,
.calendar-week-mode-table-row td {
    height: 80px;
}

#calendarbooking .calendar-week-mode-table-row.calendar-week-mode-table-row-empty td .event-wrapper-not-focus.event-wrapper {
    height: 40px;
}

.calendar-week-mode-table-header th.calendar-week-mode-table-row-item-first,
.calendar-week-mode-table-row-item-first {
    position: absolute;
    background-color: transparent !important;
    border: none !important;
    margin-left: -40px;
    margin-top: 10px;
    padding: 0 !important;
}

.calendar-week-mode-table-row-time {
    font-size: 14px;
    letter-spacing: -1px;
}

@media (max-width: 767px) {
    .calendar-week-mode-table-header th.calendar-week-mode-table-row-item-first,
    .calendar-week-mode-table-row-item-first {
        margin-left: -35px;
    }
    .calendar-week-mode-table-row-time {
        font-size: 11px;
    }
    .calendar-week-mode-table-row-item-first {
        margin-left: -21px;
        margin-top: 15px;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_time,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_time {
    display: block;
    font-size: 11px;
    color: #FFFFFF;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_time_online {
    display: block;
}

#calendar.month #calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_time,
#calendar.month #calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_time {
    /*display: inline-block;
    margin-right: 5px;
    max-width: 50%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    display: block;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-focus .calendarItemDetailButton,
#calendar-week-mode-table .event-wrapper.event-wrapper-focus .calendarItemDetailButton {
    display: none;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-focus .event_description,
#calendar-week-mode-table .event-wrapper.event-wrapper-focus .event_description {
    height: auto;
    overflow: auto;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-focus,
#calendar-week-mode-table .event-wrapper.event-wrapper-focus {
    text-align: left;
}

.event-item-window-close-wrapper {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    opacity: 0.5;
    z-index: 2;
}

.event-item-window-close-wrapper:hover {
    opacity: 1;
}

.event-item-window-close-wrapper i {
    color: #222222 !important;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-focus .event-item-window-close-wrapper,
#calendar-week-mode-table .event-wrapper.event-wrapper-focus .event-item-window-close-wrapper {
    display: block;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-focus,
#calendar-week-mode-table .event-wrapper.event-wrapper-focus {
    width: 98%;
    max-width: 600px;
    margin: 0 auto;
    position: fixed;
    z-index: 10000;
    top: 100px;
    height: auto;
    max-height: none;
    left: 0;
    right: 0;
    background: #FFFFFF !important;
    max-height: 90%;
    overflow: auto;
}

.evo_metarow_ICS {
    display: none;
}

#calendar-month-mode-wrapper .event-wrapper-container {
    text-align: left;
}

#calendar-week-mode-table .event-wrapper-container {
    text-align: center;
}

#calendar-month-mode-wrapper .event-wrapper-container.event-wrapper-container-focus:after,
#calendar-week-mode-table .event-wrapper-container.event-wrapper-container-focus:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 20;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus {
    display: inline-block;
    overflow: hidden;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_time .fa,
#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_desc3,
#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_status,
#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .calendarItemDetailButton,
#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .calendarItemRegisterButtonsContainer,
#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .event-date,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_time .fa,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_desc3,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_status,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .calendarItemDetailButton,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .calendarItemRegisterButtonsContainer,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .event-date {
    display: none;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_status.evcal_time .fa,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_status.evcal_time .fa {
    display: inline;
}

#calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus .evcal_status.evcal_time,
#calendar-week-mode-table .event-wrapper.event-wrapper-not-focus .evcal_status.evcal_time {
    display: block;
}

#evcal_list .event-wrapper {
    background-color: transparent !important;
}

#calendarbooking.week #calendar-week-mode-table-wrapper {
    overflow-y: hidden;
}

#calendarbooking #calendar-week-mode-table-wrapper.event-wrapper-rendering .event-wrapper-render-td {
    vertical-align: top;
}

#calendarbooking #calendar-week-mode-table-wrapper.event-wrapper-rendering .event-wrapper-render-td .event-wrapper-render:not(.event-wrapper-container-focus) {
    position: relative;
}

#calendarbooking #calendar-week-mode-table-wrapper.event-wrapper-rendering .event-wrapper-render-td .event-wrapper-not-focus {
    position: absolute;
    top: 0;
    max-width: 100%;
    left: 0;
    width: 100%;
}

#calendar-widget-mode-wrapper {
    width: 100%;
}

#calendar-widget-mode-wrapper ul {
    display: block;
    padding: 0;
    height: 34px;
}

#calendar-widget-mode-wrapper ul li {
    display: inline-block;
    width: calc(100% / 7);
    float: left;
}

#calendar-widget-mode-wrapper ul li div {
    opacity: 0.35;
}

#calendar-widget-mode-wrapper ul li .clickable {
    opacity: 1;
    cursor: pointer;
}

#calendar-widget-mode-wrapper ul li .clickable.clicked {
    background: var(--primary-bg-color);
    color: #FFFFFF;
}

/* ADDED ON 13.10.2022: in order to have parallel items on the same line  */

body#calendar #calendar-week-mode-table-wrapper {
    overflow-x: visible;
}

body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-header,
body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-row {
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    gap: 10px;*/
    display: block;
    margin-bottom: 2px;
    height: 84px;
}

body#calendar #calendar-week-mode-table-wrapper  thead >.calendar-week-mode-table-header:first-child {
    /*gap: 0;*/
}

body#calendar #calendar-week-mode-table-nav-wrapper  thead >.calendar-week-mode-table-header:first-child th {
    width: calc(100% / 3) !important;
}

body#calendar #calendar-week-mode-table-wrapper tfoot {
    opacity: 0.6;
}

body#calendar .eventon_weeklyview .evowv_arrow {
    line-height: 84px;
}

body#calendar .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper,
body#calendar .calendar-week-mode-table-row td{
    height: 80px;
}

body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-row.calendar-week-mode-table-row-empty td,
body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-row.calendar-week-mode-table-row-empty,
body#calendarbooking:not(.week) #calendar-week-mode-table-wrapper .calendar-week-mode-table-row.calendar-week-mode-table-row-empty td,
body#calendarbooking:not(.week) #calendar-week-mode-table-wrapper .calendar-week-mode-table-row.calendar-week-mode-table-row-empty {
    height: 40px !important;
}

body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-row.calendar-week-mode-table-row-empty .calendar-week-mode-table-row-item-first {
    opacity: 0.4;
}

body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-header th,
body#calendar #calendar-week-mode-table-wrapper .calendar-week-mode-table-row td {
    display: inline-block;
    /*width: 100% !important;*/
    /*height: auto !important;*/
    height: 84px !important;
    margin: 0;
    float: left;
    white-space: normal !important;
}

body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-row-item-first,
body#calendar .calendar-week-mode-table-row-item-first {
    max-width: 40px !important;
    left: 10px;
    /*text-align: right !important;*/
}

body#calendar #calendar-month-mode-wrapper .event-wrapper-container,
body#calendar #calendar-week-mode-table .event-wrapper-container {
    overflow: hidden;
    display: inline-block;
}

body#calendar #calendar-month-mode-wrapper .event-wrapper-container {
    max-width: 100%;
}

body#calendar #calendar-month-mode-wrapper .calendar-week-mode-table-row td .event-wrapper.event-wrapper-not-focus,
body#calendar #calendar-week-mode-table .calendar-week-mode-table-row td .event-wrapper.event-wrapper-not-focus {
    max-width: 100%;
}

body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-2,
body#calendar .calendar-week-mode-table-column-size-2 {
    width: calc(100% / 2) !important;
}

body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-1,
body#calendar .calendar-week-mode-table-column-size-1 {
    width: calc(100% / 1) !important;
}

@media (min-width: 1099px) {

    body#calendar .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title {
        white-space: normal;
        line-height: 1.2em;
        font-weight: 600 !important;
    }

    body#calendar #calendar-month-mode-wrapper .event-wrapper.event-wrapper-not-focus,
    body#calendar #calendar-week-mode-table .event-wrapper.event-wrapper-not-focus {
        padding: 4px;
    }

}
@media (min-width: 992px) {

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-column-size-7 {
        width: calc(100% / 7) !important;
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-column-size-6 {
        width: calc(100% / 6) !important;
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-column-size-5 {
        width: calc(100% / 5) !important;
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-column-size-4 {
        width: calc(100% / 4) !important;
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-column-size-3 {
        width: calc(100% / 3) !important;
    }

}

@media (max-width: 991px) {

    body#calendar #calendar-week-mode-table-wrapper  thead >.calendar-week-mode-table-header:first-child th {
        width: 5%;
    }

    body#calendar #calendar-week-mode-table-wrapper  thead >.calendar-week-mode-table-header:first-child th:nth-child(2) {
        width: 90%;
    }

    body#calendar #calendar-week-mode-table-wrapper.table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    body#calendar .calendar-week-mode-table-column-overall-size-7 {
        width: calc(7 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-6 {
        width: calc(6 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-5 {
        width: calc(5 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-4 {
        width: calc(4 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-3 {
        width: calc(3 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-2 {
        width: calc(2 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-1 {
        width: calc(1 * 300px);
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-2,
    body#calendar .calendar-week-mode-table-column-size-2,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-1,
    body#calendar .calendar-week-mode-table-column-size-1 {
        width: 300px !important;
    }

}

@media (max-width: 767px) {

    body#calendar .calendar-week-mode-table-column-overall-size-7 {
        width: calc(7 * 400px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-6 {
        width: calc(6 * 400px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-5 {
        width: calc(5 * 400px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-4 {
        width: calc(4 * 400px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-3 {
        width: calc(3 * 400px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-2 {
        width: calc(2 * 400px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-1 {
        width: calc(1 * 400px);
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-2,
    body#calendar .calendar-week-mode-table-column-size-2,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-1,
    body#calendar .calendar-week-mode-table-column-size-1 {
        width: 400px !important;
    }

}

@media (max-width: 600px) {

    body#calendar .calendar-week-mode-table-column-overall-size-7 {
        width: calc(7 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-6 {
        width: calc(6 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-5 {
        width: calc(5 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-4 {
        width: calc(4 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-3 {
        width: calc(3 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-2 {
        width: calc(2 * 300px);
    }

    body#calendar .calendar-week-mode-table-column-overall-size-1 {
        width: calc(1 * 300px);
    }

    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-column-size-7,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-column-size-6,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-column-size-5,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-column-size-4,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-column-size-3,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-2,
    body#calendar .calendar-week-mode-table-column-size-2,
    body#calendar .calendar-week-mode-table-header th.calendar-week-mode-table-column-size-1,
    body#calendar .calendar-week-mode-table-column-size-1 {
        width: 300px !important;
    }

}

body#calendar #calendar-week-mode-table .calendar-week-mode-table-items-count-0 .event-wrapper-container,
body#calendar #calendar-week-mode-table .calendar-week-mode-table-items-count-1 .event-wrapper-container {
    width: 100%;
}

body#calendar #calendar-week-mode-table .calendar-week-mode-table-items-count-2 .event-wrapper-container {
    width: 50%;
}

body#calendar #calendar-week-mode-table .calendar-week-mode-table-items-count-3 .event-wrapper-container {
    width: 33.3333%;
}

body#calendar #calendar-week-mode-table .calendar-week-mode-table-column-empty {
    /*flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;*/
}

body#calendar #calendar-week-mode-table .calendar-week-mode-table-column-not-empty {
    /*flex-grow: 1;
    flex-shrink: 1;*/
}

body#calendar .calendar-week-mode-table-row td .event-wrapper-not-focus .evcal_event_title, .calendar-week-mode-table-row td .event-wrapper-not-focus.event-wrapper {
    max-width: 100% !important;
}

body#calendarbooking table#calendar-week-mode-table tfoot {
    visibility: hidden;
}

/* Month view */

section#calendar-month-mode-wrapper header#calendar_header #classes-filters-item-view-mode-wrapper {
    width: auto;
    position: absolute;
    left: 0;
    top: 10px;
}

@media (max-width: 991px) {
    section#calendar-month-mode-wrapper header#calendar_header #classes-filters-item-view-mode-wrapper {
        width: auto;
        position: relative;
        left: auto;
        top: auto;
        display: block;
        float: none;
        margin-bottom: 10px;
    }
}

section#calendar-month-mode-wrapper header#calendar_header {
    text-align: center;
    margin-bottom: 20px;
}

section#calendar-month-mode-wrapper header#calendar_header h2 {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 1.8em;
}

section#calendar-month-mode-wrapper header#calendar_header .btn {
    margin-top: -11px;
}

section#calendar-month-mode-wrapper #calendar {
    width: 100%;
}

section#calendar-month-mode-wrapper #calendar a {
    color: #8e352e;
    text-decoration: none;
}

section#calendar-month-mode-wrapper #calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

section#calendar-month-mode-wrapper #calendar li {
    display: block;
    float: left;
    width:calc(100% / 7);
    padding: 5px;
    box-sizing:border-box;
    border: 1px solid #ccc;
    margin-right: -1px;
    margin-bottom: -1px;
    overflow: hidden;
}

section#calendar-month-mode-wrapper #calendar ul.weekdays {
    height: 40px;
    background: var(--primary-bg-color);
}

section#calendar-month-mode-wrapper #calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

section#calendar-month-mode-wrapper #calendar .days li {
    height: 180px;
}

section#calendar-month-mode-wrapper #calendar .days li:hover {
    background: #d3d3d3;
}

section#calendar-month-mode-wrapper #calendar .date {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #e1e1e1;
    color: #222;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    float: right;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: 400;
}

section#calendar-month-mode-wrapper #calendar .date.today {
    background: var(--primary-bg-color);
    color: #fff;
}

section#calendar-month-mode-wrapper #calendar .event {
    clear: both;
    display: block;
    font-size: 13px;
    border-radius: 4px;
    padding: 5px;
    /*margin-top: 40px;*/
    margin-bottom: 5px;
    line-height: 14px;
    background: #e4f2f2;
    border: 1px solid #b5dbdc;
    color: var(--info-bg-color);
    text-decoration: none;
    font-weight: normal;
}

section#calendar-month-mode-wrapper #calendar .event-desc {
    color: #666;
    margin: 3px 0 7px 0;
    text-decoration: none;
}

section#calendar-month-mode-wrapper #calendar .other-month {
    background: #f5f5f5;
    color: #666;
}

@media(max-width: 768px) {

    section#calendar-month-mode-wrapper #calendar .date {
        margin-bottom: 10px;
    }

    section#calendar-month-mode-wrapper #calendar .weekdays,
    section#calendar-month-mode-wrapper #calendar .other-month {
        display: none;
    }

    section#calendar-month-mode-wrapper #calendar li {
        height: auto !important;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }

    section#calendar-month-mode-wrapper #calendar .date {
        float: none;
    }
}

/**
 * END OF CALENDAR
**/

/**
 * CALENDARGROUP
**/

.calendargroup-table-name-wrapper {
    max-width: 200px;
}

.table-block-row {
    border-bottom: 1px solid #ddd;
}

.table-block-cell {
    padding: 10px 15px;
}

.table-block-cell-container {
    line-height: 1em;
}

.table-block-row:nth-last-child(odd) {
    background-color: #EEEEEE;
}

.table-block-row:nth-last-child(even) {
    background-color: #FFFFFF;
}

.calendargroup-table-date-cell {
    font-size: 0.9em;
}

.calendargroup-table-description-cell {
    font-size: 0.95em;
    padding: 0px;
    margin: 0px;
    width: auto;
    float: none;
    clear: both;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    min-height: 0;
}

.calendargroup-table-description-cell .fa-chevron-down,
.calendargroup-table-description-cell .fa-chevron-up {
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 1;
}

.table-block-row.toggled .fa-chevron-down,
.table-block-row .fa-chevron-up {
    display: none;
}

.table-block-row.toggled .fa-chevron-up {
    display: block;
}

.table-block-row.toggled .calendargroup-table-description-cell {
    padding: 10px;
    margin: 10px;
    border-top: 1px dotted #DDDDDD;
    max-height: none;
}

#calendargroup-table .table-block-row {
    cursor: pointer;
}

.calendargroup-table-button-cell .calendarItemRegisterButtonLabel.text-success {
    display: none !important;
}

@media (max-width: 767px) {
    .row-wrapper-head {
        display: none;
    }
}

.table-block-cell-container .fa-users {
    color: var(--info-color);
}

.request-trial-class-btn {
    margin-right: 10px;
}

#requestTrialClassModalYesAfter {
    display: none;
}

#requestTrialClassModalYesAfter {
    display: none;
}

#requestTrialClassModalYes.btn-success #requestTrialClassModalYesAfter {
    display: inline;
}

#requestTrialClassModalYes.btn-success #requestTrialClassModalYesBefore {
    display: none;
}

#requestTrialClassModalYes .fa-check {
    margin-left: 5px;
}

.account-my-sessions-add-msg-wrapper {
    clear: both;
}

#request-trial-class-message {
    margin-bottom: 0 !important;
}

#requestTrialClassModalBody + .modal-footer {
    margin-top: 0;
}

#requestTrialClassModalAlertSuccess:empty,
#requestTrialClassModalAlertDanger:empty {
    display: none;
}

#requestTrialClassModalBody label sup {
    font-size: 20px;
    color: var(--danger-color);
    top: -.2em;
}

/**
 * END OF CALENDARGROUP
**/

/**
 * ACCOUNT
**/

.firstbaby-non-selected-extra-wrapper,
.postnatal-selected-extra-wrapper,
.prenatal-selected-extra-wrapper {
    display: none;
}

.firstbaby-non-selected .firstbaby-non-selected-extra-wrapper,
.prenatal-selected + .prenatal-selected-extra-wrapper,
.postnatal-selected + .prenatal-selected-extra-wrapper + .postnatal-selected-extra-wrapper,
.prenatal-selected + .prenatal-selected-extra-wrapper + .prenatal-selected-extra-wrapper {
    display: block;
}

.account-my-family-item {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 0 !important;
    overflow: auto !important;
}

.account-my-family-item .modal-dialog {
    max-width: 100% !important;
    margin: 15px auto;
}

.account-my-family-item .modal-content {
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
}

/*.account-my-data-extra-text-field,*/
.account-my-data-extra-text-field .btn-group.bootstrap-select,
.account-my-data-extra-text-field .btn-group.bootstrap-select button,
#account-my-data-howreferer-wrapper,
#account-my-data-howreferer-wrapper .btn-group.bootstrap-select,
#account-my-data-howreferer-wrapper .btn-group.bootstrap-select button,
#account-my-data-country-wrapper,
#account-my-data-country-wrapper .btn-group.bootstrap-select,
#account-my-data-country-wrapper .btn-group.bootstrap-select button,
#account-my-data-level-wrapper,
#account-my-data-level-wrapper .btn-group.bootstrap-select,
#account-my-data-level-wrapper .btn-group.bootstrap-select button {
    height: 60px;
    width: 100%;
}

.account-my-data-extra-text-field,
.account-my-data-extra-text-field .btn-group.bootstrap-select,
.account-my-data-extra-text-field .btn-group.bootstrap-select button {
    width: 100% !important;
}

#family-user-switcher-wrapper {
    width: 100%;
}

#family-user-switcher-wrapper .bootstrap-select,
#family-user-switcher {
    width: 220px;
    max-width: 90%;
}

#family-user-switcher-wrapper > i {
    display: inline-block;
    margin-right: 10px;
}

#family-user-switcher {
    margin: 0 auto;
}

/*#family-user-switcher-wrapper,*/
#family-user-switcher-wrapper .btn-group.bootstrap-select,
#family-user-switcher-wrapper .btn-group.bootstrap-select button,
#family-user-switcher {
    height: 40px;
    margin-bottom: 10px;
}

#accountMySessionsAddMsgModalYesAfter {
    display: none;
}

#accountMySessionsAddMsgModalYesAfter {
    display: none;
}

#accountMySessionsAddMsgModalYes.btn-success #accountMySessionsAddMsgModalYesAfter {
    display: inline;
}

#accountMySessionsAddMsgModalYes.btn-success #accountMySessionsAddMsgModalYesBefore {
    display: none;
}

#accountMySessionsAddMsgModalYes .fa-check {
    margin-left: 5px;
}

.account-my-sessions-add-msg-wrapper {
    clear: both;
}

.account-my-sessions-add-msg-0,
.account-my-sessions-add-msg-1 {
    display: none;
}

.account-my-sessions-add-msg.btn-secondary .account-my-sessions-add-msg-0,
.account-my-sessions-add-msg.btn-primary .account-my-sessions-add-msg-1 {
    display: inline;
}

.account_my_sessions_professor {
    font-size: 12px;
    color: #555555;
}

.account_my_sessions_logo {
    max-width: 80px;
    max-height: 20px;
}

#account-my-sessions-table .btn {
    margin: 0 !important;
}

.classe-online-icon {
    max-width: 24px;
    display: inline;
    margin-top: -3px;
}

@media (max-width: 767px) {

    #account-my-sessions-table,
    #account-my-sessions-table thead,
    #account-my-sessions-table tbody {
        display: block;
        width: 100%;
    }

    #account-my-sessions-table tr {
        display: block;
        width: 100%;
    }

    #account-my-sessions-table thead tr > th {
        display: block;
        width: 50%;
        float: left;
        background-color: #0088c6;
        color: #fff;
    }

     #account-my-sessions-table thead tr > th:nth-child(3),
     #account-my-sessions-table thead tr > th:nth-child(4) {
         display: none;
     }

    #account-my-sessions-table tbody tr > td {
        display: block;
        width: 50%;
        float: left;
        height: 70px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    #account-my-sessions-table .account_my_sessions_logo {
        display: none !important;
    }

    #account-my-sessions-table tbody tr > td:nth-child(1),
    #account-my-sessions-table tbody tr > td:nth-child(2) {
        border-bottom: none !important;
    }

    #account-my-sessions-table tbody tr > td:nth-child(1) {
        width: 100%;
        height: auto;
    }

    #account-my-sessions-table tbody tr > td:nth-child(2) {
        /*display: none;*/
        width: 100%;
        height: auto;
    }

    #account-my-sessions-table tbody tr > td > span {
        display: block;
        width: 100%;
        float: left;
        height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #account-my-sessions-table tbody tr > td > form > button,
    #account-my-sessions-table tbody tr > td button,
    #account-my-sessions-table tbody tr > td > a {
        float: none;
        width: 100%;
        display: block;
        padding: 6px 12px;
    }
    #account-my-sessions-table tbody tr > td:nth-child(4),
    #account-my-sessions-table tbody tr > td:nth-child(3) {
        height: auto !important;
    }
    .account-my-sessions-table-td-studio {
        display: none !important;
    }
    #account-my-sessions-table tbody tr > td > span {
        height: auto;
    }
}

@media (max-width: 480px) {
    #account-my-sessions-table tbody tr > td {
        width: 100%;
    }

    #account-my-sessions-table tbody tr > td > span {
        display: block;
        width: 100%;
        /*float: left;*/
        /*height: 40px;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #account-my-sessions-table tbody tr > td:nth-child(3) {
        border-bottom: none !important;
    }
}

#account-my-studios-table .btn {
    margin: 0 !important;
}

@media (max-width: 767px) {

    #account-my-studios-table tr {
        display: block;
        width: 100%;
    }

    #account-my-studios-table thead tr > th {
        display: block;
        width: 50%;
        float: left;
        background-color: #0088c6;
        color: #fff;
    }

     #account-my-studios-table thead tr > th:nth-child(3),
     #account-my-studios-table thead tr > th:nth-child(4) {
         display: none;
     }

    #account-my-studios-table tbody tr > td {
        display: block;
        width: 50%;
        float: left;
        height: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #account-my-studios-table tbody tr > td:nth-child(1),
    #account-my-studios-table tbody tr > td:nth-child(2) {
        border-bottom: none !important;
    }
    #account-my-studios-table tbody tr > td:nth-child(3) {
        width: 100%;
    }
}

@media (max-width: 480px) {
    #account-my-studios-table tbody tr > td {
        width: 100%;
    }

    #account-my-studios-table tbody tr > td:nth-child(3) {
        border-bottom: none !important;
    }
}

/**
 * TEAM
 */



.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.media .media-left img,
.media .media-right img {
    max-width: none;
}

@media (min-width: 768px) {
    .media .media-left,
    .media .media-right {
        padding-right: 22px;
    }
}

@media (max-width: 767px) {
    .media .media-left,
    .media .media-right {
        display: block;
        padding-bottom: 22px;
        padding-right: 0;
    }
}

.media.bg-white .fa-facebook,
.media.bg-white .fa-twitter,
.media.bg-white .fa-google-plus,
.media.bg-white .fa-pinterest-p,
.media.bg-white .fa-vimeo,
.media.bg-white .fa-google,
.media.bg-white .fa-rss {
    color: #282e3e;
}

.media.bg-white .fa-facebook:hover,
.media.bg-white .fa-twitter:hover,
.media.bg-white .fa-google-plus:hover,
.media.bg-white .fa-pinterest-p:hover,
.media.bg-white .fa-vimeo:hover,
.media.bg-white .fa-google:hover,
.media.bg-white .fa-rss:hover {
    color: #82c434;
}

.fa-custom {
    display: inline-block;
}

.fa-custom-80 {
    width: 80px;
    height: 80px;
}

.fa-custom-shopping-bag {
    background: transparent url("/images/icons/fa-custom-shopping-bag.png") no-repeat center center;
}

.fa-custom-my-coupons {
    background: transparent url("/images/icons/fa-custom-my-coupons.png?v=2") no-repeat center center;
}

.fa-custom-my-coupons-orange {
    background: transparent url("/images/icons/fa-custom-my-coupons-orange.png?v=2") no-repeat center center;
}

.media .media-body-inset-1 {
    padding-top: 9px;
}

.media .media-body .h6 {
    margin-top: 0;
}

.media-mod-1 .media-body p {
    display: inline-block;
    max-height: 71px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .media-mod-2 .media-left {
        padding-right: 25px;
    }
}

@media (max-width: 767px) {
    .media-mod-2 .media-left {
        padding-bottom: 25px;
        padding-top: 25px;
    }
}

.media-mod-2 .media-body {
    position: relative;
    padding: 30px 30px 70px 30px;
}

@media (min-width: 768px) {
    .media-mod-2 .media-body {
        padding-left: 0;
    }
    .media-mod-2 .media-body .list-inline {
        position: absolute;
        left: 0;
        bottom: 30px;
    }
}

.media-mod-3 .media-left img,
.media-mod-3 .media-right img {
    max-width: none;
}

@media (max-width: 767px) {
    .media-mod-3 .media-left img,
    .media-mod-3 .media-right img {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .media-mod-3 .media-left {
        padding-right: 22px;
    }
}

@media (max-width: 1199px) {
    .media-mod-3 .media-left {
        display: block;
        padding-bottom: 22px;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .media-mod-3 .media-right {
        padding-left: 22px;
    }
}

@media (max-width: 1199px) {
    .media-mod-3 .media-right {
        display: block;
        padding-top: 22px;
        padding-left: 0;
    }
}

/**
 * PAGINATION
 */

.pagination li {
    display: inline-block;
}

.pagination li.subscriptionItemPriceSelectorItem {
    display: inline;
}

.pagination li a {
    width: 35px;
    height: 35px;
    padding: 0;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    border-radius: 6px;
    border: 2px solid;
    color: #0088c6;
    transition: .4s;
    text-align: center;
}

@media (min-width: 768px) {
    .pagination li a {
        width: 60px;
        height: 60px;
        line-height: 57px;
    }
}

.pagination li.active a,
.pagination li.active a:hover,
.pagination li a:focus,
.pagination li a:hover {
    background-color: #0088c6;
    border-color: #0088c6;
    color: #fff;
}

.pagination li.disabled a,
.pagination li.disabled a:hover {
    color: #b7b7b7;
}

.pagination li + li {
    margin-left: 10px;
}

.pagination li:first-of-type a,
.pagination li:last-of-type a {
    border-radius: 6px;
}

.pagination li:first-of-type a:before,
.pagination li:last-of-type a:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: 400;
}

.pagination li:last-of-type a:before {
    content: "\f054";
}

.pagination li:first-of-type a:before {
    content: "\f053";
}

/**
 * ABONNEMENTS
 */

.pricing-wrapper-mod-1 {
    margin-bottom: 40px;
}

.pricing-wrapper, .pricing-wrapper-mod-1, .pricing-wrapper-mod-2, .pricing-wrapper-mod-3 {
    /*overflow: hidden;*/
    transition: .4s;
}

.pricing-wrapper .pricing-head, .pricing-wrapper-mod-1 .pricing-head, .pricing-wrapper-mod-2 .pricing-head, .pricing-wrapper-mod-3 .pricing-head {
    padding: 10px 7px 13px;
    transition: .4s;
}

.pricing-wrapper-mod-1.bg-primary {
    background-color: transparent;
}

.pricing-wrapper-mod-1.bg-primary .pricing-footer {
    background-color: #777777;
}

.pricing-wrapper-mod-1.bg-primary .pricing-head {
    background-color: #222;
}

.pricing-wrapper .price, .pricing-wrapper-mod-1 .price, .pricing-wrapper-mod-2 .price, .pricing-wrapper-mod-3 .price {
    position: relative;
    padding: 20px 0;
    z-index: 1;
}

.pricing-wrapper .price h2, .pricing-wrapper-mod-1 .price h2, .pricing-wrapper-mod-2 .price h2, .pricing-wrapper-mod-3 .price h2 {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
}

.pricing-wrapper .price h2:before, .pricing-wrapper-mod-1 .price h2:before, .pricing-wrapper-mod-2 .price h2:before, .pricing-wrapper-mod-3 .price h2:before {
    /*content: 'chf';
    position: absolute;
    top: 0;
    right: 102%;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;*/
}

.pricing-wrapper .price h2 span, .pricing-wrapper-mod-1 .price h2 span, .pricing-wrapper-mod-2 .price h2 span, .pricing-wrapper-mod-3 .price h2 span {
    font-size: 18px;
    text-transform: none;
}

.pricing-wrapper ul, .pricing-wrapper-mod-1 ul, .pricing-wrapper-mod-2 ul, .pricing-wrapper-mod-3 ul {
    position: relative;
    margin-bottom: 0;
    padding: 15px 0;
}

.pricing-wrapper ul li, .pricing-wrapper-mod-1 ul li, .pricing-wrapper-mod-2 ul li, .pricing-wrapper-mod-3 ul li {
    padding: 5px 0;
}

.pricing-wrapper h4, .pricing-wrapper-mod-1 h4, .pricing-wrapper-mod-2 h4, .pricing-wrapper-mod-3 h4 {
    margin-top: 2px;
}

.pricing-wrapper-mod-1 h4 {
    font-size: 18px;
}

.pricing-wrapper-mod-1 .price h2 {
    font-size: 24px;
    color: #222;
}

.pricing-wrapper-mod-1 {
    border-radius: 6px;
}

.pricing-wrapper-mod-1 .btn-sm, .pricing-wrapper-mod-1 .btn-group-sm > .btn {
    width: 100%;
}

.pricing-wrapper-mod-1 ul:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    transition: .4s;
}

.pricing-wrapper-mod-1 .price {
    background: #dddddd;
    background: #ffffff;
}

.pricing-wrapper-mod-1 .price:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(40, 46, 62, 0);
    border-top-color: #dddddd;
    border-top-color: #ffffff;
    border-width: 5px;
    transition: .4s;
}

.pricing-wrapper-mod-1.bg-primary .btn:hover {
    color: #282e3e;
}

/*.pricing-wrapper-mod-1.bg-primary:hover {
    background-color: #0088c6;
}*/

/*.pricing-wrapper-mod-1.bg-primary:hover .bg-dark {
    background-color: #0088c6;
}*/

/*.pricing-wrapper-mod-1.bg-primary:hover .price:before {
    border-top-color: #0088c6;
}*/

/*.pricing-wrapper-mod-1 .pricing-head,*/
.pricing-wrapper-mod-1.bg-primary .pricing-footer {
    opacity: 0.8;
    transition: .4s;
}

.pricing-wrapper-mod-1.bg-primary .pricing-footer:hover {
    background-color: #222;
    opacity: 1;
}

.pricing-wrapper-mod-1 .bg-white {
    background-color: #fff;
}

.pricing-wrapper-mod-1 .bg-white * {
    color: #000;
}

.pricing-wrapper-mod-1 .text-center,
.pricing-wrapper-mod-1 .text-center li {
    text-align: center;
}

.pricing-wrapper-mod-1 .pricing-footer a {
    color: #ececec !important;
}

.pricing-wrapper-mod-1 .pricing-footer a:hover {
    color: #ffffff !important;
}

.pricing-wrapper-mod-1.thumbnail-mod-1 {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-wrapper-mod-1 .pricing-head {
    display: table;
    width: 100%;
}

.pricing-wrapper-mod-1 .pricing-head h4 {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#classes-filters-wrapper .classes-filters-item-wrapper  {
    margin-bottom: 40px;
}

#passes-filters-wrapper .passes-filters-item-wrapper  {
    margin-bottom: 10px;
}

.classes-filters-item-wrapper .btn-group,
.passes-filters-item-wrapper .btn-group {
    max-width: 400px;
    width: 100% !important;
    outline: none;
}

.classes-filters-item-wrapper .btn-group > button,
.passes-filters-item-wrapper .btn-group > button {
    max-height: 36px;
    outline: none;
}

.classes-filters-item-wrapper .bootstrap-select.btn-group .dropdown-menu li.selected > a > span.check-mark,
.passes-filters-item-wrapper .bootstrap-select.btn-group .dropdown-menu li.selected > a > span.check-mark {
    display: inline;
    padding-left: 10px;
}

.subscriptionItemPriceRangerSelectorItemWrapper {
    padding: 0 10px;
    margin-top: 20px;
    padding-top: 10px;
}

.subscriptionItemPriceRangerSelectorItem {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 5px;
}

.subscriptionItemPriceRangerSelectorItem:hover {
    opacity: 1;
}

.subscriptionItemPriceRangerSelectorItem::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #0088c6;
    cursor: pointer;
    border-radius: 50%;
}

.subscriptionItemPriceRangerSelectorItem::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #0088c6;
    cursor: pointer;
    border-radius: 50%;
}

.subscriptionItemPriceSelectorItemRevert {
    cursor: pointer;
}

#classes-filters-view-mode {
}

#classes-filters-view-mode a {
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
    display: inline-block;
    float: none;
}

.subscriptionItemPriceSelectorWrapper {
    display: block;
    width: 100%;
    text-align: center;
}

.subscriptionItemPriceSelectorItem {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
}

.subscriptionItemPriceSelectorItem > span {
    color: #31708f !important;
    margin-left: -3px;
    margin-right: -3px;
    float: none !important;
    border-color: #bce8f1 !important;
    background-color: #d9edf7 !important;
}

.subscriptionItemPriceSelectorItem.active > span ,
.subscriptionItemPriceSelectorItem:hover > span {
    background-color: #31708f !important;
    color: #ffffff !important;
}

.computedPriceWrapper,
.computedPrice {
    color: #31708f !important;
    font-weight: bold;
    font-size: 40px !important;
}

@media (max-width: 767px) {
    .subscriptionItemPriceSelectorItem > span {
        padding: 8px !important;
    }
}

/**
 * CART
 */

#addToCart-modal-content-0 {
    margin-bottom: 20px;
}

#cart-table {
    margin-bottom: 20px;
}

#cart-table td i.fa {
    width: 20px;
    font-size: 20px;
    line-height: 1.5;
    color: #b7b7b7;
    cursor: pointer;
    transition: .4s;
}

#cart-table td i.fa:hover {
    color: #222222;
}

.table-hover#cart-table > thead > tr > th, .table-hover#cart-table > thead > tr > td, .table-hover#cart-table > tbody > tr > th, .table-hover#cart-table > tbody > tr > td, .table-hover#cart-table > tfoot > tr > th, .table-hover#cart-table > tfoot > tr > td {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}

.table-hover#cart-table > tbody > tr:hover > td {
    background-color: #ececec !important;
    transition: .4s;
}

#cart-table .quantity input {
    width: 30px;
    vertical-align: middle;
    text-align: center;
    font-weight: 300;
    border: none;
    background-color: transparent;
    margin-top: -3px;
}

#cart-table thead tr > th {
    background-color: #0088c6;
}

@media (max-width: 767px) {

    #cart-table tr {
        display: block;
        width: 100%;
    }

    #cart-table thead tr > th {
        display: block;
        width: 50%;
        float: left;
        color: #fff;
    }

    #cart-table thead tr > th:nth-child(1),
    #cart-table thead tr > th:nth-child(3),
    #cart-table thead tr > th:nth-child(4) {
        display: none;
    }

    #cart-table tbody tr > td {
        display: block;
        width: 33.3%;
        float: left;
        height: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #cart-table tbody tr > td:nth-child(1) {
        width: 14%;
        border-bottom: none !important;
    }

    #cart-table tbody tr > td:nth-child(2) {
        width: 84%;
        border-bottom: none !important;
    }

    #cart-table tbody tr > td:nth-child(3) {
        text-align: left;
    }
}

@media (max-width: 480px) {

    #cart-table tbody tr > td:nth-child(2) {
        width: 70%;
        border-bottom: none !important;
    }

}

/**
 * CHECKOUT
 */

.checkout-cart-item-price-mode-selection {
    margin-top: 5px;
    margin-bottom: 0;
}

.checkout-cart-item-price-mode-selection label {
    display: inline-block;
}

.checkout-cart-item-price-mode-selection .btn-group {
    background: transparent;
    width: auto !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted var(--main-font-color);
    border-radius: 0;
}

.checkout-cart-item-price-mode-selection .bootstrap-select>.dropdown-toggle.btn {
    background: transparent;
    color: var(--main-font-color) !important;
    border: none !important;
    padding-left: 5px !important;
}

.checkout-cart-item-price-mode-selection .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    max-width: none;
}

.checkout-cart-item-price-mode-selection .help-block {
    margin-bottom: 0;
}

#checkout-table {
    margin-bottom: 50px;
}

#checkout-table > thead > tr > th, #checkout-table > thead > tr > td, #checkout-table > tbody > tr > th, #checkout-table > tbody > tr > td, #checkout-table > tfoot > tr > th, #checkout-table > tfoot > tr > td {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}

#checkout-table > tbody > tr:nth-of-type(2n) > td {
    background-color: #ececec !important;
}

.payment-wrap {
    padding: 25px 30px 30px;
    background-color: #ececec !important;
}

.payment-wrap .payment {
    margin-bottom: 40px;
}

.payment-card-logo {
    display: inline-block;
    margin-right: 5px;
}

.gccb-label {
    margin-top: 20px;
    margin-bottom: 30px;
    cursor: pointer;
}

.medicalcb-label #medicalcb,
.gccb-label #createpassword,
.gccb-label #gccb {
    display: inline-block;
    height: auto;
    margin-right: 5px;
}

body#gc ul,
body#gc ul li {
    list-style: disc;
}

#checkout-table thead tr > th {
    background-color: #0088c6;
}

@media (max-width: 767px) {

    #checkout-table {
        width: 100%;
    }

    #checkout-table tr {
        display: block;
        width: 100%;
    }

    #checkout-table thead tr > th {
        display: block;
        width: 50%;
        float: left;
        color: #fff;
    }

    #checkout-table tbody tr > td {
        display: block;
        float: left;
        height: 70px;
        height: auto;
        white-space: nowrap;
        overflow: hidden;
        overflow: visible;
        text-overflow: ellipsis;
    }

    #checkout-table tbody tr > td:nth-child(1) {
        width: 54%;
        border-bottom: none !important;
    }

    #checkout-table tbody tr > td:nth-child(2) {
        width: 44%;
        border-bottom: none !important;
    }

    #checkout-table tbody tr > td .bootstrap-select + .help-block {
        margin-top: 20px;
    }

    #checkout-table tbody tr > td .bootstrap-select {
        display: block;
    }

}


@media (max-width: 480px) {

    #checkout-table tbody tr > td {
        display: block;
        width: 100%;
        float: left;
        /*height: 70px;*/
        height: auto;
        white-space: nowrap;
        /*overflow: hidden;*/
        overflow: visible;
        text-overflow: ellipsis;
    }
}

/**
 * USER ABO STATUS
 **/

#user-abo-status {
    position: fixed;
    bottom: 0;
    right: 30px;
    width: auto;
    background: #0088c6;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 10px 25px;
    border-radius: 8px 8px 0px 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2) !important;
    cursor: pointer;
    overflow: hidden;
}
@media (max-width: 991px) {

    #user-abo-status span {
        /*display: block !important;*/
    }

}

#user-abo-status.bg-danger {
    background-color: #a94442;
}
#user-abo-status:hover {
    bottom: 10px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.2);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,0.5) !important;
}
#user-abo-status a {
    color: #ffffff !important;
    text-decoration: none !important;
}
#user-abo-status span {
    margin-top: 3px;
    display: block;
    float: left;
    /*margin-left: 7px;*/
}
#user-abo-status.user-abo-status-without-family-mode span {
    margin-top: 3px;
    display: inline-block;
    float: none;
    margin-left: 7px;
}
#user-abo-status span div i {
    margin-right: 6px;
    margin-top: 4px;
}
#user-abo-status img {
    float: left;
}
#user-abo-status i {
    font-size: 18px;
    float: left;
    margin-top: 5px;
    margin-right: 6px;
}
#user-abo-status.user-abo-status-without-family-mode i {
    float: none;
    margin-top: 5px;
    margin-right: 6px;
}
#abo-modal .displayUserCurrentPasse-dates {
    display: none;
}
#family-status-wrapper {
    float: left;
    display: block;
    margin-right: 5px;
}
@media (max-width: 991px) {
    #user-abo-status {
        right: auto;
        left: 30px;
    }
    #user-abo-status i {
        font-size: 20px;
        margin-top: 0;
    }
    #user-abo-status.user-abo-status-without-family-mode i {
        margin-top: -1px;
        display: block;
    }
    #user-abo-status span {
        margin: 0;
    }
    #user-abo-status span,
    #user-abo-status span span {
        display: none;
    }
    #user-abo-status.bg-danger span {
        display: block;
    }
    #user-abo-status.bg-danger span div {
        color: transparent;
    }
    #user-abo-status span div i {
        margin: 0;
    }
    #user-abo-status.bg-danger span div i {
        color: #ffffff;
        margin-top: -2px;
    }
    #user-abo-status img {
        float: none;
    }
    #user-abo-status.user-abo-status-without-family-mode {
        border-radius: 20px;
        width: 40px;
        height: 40px;
        padding: 10px;
        bottom: 15px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
        border: 1px solid #aeaeae;
    }
    #user-abo-status.user-abo-status-without-family-mode:hover {
        bottom: 15px;
        border-radius: 20px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
        border: 1px solid #848484;
    }
}

#family-status-wrapper span + i {
    margin-right: 0 !important;
    margin-left: 5px;
}

.subscriptionBillBtnMyData {
    margin-left: 5px;
}

.subscriptionInfoTxt {
    font-size: 14px;
    padding: 15px 5px;
    margin: 5px 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.subscriptionInfoBtn {
    font-size: 30px;
    color: #31708f !important;
    cursor: pointer;
}

.subscriptionInfoBtnMyData {
    display: inline-block;
    font-size: 14px;
}

@media (max-width: 767px) {
    .subscriptionInfoBtn {
        font-size: 40px;
    }

    .subscriptionInfoBtnMyData {
        display: block;
        font-size: 30px;
        clear: both;
        margin-bottom: 5px;
    }

    .subscription-label-td {
        /*position: relative;*/
        overflow: visible !important;
    }

    .subscriptionBillBtnMyData {
        display: block;
        clear: both;
    }

    .subscriptionBillBtnMyData i {
        font-size: 30px;
    }
}

.video-list-section-wrapper .video-item-file-container {
    margin-top: 30px;
}
.video-list-section-wrapper .video-item-file {
    margin-bottom: 20px;
}
.video-list-section-wrapper .video-item-file-preview {
    max-width: 300px !important;
}
.video-list-section-wrapper .video-item-file .media-body .list-inline {
    left: auto;
    right: 30px;
    bottom: 0px;
}
.video-list-section-wrapper .media-mod-2 .media-body {
    padding-bottom: 55px;
}

.tooltip-inner a,
.tooltip-inner a:hover,
.tooltip-inner em,
.tooltip-inner i,
.tooltip-inner strong,
.tooltip-inner li,
.tooltip-inner p,
.tooltip-inner {
    max-width: 300px !important;
    padding: 5px !important;
    color: #fff !important;
    text-align: left !important;
    text-decoration: none !important;
    background-color: #000 !important;
    border-radius: 4px !important;
}

.tooltip-inner ul,
.tooltip-inner ul li {
    list-style: circle !important;
}

.tooltip-inner ol,
.tooltip-inner ol li {
    list-style: decimal !important;
}

#langnavbar {
    position: absolute;
    right: 25px;
    top: 1px;
}

#langnavbar .nav > li > a {
    padding: 5px;
    line-height: 1em;
}

.has-multilang.rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-nav {
    margin-top: 30px;
}

#langnavbar a {
    color: #0088c6;
}

#langnavbar .nav-pills > li {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 1.5em;
}

#langnavbar .nav-pills > li.active > a,
#langnavbar .nav-pills > li.active > a:hover,
#langnavbar .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #0088c6;
}

.account-dashboard-item {
    padding: 0px;
    transition: all .2s ease-in-out;
}

.account-dashboard-item-wrapper {
    display: block;
    padding: 30px;
}

.account-dashboard-item-wrapper i {
    font-size: 80px;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .account-dashboard-item-wrapper i {
        margin-bottom: 0px;
    }
}

.account-dashboard-item:hover {
    transform: scale(1.1);
}

#blueleaf-info-box {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-name: bounce-blueleaf-info-box;
    animation-timing-function: ease;
    z-index: 20000;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}

.alert.alert-shadowed {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

@keyframes bounce-blueleaf-info-box {
    0% { transform: translateY(0); }
    18% { transform: translateY(-80px); }
    36% { transform: translateY(0); }
    54% { transform: translateY(-40px); }
    72% { transform: translateY(0px); }
    90% { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}

.modal {
    z-index: 10500;
}

/*
 * LOADING SCREEN
 */

.overlay-extra-text {
    width: 100%;
    top: 40%;
    position: fixed;
    z-index: 1000;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    animation: MoveLeftRight 1s linear infinite;
}

@keyframes MoveLeftRight {
    0% {
        margin-left: 0px;
    }
    25% {
        margin-left: 20px;
    }
    50% {
        margin-left: 0px;
    }
    75% {
        margin-left: -20px;
    }
    100% {
        margin-left: 0px;
    }
}

/*
 * GIFTCARDS
 */

@media print {
    /* All your print styles go here */
    body#giftcard-preview header,
    body#giftcard-preview footer,
    body#giftcard-preview .do-not-print {
        display: none !important;
    }
    body#giftcard-preview .section-inset-1 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

#giftcardPreview-content {
    margin-top: 20px;
}

#giftcardPreview-content table#backgroundTable {
    margin: 0 auto;
}

/*
 * POPUP
 */

#blueleaf-popup-alert-wrapper .modal-header {
    display: none !important;
}

#blueleaf-popup-alert-wrapper section.tpl-block-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    text-align: inherit;
}

#blueleaf-popup-alert-wrapper section.tpl-block-wrapper .container {
    width: 100%;
}

#blueleaf-popup-alert-wrapper section.tpl-block-wrapper .container .moduleTitle {
    font-size: 34px;
}

/*
 * ACCEPT COOKIES
 */

#blueleaf-cookies-alert-wrapper {
    display: block;
    top: auto;
    left: 10px;
    right: 10px;
    overflow: hidden;
}
#blueleaf-cookies-alert-wrapper .modal-content {
    border-radius: 0;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
#blueleaf-cookies-alert-wrapper .modal-header {
    padding: 0;
    border: none;
    display: none;
}
#blueleaf-cookies-alert-wrapper .modal-dialog {
    width: 100%;
    margin: 0;
}
#blueleaf-cookies-alert-wrapper .modal-body p {
    color: #31708f;
    padding-bottom: 0px;
    margin-bottom: 0;
}
#blueleaf-cookies-alert-wrapper .btn.btn-primary {
    border-radius: 0;
    float: right;
    margin-top: 15px;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}
@media (max-width: 991px) {
    #blueleaf-cookies-alert-wrapper p {
        font-size: 12px;
        line-height: 1.6em;
    }
    #blueleaf-cookies-alert-wrapper {
        left: 0 !important;
        right: 0 !important;
    }
    #blueleaf-cookies-alert-wrapper .btn.btn-primary {
        font-size: 12px;
    }
}

/**
 * CALENDAR
 */

.ajde_evcal_calendar .calendar_header p,
.ajde_evcal_calendar .evcal_evdata_row .evcal_evdata_cell h3.evo_h3,
.evo_lightbox_content h3.evo_h3,
body .ajde_evcal_calendar h4.evo_h4,
.evo_content_in h4.evo_h4,
.evo_metarow_ICS .evcal_evdata_cell p a,
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2,
.eventon_list_event .evcal_desc span.evcal_event_title,
.evcal_desc span.evcal_desc2,
.evo_metarow_ICS .evcal_evdata_cell p a,
.evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a,
.eventon_list_event .evo_metarow_locImg p.evoLOCtxt .evo_loc_text_title,
.evo_clik_row .evo_h3,
.evotax_term_card .evotax_term_details h2,
.evotax_term_card h3.evotax_term_subtitle,
.ajde_evcal_calendar .evo_sort_btn,
.eventon_main_section  #evcal_cur,
.ajde_evcal_calendar .calendar_header p.evo_month_title,
.ajde_evcal_calendar .eventon_events_list .evcal_month_line p,
.eventon_events_list .eventon_list_event .evcal_cblock,
.ajde_evcal_calendar .evcal_month_line,
.eventon_event .event_excerpt_in h3
{
    font-family: var(--calendar-font-1);
}
/* secondary */
.ajde_evcal_calendar .eventon_events_list p,
.eventon_events_list .eventon_list_event .evcal_desc span,
.evo_pop_body .evcal_desc span,
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle,
.evo_pop_body .evcal_desc span.evcal_event_subtitle,
.ajde_evcal_calendar .eventon_list_event .event_description .evcal_btn,
.evo_pop_body .evcal_btn, .evcal_btn,
.eventon_events_list .eventon_list_event .cancel_event .evo_event_headers,
.evo_pop_body .evo_event_headers.canceled,
.eventon_events_list .eventon_list_event .evcal_list_a .evo_above_title span,
.evo_pop_body .evcal_list_a .evo_above_title span,
.evcal_evdata_row.evcal_event_details .evcal_evdata_cell p,
#evcal_list .eventon_list_event .evoInput, .evo_pop_body .evoInput,
.evcal_evdata_row .evcal_evdata_cell p,
#evcal_list .eventon_list_event p.no_events,
.ajde_evcal_calendar .eventon_events_list .eventon_desc_in ul,
.evoGuideCall em,
.evo_cal_above span,
.ajde_evcal_calendar .calendar_header .evo_j_dates .legend,
.eventon_sort_line p, .eventon_filter_line p
{
    font-family: var(--calendar-font-1);
}

.evopopclose, .evolbclose{
    font-family: var(--calendar-font-2);
}

/**
 * WALLET
 */

.walletForm-amountLabelCustom i {
    position: absolute;
    right: 10px;
    top: 10px;
}

.walletForm-amountLabel {
    margin-bottom: 0 !important;
    display: block;
}

.walletForm {
    text-align: center;
    width: 270px;
    margin: 0 auto;
    max-width: 100%;
}

.walletForm {
    width: 295px;
}

.walletForm-amounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px 20px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .walletForm-amounts {
        margin-bottom: 15px;
        width: 100%;
    }
}

.walletForm-amountWrapper {
    width: 48%;
    position: relative;
    margin: 1%;
    cursor: pointer;
    height: 85px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.walletForm-amountRadio {
    display: none;
}

.walletForm-amountCustom, .walletForm-amountRadioLabel {
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    color: #222;
    display: block;
    text-align: center;
    padding-top: 15px;
    height: 85px;
    background-color: rgba(66, 139, 202, 0.1);
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
}

.walletForm-amountWrapper.checked,
.walletForm-amountRadio:checked + label, .walletForm-amountRadio:checked + label span {
    color: #FFFFFF;
    background-color: rgba(66, 139, 202, 1);
}

.walletForm-amountCurrency {
    font-style: normal;
    font-weight: 400;
    color: #222;
    font-size: 14px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.walletForm-amountCustom {
    outline: none;
    border: none;
    margin: 0;
    text-align: center;
    -moz-appearance: textfield;
    padding: 11px 15px 0;
}

.walletForm-amountCustom::placeholder {
    opacity: 1;
    color: #222;
}

.walletForm-amountCustom:focus {
    color: #FFFFFF;
    background-color: rgba(66, 139, 202, 1);
}

.walletForm-amountWrapper.checked input,
.walletForm-amountWrapper.checked span,
.walletForm-amountCustom:focus + label i,
.walletForm-amountCustom:focus + label span {
    color: #FFFFFF;
}

.walletForm-amountCustom:focus::placeholder {
    color: #FFFFFF;
    background-color: rgba(66, 139, 202, 1);
}

/**
 * INVITE_A_GUEST
 */

#confirmModalNo,
#confirmModalYes {
    margin: 0;
}

.event-guests-wrapper {
}

.event-guests-list .event-guests-list-item-fullname {
    display: inline-block;
    padding-top: 2px;
}

.event-guests-list .event-guests-list-item {
    border-bottom: 1px dotted #cdcdcd;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
}

.event-guests-list .event-guests-list-item:hover {
    border-bottom: 1px dotted #adadad;
    background: rgba(205, 205, 205, 0.78);
}

.event-guests-list .event-guests-list-item:last-child {
    border-bottom: none;
}

.event-guests-list-item-btn {
    float: right;
}

.event-guests-list-item-btn i.fa {
    display: inline;
}

.event-guests-wrapper .evcal_evdata_row {
    background: #eaeaea;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
}

.event-guests-wrapper .evcal_evdata_icons,
.event-guests-wrapper h3 i,
.event-guests-wrapper h3 {
    color: #31708f !important;
}

.choose-abo-item {
    display: block;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    position: relative;
    padding: 10px !important;
    cursor: pointer;
    margin-bottom: 10px;
}

.choose-abo-item > * {
    color: #222222;
}

.choose-abo-item-radio:checked + .choose-abo-item > *,
.choose-abo-item:hover > * {
    color: #FFFFFF;
}

.choose-abo-item-radio:checked + .choose-abo-item {
    background-color: rgba(66, 139, 202, 0.8);
}

.choose-abo-item:hover {
    background-color: rgba(66, 139, 202, 0.6);
}

.choose-abo-item-credits {
    opacity: 0.6;
}

.choose-abo-item-label {
    font-weight: 600;
}

.choose-abo-item-radio {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
}

#event-register-guest-select {
    font-size: 16px;
}

/**
 * BOOKING
 */

.appointmentbooking-calendar-wrapper {
    border: none;
    border-radius: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.appointmentbooking-calendar-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.appointmentbooking-calendar-wrapper .caption-mod-1 {
    padding: 15px;
}

.appointmentbooking-calendar-wrapper .caption-mod-1 h4 {
    margin-bottom: 10px;
}

.appointmentbooking-calendar-wrapper .caption-mod-1 p {
    color: var(--body-color) !important;
}

.appointmentbooking-calendar-image {
    width: 400px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

#appointmentbookingapp-wrapper {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid rgba(26, 26, 26, 0.1);
    border-radius: 8px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);
    background: #FFFFFF;
    min-height: 600px;
    /*max-height: 100vh;*/
    position: relative;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 40px;
}

#appointmentbookingapp-wrapper-body {
    padding: 0 25px;
}

@media (max-width: 991px) {
    #appointmentbookingapp-wrapper-body {
        padding: 0 0px;
    }
}

#appointmentbookingapp-wrapper .booking-timeline::before {
    top: 40px;
    bottom: 80px;
    width: 1px;
    background-color: transparent;
    /*border-left: 1px dashed #AAAAAA;*/
    border-left: 1px dashed #b8daff;
    margin-left: -0.5px;
}

#appointmentbookingapp-wrapper .booking-timeline > li > .booking-timeline-panel {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 25px;
}

#appointmentbookingapp-wrapper .booking-timeline.booking-timeline-confirm > li > .booking-timeline-panel {
    padding-top: 0;
    padding-bottom: 10px;
}

#appointmentbookingapp-wrapper .booking-timeline > li:last-child > .booking-timeline-panel {
    border-bottom: none;
}

#appointmentbookingapp-wrapper .booking-timeline > li > .booking-timeline-panel::after,
#appointmentbookingapp-wrapper .booking-timeline > li > .booking-timeline-panel::before {
    /*display: none;*/
    transform: scale(-1,-1);
}

#appointmentbookingapp-wrapper .booking-timeline > li > .booking-timeline-panel::after {
    left: -16px;
}

#appointmentbookingapp-wrapper-header {
    padding: 30px 25px 25px;
    text-align: left;
    border-radius: 0px;
    margin-bottom: 20px;
    position: relative;
}

#appointmentbookingapp-wrapper-header-place {
    color: rgba(0,0,0,0.8);
    margin-top: 5px;
}

#appointmentbookingapp-wrapper-header-back i:before,
#appointmentbookingapp-wrapper-header-back a {
    color: #666666;
}

#appointmentbookingapp-wrapper-header-back {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 10px;
}

@media (min-width: 992px) {

    #appointmentbookingapp-wrapper-header {
        background: #F2F2F2;
    }

    #appointmentbookingapp-wrapper-header:after {
        content: " ";
        display: block;
        max-width: 100%;
        left: 0;
        right: 0;
        border-bottom: 1px solid #E2E2E2;
        position: absolute;
        bottom: 0;
    }

}

@media (max-width: 991px) {

    #appointmentbookingapp-wrapper-header {
        background: var(--primary-bg-color);
        color: #FFFFFF;
        padding: 30px 15px 25px;
        border-radius: 8px 8px 0 0;
        margin-bottom: 0;
    }

    #appointmentbookingapp-wrapper-header-back i:before,
    #appointmentbookingapp-wrapper-header-back a {
        color: #FFFFFF;
    }

    #appointmentbookingapp-wrapper-header-place {
        color: rgba(255,255,255,0.8);
    }

    #appointmentbookingapp-wrapper-header-back {
        top: 5px;
    }

}

#appointmentbookingapp-wrapper-header h2 {
    font-family: var(--calendar-font-1);
    letter-spacing: 0;
    font-size: 20px;
    font-weight: 600;
}

#appointmentbookingapp-wrapper-header-back i:before {
    font-weight: normal;
    font-size: 14px;
}

#appointmentbookingapp-wrapper-header-place i {
    margin-right: 5px;
}

#appointmentbookingapp-wrapper .booking-timeline-title,
#appointmentbookingapp-wrapper .booking-step {
    font-family: var(--calendar-font-1);
}

#appointmentbookingapp-wrapper .booking-timeline-title.blue {
    color: var(--primary-bg-color);
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#appointmentbookingapp-wrapper .done .booking-timeline-title.blue {
    color: #155724;
}

#appointmentbookingapp-wrapper .form-group-select {
    position: relative;
}

#appointmentbookingapp-wrapper .form-group-select:after {
    content: "\f078";
    display: block;
    font-size: 17px;
    font-weight: 100;
    font-family: "FontAwesome";
    width: auto;
    position: absolute;
    right: 10px;
    color: #CCCCCC;
    top: 10px;
}

#appointmentbookingapp-wrapper select {
    height: auto;
    padding: 10px 15px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
}

#booking-calendar-item-edit-dateselector,
#booking-calendar-item-edit-datepicker {
    margin-top: 25px;
}

#booking-calendar-item-edit-dateselector-table {
    width: 100%;
}

#booking-timeline-body-datepicker {
    margin-left: -70px;
    margin-top: 40px;
}

#booking-calendar-item-edit-dateselector-table td {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#booking-calendar-item-edit-dateselector-header td strong {
    display: block;
}

#booking-calendar-item-edit-dateselector-header td {
    border-bottom: 1px solid #D2D2D2;
    background: #E2E2E2;
}

#booking-calendar-item-edit-dateselector-header td.selected {
    background: #337ab7;
    color: #FFFFFF;
}

ul#appointmentbookingapp-wrapper-timeline.booking-timeline > li > .booking-timeline-badge {
    z-index: 1;
}

.btn.btn-info.booking-calendar-time-selector-selected {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.btn.btn-info.booking-calendar-time-selector-selected:hover {
    color: #fff !important;
    background-color: #47a447 !important;
    border-color: #398439 !important;
}

#booking-timeline-body-yourselection li {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #D2D2D2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#booking-timeline-body-yourselection li:last-child {
    border-bottom: none;
}

#timeslots-selected-ul li strong,
#booking-timeline-body-yourselection li strong {
    padding-right: 3px;
    display: inline-block;
    min-width: 33px;
}

.booking-calendar-time-selection-item:hover {
    background: #E2E2E2;
}

.booking-calendar-time-selection-item .spa-action {
    color: #A2A2A2;
    float: right;
    cursor: pointer;
    font-size: 22px;
}

#booking-create-button,
#booking-calendar-item-change-selection-button {
    margin-top: 10px;
    float: right;
}

#booking-create-button {
    width: 100%;
}

#booking-who-select-create-password-wrapper {
    clear: both;
}

#booking-who-select-create-password-wrapper .blueleaf-app-action[data-action="toggle-password"] {
    top: auto;
    bottom: 17px;
    right: 23px;
}

#booking-who-select-create-password-wrapper .form-group-password {
    position: relative;
}

#booking-timeline-body-comments {
    margin-top: 20px;
}

#booking-timeline-body-comments textarea {
    border: 1px solid #E2E2E2;
}

#booking-who-select-complete-wrapper #booking-gccb {
    float: left;
    margin-right: 10px;
}

#booking-who-select-complete-wrapper #booking-gccb + span {
    float: left;
}

#booking-create-login-button {
    margin-top: 10px !important;
}

#appointmentbooking #register-alert {
    position: fixed;
    top: 120px;
    display: block;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 10000;
}

@media (max-width: 991px) {
    #appointmentbooking #register-alert {
        top: auto;
        bottom: 20px;
        z-index: 10;
    }
}

#booking-timeline-inverted-who-info .fa {
    margin-right: 5px;
    opacity: 0.6;
}

/*
 * SPINNER
 */

.spa-shell-button-spinner-wrapper {
    position: relative;
}

.spa-shell-button-spinner-wrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    z-index: 500;
}

.spa-shell-button-spinner-wrapper .spa-shell-button-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -10px;
}

.spa-shell-button-spinner {
    /*width: 70px;*/
    text-align: center;
    display: none;
}

.spa-shell-button-label,
.spa-shell-button-spinner {
    height: 20px;
}

button:disabled .spa-shell-button-spinner {
    display: block;
}

button:disabled .spa-shell-button-label {
    display: none;
}

.spa-shell-button-spinner > div {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spa-shell-button-spinner > div.bg-info {
    background-color: rgba(82,124,136,1) !important;
}

.spa-shell-button-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spa-shell-button-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

.overlay .spa-shell-button-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 600;
    margin-left: -24px;
    margin-top: -10px;
}