/* GENERIC CSS */
body{
    background-color : #0042A3;
    background-image : none;
}

.hide{
    display : none;
}

.container .row{
    margin : 0;
}

#userprofile{
    background: white;
}

.form-control:focus{
    color            : #ffffff;
    background-color : #013b55;
    border-color     : #80bdff;
    outline          : 0;
}

#loader{
    position       : fixed;
    top            : 50%;
    left           : 50%;
    z-index        : 100000000;
    pointer-events : none;
}

.loader{
    position                  : fixed;
    border-radius             : 50%;
    animation-name            : spin;
    animation-duration        : 5000ms;
    animation-iteration-count : infinite;
    animation-timing-function : linear;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{
    border                  : 2px solid #ffffff;
    -webkit-text-fill-color : #ffffff;
    -webkit-box-shadow      : 0 0 0px 1000px #0042A3 inset !important;
    background-color        : #0042A3 !important;
}

.btn-collapse-legoland{
    background-image    : url('/_sub_/club.gardaland.it/club/resources/images/LEGOLAND_HEAD-6f161398abfafb7adaf46ecbd00e871d.png');
    background-repeat   : no-repeat;
    max-width           : 100%;
    background-position : top center;
    height: 100px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn-collapse-legoland,
.btn-collapse-legoland:hover{
    color: #0042A3;
}

.btn-collapse-legoland .plus-legoland{
    position: absolute;
    top: 0px;
    height: 20px;
    color: #0042A3;
    left: 25px;
    font-size: 30px;
    transition: transform 0.3s;
}

.btn-collapse-legoland.collapsed .plus-legoland{
    transform: rotate(0deg);
}

.btn-collapse-legoland .plus-legoland{
    transform: rotate(45deg);
}

.plus-legoland:before{
    padding: 6px;
    border-radius: 35px;
    background-color: #fff;
    border: 2px solid;
    cursor: pointer;
}

.collapse-legoland{
    background-image    : url('/_sub_/club.gardaland.it/club/resources/images/LEGOLAND_BODY-fafa9efee7f287238c2318cfbde8460f.png');
    background-repeat   : repeat-y;
    max-width           : 100%;
    background-position : top center;
    width: 100%;
    color: #0042A3;
}

.collapse-legoland .row-collapse-legoland{
    width: 440px;
    margin: auto;
}

.row-collapse-legoland ul li{
    text-align: left;
}

.gdl-btn, .gdl-btn.btn{
    box-shadow : none !important;
}

.gdl-btn, .gdl-btn.btn{
    box-shadow : none !important;
}

.gdl-btn.btn.btn-next{
    background-color : #00a44e;
    color            : white;
    border           : none;
}

svg #svg_info{
    fill : #0042A3;
}

/* HEADER */
.container.headline{
    margin-top : 1.5rem !important;
}

.breadcrumb{
    background-color : #FFFFFF !important;
}

#breadcrumb.breadcrumbs-line li{
    background-color : #0042A3 !important;
    text-align       : center;
    padding          : 5px 0;
}

.logo-link img{
    width : 10rem;
}

header .topheader a.b2b-button{
    margin-left  : 0;
    padding      : 5px 10px;
    float        : none;
    width        : auto;
    overflow     : auto;
    height       : auto;
    margin-right : 1rem !important;
}

.b2b-button{
    margin-left      : 10px;
    text-align       : center;
    color            : #ffffff;
    text-shadow      : 2px 2px rgb(0 0 0 / 25%);
    font-weight      : 700;
    text-transform   : uppercase;
    font-size        : 14px;
    float            : right;
    font-family      : 'Lato', serif;
    width            : 127px;
    padding          : 10px 0;
    line-height      : 20px;
    border-right     : 2px solid rgba(255, 255, 255, 0.3);
    border-left      : 2px solid rgba(255, 255, 255, 0.3);
    background-color : rgba(0, 135, 207, 0.5);
    border-radius    : 3px;
    display          : block;
}

/* HOME IMAGE */
.clubimg{
    width: 100%;
    display: inline-block;
    background-color : white;
    border-bottom: 15px solid #FFD826;
}

.clubimg img.img-fluid{
    max-height : 226px;
}

/* HOME */
#home .promotion_banner:before{
    content           : '';
    position          : absolute;
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 53px;
    height            : 53px;
    background-image  : url("/_sub_/club.gardaland.it/club/resources/images/stellina4-3222c9745c1ab4a3eaf3d9cdd9e6316f.png");
    left              : 10%;
}

#home .promotion_banner:after{
    content           : '';
    position          : absolute;
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 50px;
    height            : 50px;
    background-image  : url("/_sub_/club.gardaland.it/club/resources/images/stellina2-d7611c149b19de6d68f1a2bfda7430f9.png");
    left              : 80%;
    top               : 80%;
}

#home .promotion_banner{
    background-image : linear-gradient(0.25turn, rgba(1, 152, 224, 0), #ffffff, rgba(1, 152, 224, 0));
    padding          : 0.5rem 3rem;
    text-align       : center;
    color            : #003356;
}

#home .promotion_banner p.promotion_title{
    font-size   : 45px;
    color       : #003356;
    font-weight : 900;
    /*text-shadow : 1px 0 0 #01a3ef, -1px 0 0 #01a3ef, 0 1px 0 #01a3ef, 0 -1px 0 #01a3ef, 1px 1px #01a3ef, -1px -1px 0 #01a3ef, 1px -1px 0 #01a3ef, -1px 1px 0 #01a3ef;*/
}

#home .promotion_banner p.promotion_body1{
    color : #003356;
    width : 90%;
}

#home .promotion_banner p.promotion_body2{
    color       : #003356;
    font-size   : 40px;
    font-weight : 600;
    text-align  : center;
    width       : 100%;
}

#home .promotion_banner p.promotion_body3{
    color     : #003356;
    font-size : 12px;
    margin    : 0;
}

/* CARD*/
#home .card-banner .card {
    max-width: 987px;
}

#home .card-banner .card .card-body{
    background-color : #FFFFFF;
    color            : #000000;
    text-align       : center;
    border-bottom    : 15px solid #FFD826;
}

#home .card-banner{
    margin-top : 3rem;
    position   : relative;
}

#home .card-banner:before{
    content  : attr(title);
    position : absolute;
    /*background-image : linear-gradient(to bottom right, #013d59 0%, #5d92a0 50%, #b3b3b3 100%);*/
    width    : 100%;
    height   : 30rem;
    top      : -5rem;
}

#home .card-banner[title]:before{
    text-align  : center;
    padding-top : 1.5rem;
    font-weight : bold;
    font-size   : 15px;
    margin      : auto;
}

#home .card-banner .card .card-body .card-info0 ul li{
    text-align : left;
    font-size  : 18px;
}

#home .card-banner .card .card-body .card-info0 ul li::before{
    content       : "✓";
    padding-right : 5px;
    margin-left   : -17px;
    color         : red;
}

#home .card-banner .card .card-body .card-info0 ul{
    list-style   : none;
    margin-left  : 10px;
    padding-left : 0;
}

#home .card-banner .card .card-body .card-info1{
    font-size : 20px;
}

#home .card-banner .card .card-body .card-info3{
    font-size : 15px;
}

#home .card-banner .card .card-body .card-info5{
    white-space : nowrap;
    font-size   : 40px;
}

#home .card-banner .card .card-body .card-info4{
    position : relative;
}

#home .col-12.col-md-6 .card-banner .card .card-body .card-info4:before{
    content           : '';
    position          : absolute;
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 66px;
    height            : 66px;
    background-image  : url("/_sub_/club.gardaland.it/club/resources/images/stellina1-4420f63371bffa5af0737c9dc0a22d0a.png");
    left              : 10%;
    top               : 0px;
}

#home .col-12.col-md-6:last-child .card-banner .card .card-body .card-info4:before{
    content           : '';
    position          : absolute;
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 67px;
    height            : 67px;
    background-image  : url("/_sub_/club.gardaland.it/club/resources/images/stellina3-59a5b635a6878b49a2c4dc6518b8c99b.png");
    left              : 80%;
    top               : 50px;
}

#home .card-banner .card{
    min-height    : 600px;
    background    : transparent;
    border        : 4px solid #b3b3b3;
    border-radius : 4px;
    font-family   : 'Lato', regular;
    width         : 100%;
    margin        : auto;
    /*box-shadow    : 0rem 1rem 4rem rgba(0, 0, 0, .7);*/
}

#home .card-banner .card .card-header{
    background-color : #b3b3b3;
    color            : #000;
    text-align       : center;
    /*text-shadow      : 2.547px 2.561px 2px rgba(1, 78, 114, 0.79);*/
}

#home .card .card-header .card-year {
    color            : #FFFFFF;
    background-color : #fe0000;
    padding          : 5px;
}


#home .card .card-header{
    background-color : transparent;
    border-bottom    : 0;
    font-size        : 48px;
    font-weight      : bold;
    text-transform   : uppercase;
}

#home .card .card-header a,
#home .card .card-header span{
    color       : #000;
    font-size   : 48px;
    font-weight : bold;
}

#home .card-header-term{
    background-color : #0042A3;
    color            : #fff;
    width            : 100%;
    height           : 50px;
    min-height       : 50px;
    line-height      : inherit;
    font-size        : large;
    text-align       : center;
    font-family      : 'Lato';
    text-transform   : none;
    padding          : 0;
    margin           : 0;
}

#home .card .card-body .card-title{
    font-size  : 13px;
    text-align : center;
}

#home .card .card-body .add-info i.fas, .card .card-body .add-info i.far{
    color : #ffffff;
}

#home .card .card-body .add-info .pass-adv{
    padding-top : 1.5rem;
}

#home .card .card-body .add-info .pass-adv span{
    vertical-align : middle;
}

#home .card .card-footer{
    background-color : transparent;
    border-top       : 0;
    text-align       : center;
    font-size        : 18px;
}

.banner div {
    max-width: 987px;
}

    /* BODY */
.buyclubpass-body{
    background-color : white;
}

.info svg{
    fill : #0042A3 !important;
}

.trash-icon{
    border           : none;
    background-color : transparent;
    color            : white;
    cursor           : pointer;
}

.text-gold{
    color : #f6e98f;
}

.text-blu{
    color : #0042A3;
}

.bg-blu{
    background-color : #01405c;
}

.bg-white{
    background-color : #FFFFFF;
}

.bg-yellow{
    background-color : #fff081;
}

.vipinfo-popup{
    border-width     : 3px;
    font-family      : "Lato", sans-serif;
    width            : 220px;
    background-color : rgb(255, 255, 255);
    color            : rgb(67, 67, 67);
    text-align       : center;
    padding          : 5px 8px;
    border-radius    : 6px;
    border-style     : solid;
    border-color     : rgb(194, 165, 44);
    position         : absolute;
    z-index          : 1;
    top              : 60px;
    left             : 75px;
    font-size        : 12px;
}

.vipupgrade-product-info{
    margin-top       : 5px;
    text-align       : center;
}

.vipupgrade-product-info.current-pass{
    margin : auto;
}

.vipupgrade-arrow{
    display     : flex;
    align-items : center;
    color       : #fff081;
}

.vipupgradebox svg{
    fill  : url(#gradient-info) #ffffff;
    width : 100%;
}

.personal-info-body{
    padding          : 1rem 0;
    border-top       : 0;
    background-color : rgba(1, 59, 85, 0.501);
}

.personal-info-header{
    font-size  : 1.5em;
    text-align : center;
    color      : #013b55;
}

.season-body-layout {
    background-color: #FFFFFF;
    color: #0042a3;
}

.reserved-tickets-area-title {
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: #0042a3;
    text-transform: uppercase;
}

.sold-out-reserved {
    font-size: 1.3em;
    margin-top: 6%;
    font-weight: bold;
    color: red;
    margin-left: 25%;
}

.reserved-tickets-table-header {
    color: #fff;
    background-color: #0042a3;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    padding: 15px;
}

.vipupgradebox.first-box {
    display: flex;
    justify-content: center;
}

.vipupgradebox{
    text-align : center;
    padding    : 20px;
    font-size  : 1.4em;
}

#shoppingcart .card_header{
    background-color: #FFFFFF!important;
}

#shoppingcart .card_header .shoppingcart_title{
    color: #0042A3!important;
}

#shoppingcart .owner_container .row.product,
#shoppingcart .owner_container .row.product .empty {
    background-color: #FFFFFF!important;
    color: #0042A3!important;
}

#trash:focus{
    outline-color : transparent;
}

#legoland{
    background-image    : url('/_sub_/club.gardaland.it/club/resources/images/LEGOLAND-2223f688628a08b9b2d756c70119869a.png');
    background-repeat   : no-repeat;
    max-width           : 100%;
    background-position : top center;
    height              : 50%;
}

#legoland .card{
    background-color : transparent;
    color            : #e51e25;
    border           : 0px;
    border-radius    : 0px;
}

#legoland .card:after{
    content : none;
}

#legoland .card .card-body{
    font-size      : 25px;
    text-align     : center;
    font-weight    : 500;
    padding-bottom : 0px;
}

#legoland .card .card-body .card-title:after{
    content : none;
}

#legoland .card .card-footer p{
    text-align : center;
    font-size  : 16px;
}

/* CART */

.cart .cart-remove{
    background          : transparent;
    background-image    : url("/_sub_/club.gardaland.it/club/resources/images/ico-cart_remove-2c1ce850c0a043b2225df3b9182378d7.png");
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : 100% auto;
    min-height          : 30px;
    min-width           : 30px;
    border              : none;
    margin              : 10px 15px 15px 0px;
}

.cart .button .cart-remove{
    text-align     : center;
    margin         : 0;
    padding        : 0;
    text-transform : uppercase;
    font-size      : 8px;
    width          : auto;
    height         : auto;
    background     : none;
    cursor         : pointer;
}

.cart-remove img{
    width   : 40px;
    height  : auto;
    margin  : 0 auto 5px;
    display : block;
    filter  : invert(1);
}

.cart .product p{
    margin : 0;
}

.cart p.title,
.cart p.empty{
    margin         : 15px auto 5px;
    color          : #FFFFFF !important;
    font-weight    : 700;
    line-height    : inherit;
    text-transform : uppercase;
}

.cart p.empty{
    color          : #fff;
    text-transform : uppercase;
}

.cart p.tip{
    margin      : 10px 0;
    line-height : 1.3;
    font-size   : 12px;
}

.cart p.tip.de{
    font-size : 11px;
}

.cart .small.owner{
    line-height : 1.5;
}

.cart .small.owner span{
    margin  : 0 auto;
    display : block;
}

.cart .owner_container .row.product{
    border-top : 1px solid rgba(1, 64, 92, .62);
}

.product_list_body .price_month, .product_list_body .price_month p{
    margin-bottom : 0px;
    font-size     : 1em;
    font-weight   : 600;
}

.product_list_body .price p.newprice{
    line-height : 1rem;
}

.cart .owner_container .row.product .justify-content-center{
    padding : 7px 0px 7px 0px;
}

.cart .product p.button{
    line-height : 1;
    cursor      : pointer;
}

#shoppingcart .owner_container .product_list_header{
    background-color : #0042A3;
}

.modal-content.redeem-content{
    background: white;
}

.home-title{
    text-align    : center;
    margin-bottom : 30px;
    font-family   : 'Lato', sans-serif;
    color         : #0042A3;
    font-weight   : 600;
    line-height   : 30px;
    font-size     : 25px;
}

header > div.topheader{
    background-color : #0000;
}

div.container.maincontent div.vantaggi{
    min-height : 550px;
}

canvas{
    width         : 30%;
    height        : auto;
    border        : 4px solid #00a9ec;
    border-radius : 10px;
    float         : right;

}

#home .card-vantaggi{
    width       : 80%;
    margin      : auto;
    padding-top : 5%;
}

#home .card-vantaggi:before{
    content  : '';
    position : absolute;
    height   : 2px;
    width    : 80%;
    top      : 0px;
    left     : 10%;
    /*background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);*/
}

#home .card-vantaggi .card-title{
    font-size : 31px;
}

#home .card-vantaggi .add-info{
    color      : #ffffff;
    font-size  : 20px;
    text-align : right;
}

#home .card-vantaggi .add-info .pass-adv:nth-child(2):before{
    content           : '';
    position          : absolute;
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 66px;
    height            : 66px;
    background-image  : url("/_sub_/club.gardaland.it/club/resources/images/stellina1-4420f63371bffa5af0737c9dc0a22d0a.png");
    left              : 10%;
}

#home .card-vantaggi .add-info .pass-adv:last-child label{
    position : relative;
}

#home .card-vantaggi .add-info .pass-adv:last-child label:before{
    content           : '';
    position          : absolute;
    background-size   : auto;
    background-repeat : no-repeat;
    width             : 70px;
    height            : 42px;
    background-image  : url("/_sub_/club.gardaland.it/club/resources/images/ico_wow-d4ec89fba85785a0e0c9bee6b3d43805.png");
    right             : calc(100% - (70px / 2));
    bottom            : 2px;
}

#home .card-vantaggi .add-info .pass-adv{
    padding : 10px;
}

#home .card-vantaggi .add-info .fa-stack{
    color : #ffffff;
}


#home .card-vantaggi .add-info .pass-adv .panel-collapse{
    font-size  : 19px;
    text-align : left;
    padding    : 1rem;
}

#home .card-vantaggi .add-info .pass-adv .panel-collapse ul{
    list-style : none;
    padding    : 0;
    margin     : 0;
}

#home .card-vantaggi .add-info .pass-adv .panel-collapse ul li{
    padding-left : 16px;
}

#home .card-vantaggi .add-info .pass-adv .panel-collapse ul li:before{
    content       : "-";
    padding-right : 8px;
}

#home .btn-buy-club{
    line-height      : inherit;
    padding          : 5px 15px;
    white-space      : normal;
    background-color : #cb0202;
    color            : #fff;
    height           : 45px;
    min-width        : 100px;
    width            : 180px;
    border-radius    : 0px;
    border           : none !important;
    text-align       : center;
    text-transform   : none;
    box-shadow       : none;
}

#home .gdl-btn.btn-next span::after{
    display : none;
}

/* INFO BANNER */
.section.info-utili{
    background-color : #FFFFFF !important;
    color            : #0042a3 !important;
    margin           : 25px 0;
    font-family      : 'Lato';
    font-weight      : 400;
}

.section.info-utili .banner-title, .section.info-utili h2{
    text-transform   : uppercase;
    font-size        : 1.5em;
    font-weight      : 700;
    padding          : 15px;
    text-align       : center;
    width            : 100%;
    margin           : 0px auto 0px;
    color            : #fded85;
    font-family      : "Lato";
    background-color : #0042a3;
}

/* PRODUCT LIST */
.products_list .product_list_header{
    background-color : #0042A3;
}

.products_list .product_list_body{
    background-color : #FFFFFF;
    color            : #0042A3;
}

/* ACCOUNT INFO */
.additionalaccount .section{
    border      : 0px;
    font-size   : 17px;
    font-weight : 400;
    margin      : 0;
    width       : 100%;
    cursor      : pointer;
    background  : #FFFFFF;
    color       : #0042A3;
}

.additionalaccount .section .panel-heading.formaccount-panel{
    background  : #0042a3;
    color       : #ffffff;
    font-weight : 700;
    font-size   : 19px;
}

.additionalaccount .section .formaccount-panel{
    padding : 20px 15px;
    margin  : 20px 15px;
}

.additionalaccount .section .formaccount-panel{
    padding : 20px 15px;
    margin  : 20px 15px;
}

.single-item {
    padding: 2px;
    border-bottom: 1px solid #0042a3;
}
.autocomplete-active {
    background-color: #0042a3;
    color: #FFFFFF;
}

.btn_green.btn_photo{
    border         : 2px solid #6ac84d;
    color          : #fff;
    white-space    : inherit;
    margin         : 0px 0px 15px 0px;
    text-transform : uppercase;
    width          : 160px;
    background     : rgba(1, 59, 85, 0.501);
    border-radius  : 0px;
}

.btn-canvas-remove.js-delete-photo{
    color : #a80000;
}

/* POPOVER */
.popover_upload .popover_body .remove_me{
    background : transparent !important;
}

/* LOGIN */
.login-registration{
    padding    : 20px 15px;
    background : #fff;
    color      : #0042A3;
}

#loginTab a, #loginTab a:hover, #loginTab a:focus{
    color           : #0042A3;
    text-decoration : underline;
    font-size       : 14px;
}

.renew .form-group{
    color : #0042A3 !important;
}

.renew p{
    margin-top : 0 !important;
}

.insert-mediacode-body{
    background-color : #FFFFFF;
}

/* USER PROFILE */
.dashboard-link, .userprofile-link, .changepassword-link{
    min-width : 220px;
}

.user-profile-container{
    background : #fff;
    color      : #0042A3;
}
#userprofile .header-link,
#userprofile .header-link:hover,
#userprofile .header-link:focus{
    color           : #fff !important;
    text-decoration : none !important;
}

#userprofile .js-formuser input.disabled, #userprofile .js-formuser select.disabled, #userprofile .js-formuser input[readonly]{
    border             : none;
    pointer-events     : none;
    outline            : none;
    appearence         : none;
    -moz-appearance    : none;
    -webkit-appearance : none;
    background         : rgba(0, 0, 0, 0.3);
}

#userprofile .js-formuser .checkbox-inline.disabled, #userprofile .js-formuser .radio-inline.disabled{
    border             : none;
    pointer-events     : none;
    outline            : none;
    appearence         : none;
    -moz-appearance    : none;
    -webkit-appearance : none;
}

.user-information input:not(.btn-confirm){
    background    : #0042A3;
    font-size     : 14px;
    font-family   : "Lato", sans-serif;
    padding       : 5px 10px;
    border        : none;
    border-radius : 3px;
    color         : #ffffff;
    width         : 100%;
    height        : 31px;
    font-weight   : normal;
    line-height   : 1;
}

.landing-header-navbar.d-block.d-md-flex.d-lg-flex{
    width              : 100%;
    display            : flex;
    justify-content    : space-between;
    height             : auto !important;
    overflow           : visible !important;
    max-height         : 100%;
    padding            : 0;
    margin-top         : 10px;
    position           : relative;
    border-top         : 0;
    -webkit-box-shadow : none;
    box-shadow         : none;
}
#userprofile .disclamer{
    color       : white;
}
.disclamer{
    padding     : 15px;
    opacity     : 3.1;
    background  : rgba(0, 0, 0, 0.1);
    margin-top  : 10px;
    font-weight : bold;
    color       : #0042A3;
}

.user-information select{
    width         : 100%;
    height        : 31px;
    overflow      : hidden;
    background    : #0042A3;
    border        : none;
    padding       : 5px 10px;
    font-size     : 14px;
    border-radius : 3px;
    font-family   : "Lato", sans-serif;
    font-weight   : normal;
    color         : #ffffff;
}

/* UPDATE SUBS */
.winter-login-body{
    background-color : white;
    color            : #0042A3;
    padding          : 25px 0;
}

/* MEDIACODE */
.insert-mediacode-body{
    background-color : #FFFFFF;
}

/* OLD USER PROFILE */
#userprofile_headline.clubimg:after{
    content : none;
}

.content-wrapper{
    padding : 0 50px;
}

#userprofile_headline{
    min-height : 90px;
}

#userprofile_headline p{
    position    : absolute;
    left        : 0px;
    top         : 20%;
    text-align  : center;
    width       : 100%;
    text-shadow : 6.038px 5.248px 8px rgba(0, 51, 86, 0.79);
    font-size   : 65px;
    font-weight : 200;
    white-space : nowrap;
}

#userprofile_headline p span{
    font-weight : 900;
}

#userprofile .welcome{
    text-align  : center;
    text-shadow : 9.057px 7.873px 13.5px rgba(3, 35, 56, 0.83);
    font-size   : 30px;
    color: #0042A3;
}

#userprofile #card_product:before, #userprofile #card_payments:before, #userprofile #card_profile:before{
    content          : attr(title);
    position         : absolute;
    width            : 100%;
    height           : 15rem;
    left             : 0px;
    top              : -3rem;
    background-image : linear-gradient(to bottom right, #0042A3 0%, #015d92 35%, #95d8ff 100%);
    padding          : 0px 15px;
    background-clip  : content-box;
}

#userprofile #card_product[title]:before, #userprofile #card_payments[title]:before, #userprofile #card_profile[title]:before{
    text-align     : center;
    font-weight    : bold;
    font-size      : 25px;
    text-transform : uppercase;
}

#userprofile #card_product .card_body, #userprofile #card_payments .card_body, #userprofile #card_profile .card_body{
    background-image : linear-gradient(to left, #0042A3 0%, #0276b0 50%, #0042A3 100%);
    padding          : 0px 30px;
    background-clip  : content-box;
    min-height       : 200px;
    height           : auto;
}

#userprofile #card_product .card_body:after, #userprofile #card_payments .card_body:after, #userprofile #card_profile .card_body:after{
    content    : '';
    position   : absolute;
    height     : 1px;
    width      : 80%;
    left       : 10%;
    bottom     : 0px;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
}

#userprofile #card_product .card_body:before, #userprofile #card_payments .card_body:before, #userprofile #card_profile .card_body:before{
    content    : '';
    position   : absolute;
    height     : 1px;
    width      : 80%;
    left       : 10%;
    top        : 0px;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
}

#userprofile #card_product.view .card_body:before, #userprofile #card_payments.view .card_body:before, #userprofile #card_profile.view .card_body:before,
#userprofile #card_product.view .card_body:after, #userprofile #card_payments.view .card_body:after, #userprofile #card_profile.view .card_body:after{
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(197, 0, 0, 0.7) 15%, rgba(235, 0, 0, 0.8) 19%, rgba(255, 0, 0, 0.8) 20%, rgba(255, 0, 0, 0.8) 50%, rgba(255, 0, 0, 0.8) 80%, rgba(255, 0, 0, 0.8) 81%, rgba(197, 0, 0, 0.7) 85%, rgba(197, 0, 0, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(197, 0, 0, 0.7) 15%, rgba(235, 0, 0, 0.8) 19%, rgba(255, 0, 0, 0.8) 20%, rgba(255, 0, 0, 0.8) 50%, rgba(255, 0, 0, 0.8) 80%, rgba(255, 0, 0, 0.8) 81%, rgba(197, 0, 0, 0.7) 85%, rgba(197, 0, 0, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(197, 0, 0, 0.7) 15%, rgba(235, 0, 0, 0.8) 19%, rgba(255, 0, 0, 0.8) 20%, rgba(255, 0, 0, 0.8) 50%, rgba(255, 0, 0, 0.8) 80%, rgba(255, 0, 0, 0.8) 81%, rgba(197, 0, 0, 0.7) 85%, rgba(197, 0, 0, 0) 100%);
}

#userprofile #card_product .card_body .card_header, #userprofile #card_payments .card_body .card_header, #userprofile #card_profile .card_body .card_header{
    font-size   : 15px;
    font-weight : 700;
    padding     : 1rem;
    min-height  : 61px;
}

#userprofile #card_product .card_body .row_product, #userprofile #card_payments .card_body .row_product, #userprofile #card_profile .card_body .row_product{
    font-size   : 15px;
    font-weight : 200;
    padding     : 1rem;
    text-shadow : 7.547px 6.561px 3px rgba(1, 78, 114, 0.79);
}

#userprofile #card_payments #payinfo{
    z-index    : 1000;
    display    : block;
    width      : 100%;
    padding    : 0 15px 5px;
    text-align : center;
}

#userprofile #card_profile .card_header .alert{
    margin-bottom : 0px;
}

#userprofile form .input-group input.disabled, #userprofile #card_edit form .input-group input:read-only{
    margin-bottom      : 7px;
    color              : #fff;
    border             : none;
    pointer-events     : none;
    outline            : none;
    font-size          : 1rem;
    appearence         : none;
    -moz-appearance    : none;
    -webkit-appearance : none;
    background-color   : transparent;
    width              : 100%;
    padding            : 0;
}

.user-information input:not(.btn-confirm) {
    background: #0042A3;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    width: 100%;
    height: 31px;
    font-weight: normal;
    line-height: 1;
}

.form-control[readonly] {
    background-color: #0042A2!important;
    color: #fff!important;
}

#userprofile form .input-group input[type=radio]:not(:checked) ~ span.radio-spacing, #userprofile form .input-group span.radiomark{
    display      : none;
    padding-left : 0px;
}

span.radiomark:not(.oldcheckcart){
    border: 2px solid #0042a3!important;
}

input[type=radio]:checked ~ span.radiomark:not(.oldcheckcart):after{
    content          : '';
    position         : absolute;
    background-color : #0042a3!important;
    height           : 10px;
    width            : 10px;
    margin           : 3px 2px 3px 3px;
}

#userprofile form .input-group input[type=radio]:checked ~ span.radio-spacing{
    padding-left : 0px;
}

#userprofile form .input-group .gender .radio-inline{
    float : left;
}

#userprofile form .label-group label{
    white-space : nowrap;
}

#userprofile form .label-group label i{
    font-size      : 10px;
    vertical-align : text-top;
}

#userprofile form .form-control.error{
    border : 2px solid lightcoral;
}

#userprofile form .input-group span.error{
    width   : 100%;
    color   : #e51e25;
    padding : .5rem 0;
}


#userprofile .buttons{
    margin-top : 15px;
}

#userprofile .buttons .btn-without:not(.collapsed) span.view{
    display : none;
}

#userprofile .buttons .btn-without.collapsed span.view{
    display : inline;
}

#userprofile .buttons .btn-without:not(.collapsed) span.chiudi_dettagli{
    display : inline;
}

#userprofile .buttons .btn-without.collapsed span.chiudi_dettagli{
    display : none;
}

#userprofile .buttons .btn-without, #userprofile .small-btn.btn-without{
    min-width: 140px;
    border: 2px solid #0042A3;
    border-radius: 0px;
    background: transparent;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0042A3;
    text-align: center;
    padding: 0 10px;
    line-height: 2;
    align-items: center;
    height: auto;
    margin: 0 auto;
    cursor: pointer;
}

#userprofile .prod-list .small-btn.btn-without, #userprofile #card-list .small-btn.btn-without{
    border: 2px solid #00a9ec;
    background-color: white;
}

#userprofile .buttons .btn-without.btn-next span::after{
    content : none;
}

#userprofile .border-club-dark{
    /*background-image : linear-gradient(to right, #013D58 30%, #7cb4c0 60%, #6196A2 100%);*/
    padding          : 5px;
}

#userprofile .border-club-white{
    /*background-image : linear-gradient(to right, #013D58 30%, #7cb4c0 60%, #95D8FF 100%);*/
    padding          : 5px;
    margin-top       : 1rem;
}

#userprofile .bg-club-dark{
    background : #0042A3;
    margin     : 0px;
    box-shadow : inset 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, .7);
    padding    : .5rem;
}

#userprofile .bg-club-white{
    background : #0042A3;
    margin     : 0px;
    box-shadow : inset 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, .7);
    padding    : 1rem;
}

#modalEditProfile .close {
    margin-left: 0;
    margin-right: 0;
    padding: 18px 5px;
}

#userprofile .gdl-btn {
    color: #0042A3;
    border: 2px solid #0042A3;
    background: white;
}

#userprofile .js-save-userprofile {
    border: 2px solid #ffffff;
    color: white;
    background: transparent;
    display: inline-block;
}

#userprofile .border-club-dark .card_header{
    font-size      : 15px;
    font-weight    : 700;
    padding        : 1rem;
    text-align     : left;
    text-transform : uppercase;
}

#userprofile .row_product{
    padding : 0.5rem 1rem;
}

#userprofile .bg-club-dark .row_product p{
    margin-bottom : 0px;
}

#userprofile .row_product .btn-without.btn-next span:after{
    content : none;
}

#svg_26, #svg_29{
    --color-stop-edit-1  : #4d90b4;
    --color-stop--edit-2 : #f2ffff;
}

#svg_color_info{
    --color-stop-info-1 : #f2ffff;
    --color-stop-info-2 : #4d90b4;
}

#userprofile .row_product svg #svg_1{
    fill : url('#svg_29') #4d90b4;
}

#userprofile .row_product svg #svg_18{
    stroke : url('#svg_26') #4d90b4;
}

#userprofile .row_product svg #svg_info,
#userprofile .card_header svg #svg_info  {
    fill : url('#svg_color_info') #4d90b4;
}

#userprofile .row_product svg:hover #svg_1{
    fill : #5cb85c;
}

#userprofile .row_product svg:hover #svg_18{
    stroke : #4d90b4;
}

#userprofile .row_product svg:hover #svg_info,
#userprofile .card_header svg:hover #svg_info {
    fill : #4d90b4;
}

.button_profile svg #svg_3{
    fill : #ffffff;
}

.button_profile svg:hover #svg_3{
    fill : #ee0013;
}

.button_profile svg:hover ~ .sign-out-text{
    color : #ee0013;
}

.de-white-space{
    white-space : initial;
    line-height : 1.5;
}

.sign-out-text{
    font-size   : 15px;
    font-weight : 600;
    text-align  : left;
    width       : 100%;
}

#userprofile button.info-up-popover, #userprofile button.info-up-popover:focus{
    border     : 0px;
    background : transparent;
    outline    : 0px;
}

span.checkmark.checkmark {
    border: 2px solid #0042a3;
}

input[type=checkbox]:checked ~ span.checkmark:after {
    background-color: #0042a3!important;
}

#userprofile .nav-link {
    font-size: 20px;
    color: #01577e;
    font-family: "Lato";
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    background-color: #ffffff;
    border: 2px solid #00a9ec;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    max-width: 663px;
    margin: 0 auto 30px;
}

span.circle {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 6px 0;
    border-radius: 15px;
}

span.circle.approved {
    color: #fff;
    background-color: #5cb85c;
    border: 2px solid #fff;
}

span.circle.disapproved{
    color            : #fff;
    background-color : #e51e25;
    border           : 2px solid #fff;
}

/* END OLD USER PROFILE */

.modal-content.modal-content {
    border-top       : 3px solid #FFD826;
    border-bottom    : 3px solid #FFD826;
    border-left      : 3px solid #FFD826;
    border-right     : 3px solid #FFD826;
}

.modal-content button.btn {
    min-height: 45px;
}

.modal-content button.btn.back-button {
    background: #0042A3;
    color: #fff;
    border: 1px solid #FFD826;
    text-transform: uppercase;
}
.modal-content button.btn.next-button {
    background: #00a44e!important;
    color: white;
    border-radius: unset;
}

.modal-footer{
    border-top : none !important;
}

.insertmediacode svg {
    fill: #0042a3;
    width: 100%;
    margin-left: 30px;
}

.vipupgradebox svg {
    fill: #0042a3;
    width: 100%;
    margin-left: 30px;
}

.tooltip-arrow:before{
    content      : "";
    position     : absolute;
    top          : -13%;
    left         : 50%;
    margin-left  : -5px;
    border-width : 5px;
    border-style : solid;
    border-color : rgb(194, 165, 44) transparent transparent transparent;
    transform    : rotate(180deg);
}

.close-redeem{
    font-size : 30px!important;
}

.mediaexample{
    width    : 100%;
    position : absolute;
    z-index  : 999999;
    top      : 35px;
    left     : 5px;
}

.requiredcal .opendata-box {
    font-size: 20px;
}

.datepicker table tr td span {
    font-size: 12px;
    line-height: 12px !important;
    width: 100% !important;
    height: auto !important;
}

.js-mycal{
    width : 100%;
}

.js-mycal .datepicker-inline{
    margin : auto;
    color  : #FFFFFF;
}

.datepicker-days {
    background-color: white;
}

.datepicker-inline{
    width : 450px !important;
}

.datepicker .datepicker-switch,
.datepicker .next, .datepicker .prev,
.datepicker tfoot tr th{
    cursor : pointer;
    color  : #0042A3;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{
    color            : #0042A3!important;
    background-color : #FFD826!important;
    border-color     : #FFD826!important;
    cursor           : pointer;
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 50px;
    height: 30px;
    border-radius: 4px;
    border: none;
    padding: 8px;
    color: #7D7D7D;
}

.js-mycal .table-condensed thead,
.js-mycal .table-condensed tbody{
    font-size : 25px;
}

.table-condensed {
    border-collapse: separate;
    border-spacing: 3px;
}

.redeem-content .datepicker-days {
    display: flex;
    justify-content: center;
}

.datepicker table tr td:not(.disabled), .datepicker table tr td:not(.disabled):hover{
    background-color : #CDDFF4;
    color            : #0042A3;
    cursor : pointer;
}

#checkbasket-body .checkout-cart-title, .checkout-form-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #0042A2;
    padding: 20px 15px;
    font-size: 17px;
    background: transparent;
}

#checkbasket-body .checkout-cart-header {
    display: flex;
    text-transform: none;
    color: #fff;
    line-height: 61.6px;
    font-size: 16px;
    padding: 0;
    font-weight: bold;
    background-color: #0042A2;
}

#checkbasket-body .checkout-header-title-left {
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

#checkbasket-body .checkout-header-title-right {
    border-right: 2px solid rgba(0, 0, 0, 0.3);
}

#checkbasket-body .checkout-product-row {
    display: flex;
    padding: 10px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    font-size: 15px;
    color: #0042A3;
}

#checkbasket-body .checkout-product-info {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
}

#checkbasket-body .perf-date {
    font-size: 14px;
}

#checkbasket-body .checkout-totals-container {
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    font: 14px/1 "Lato";
    font-weight: bold;
    color: #0042A2;
    padding: 20px 29px;
    text-align: right;
    font-size: 17px;
    background: transparent;
}

#checkbasket-body .checkout-payment-title {
    text-transform: uppercase;
    background: transparent;
    font-weight: bold;
    color: #0042A3;
    padding: 20px 15px;
    font-size: 17px;
    font-family: "Lato", sans-serif;
}
/* FOOTER */
footer .container.navbar:before{
    display : none;
}

.faq-section .faq-section-title{
    background: #0042a3;
    color: #fff;
    margin     : 0px 15px;
}

.faq-section .faq-section-title h2{
    font-size : 17px;
}

.accordion-box {
    margin: 15px auto;
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.accordion-box .accordion-toggle .titledesc, .accordion-box .panel-body .descrgeneral {
    padding: 15px;
    color: white;
}

.accordion-box .accordion-toggle.collapsed::after {
    color: white;
    display: inline-flex;
    content: "\f067";
    font-size: 13px;
    position: relative;
    left: -10px;
    top: -30px;
    font-family: FontAwesome;
    float: right;
}

.accordion-box .accordion-toggle::after {
    color: white;
    display: inline-flex;
    content: "\f068";
    font-size: 13px;
    position: relative;
    left: -10px;
    top: -30px;
    font-family: FontAwesome;
    float: right;
}

.hide_price div span {
    display: none !important;
}

.carplate-disabled {
    background-color: lightslategrey;
    border: 1px solid white;
}

.carplate-enabled {
    border: 2px solid black;
    background-color: cornflowerblue;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width : 575.98px){

    .btn-collapse-legoland{
        height: 85px;
        font-size: 15px;
    }

    .btn-collapse-legoland .plus-legoland {
        left: 5px;
        font-size: 20px;
    }

    .collapse-legoland .row-collapse-legoland{
        width: auto;
    }


    #navigation ul.nav.nav-pills.nav-fill {
        background: #0042A3;
        top: -95px;
        right: 10px;
    }

    #home .card .card-header a, #home .card .card-header span {
        font-size: 20px !important;
    }

    #home .card-header-term{
        font-size : 12px;
    }

    #home .card-banner{
        margin-top : 2rem;
        height: inherit;
    }

    .card-info0 li{
        line-height : 16px;
        font-size   : 12px !important;
    }

    .card-body{
        padding : 0 !important;
    }

    .container.maincontent,.container.headline {
        padding: 0;
    }

    #home .col-12 {
        padding: 0;
    }

    #home .card-banner .card {
        width: 100%;
        margin: 0;
    }

    .row-banner .col-12 {
        padding: 0;
    }

    #userprofile_headline p{
        font-size : 30px;
    }

    #userprofile .welcome, #userprofile .welcome > *{
        font-size : 15px !important;
    }

    #userprofile a.info-popover svg #svg_info{
        fill : url(#svg_color_info) #4d90b4;
    }

    #userprofile a.info-popover svg #svg_info:hover{
        fill : url(#svg_color_hover_info) #4d90b4;
    }

    #userprofile .bg-club-dark{
        padding : 0.5rem;
    }

    #userprofile .row_product{
        padding : 0.5rem .5rem;
    }

    #userprofile .buttons{
        margin-top    : 5px;
        margin-bottom : 30px;
    }

    #userprofile, #userprofile .nav-link {
        font-size: 10px;
    }

    #userprofile #card_product .card_body,
    #userprofile #card_payments .card_body,
    #userprofile #card_profile .card_body {
        padding: 0;
    }

    #userprofile #card_product[title]:before,
    #userprofile #card_payments[title]:before,
    #userprofile #card_profile[title]:before {
        font-size: 20px;
    }

    #userprofile #card_product .card_body .row_product,
    #userprofile #card_payments .card_body .row_product,
    #userprofile #card_profile .card_body .row_product {
        font-size: 10px;
        padding: 0;
    }

    #userprofile .row.card_header.prod-details {
        display: none;
    }

    #userprofile_headline p {
        top: 1%;
    }

    .cards-margin {
        margin-bottom: 30px;
    }

    .cards-margin .row.row_product div {
        padding: 0 10px;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width : 576px) and (max-width : 767.98px){
    #home .card .card-header a, #home .card .card-header span {
        font-size: 15px !important;
    }

    #home .card-header-term{
        font-size : 12px;
    }

    #home .card-banner{
        margin-top : 2rem;
    }

    .card-info0 li{
        line-height : 16px;
        font-size   : 12px !important;
    }

    .card-body{
        padding : 0 !important;
    }

    .container.maincontent,.container.headline {
        padding: 0;
    }

    #home .col-12 {
        padding: 0;
    }

    #home .card-banner .card {
        width: 100%;
        margin: 0;
    }

    .row-banner .col-12 {
        padding: 0;
    }

    #userprofile_headline p{
        font-size : 30px;
    }

    #userprofile .welcome, #userprofile .welcome > *{
        font-size : 15px !important;
    }

    #userprofile a.info-popover svg #svg_info{
        fill : url(#svg_color_info) #4d90b4;
    }

    #userprofile a.info-popover svg #svg_info:hover{
        fill : url(#svg_color_hover_info) #4d90b4;
    }

    #userprofile .bg-club-dark{
        padding : 0.5rem;
    }

    #userprofile .row_product{
        padding : 0.5rem .5rem;
    }

    #userprofile .buttons{
        margin-top    : 5px;
        margin-bottom : 30px;
    }

    #userprofile, #userprofile .nav-link {
        font-size: 10px;
    }

    #userprofile #card_product .card_body,
    #userprofile #card_payments .card_body,
    #userprofile #card_profile .card_body {
        padding: 0;
    }

    #userprofile #card_product[title]:before,
    #userprofile #card_payments[title]:before,
    #userprofile #card_profile[title]:before {
        font-size: 20px;
    }

    #userprofile #card_product .card_body .row_product,
    #userprofile #card_payments .card_body .row_product,
    #userprofile #card_profile .card_body .row_product {
        font-size: 10px;
        padding: 0;
    }

    #userprofile .row.card_header.prod-details {
        display: none;
    }

    #userprofile_headline p {
        top: 1%;
    }

    .cards-margin {
        margin-bottom: 30px;
    }

    .cards-margin .row.row_product div {
        padding: 0 10px;
    }
}