﻿
:root { --gp-black_000000: #000000; --gp-white_ffffff: #ffffff; --gp-green_00B050: #00B050; --gp-orange_EC6907: #EC6907; --gp-orange_F39200: #F39200; --gp-orange_F49100: #F49100; --gp-blue_004884: #004884; --gp-grey_434345: #434345; --gp-grey_EAEAED: #eaeaed  }


@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }
@font-face { }


.gp-color1 { }
.gp-color2 { }

a { }
    a:hover { }
.btn-primary { }

html { background-color: var(--gp-white_ffffff); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; }
    html * { }
body { background-color: transparent; }

.subfooter { }
    .subfooter .logo-container { }
    .subfooter span { color: var(--gp-black_000000); }
    .subfooter img { max-width: 30px; height: auto; }

.gp .gp-overlay { }
    .gp .gp-overlay .gp-overlay-inner { }
    .gp .gp-overlay .gp-spinner[data-type='1'] { border-color: rgba(255,255,255,0.5); background-color: var(--gp-black_000000); }

.lang-sel { }
    .lang-sel button img { border-color: transparent; }

.lang-sel2 { }
    .lang-sel2 button { }
        .lang-sel2 button:hover { }
        .lang-sel2 button img { }
        .lang-sel2 button span { }

.header { }
    .header .logo-container { border-bottom: 3px solid #414042 }
    .header .logo {}
        .header .logo img { max-height:85px }
    .header .logo-container .logout-spacer { }
    .header .logo-container .logout-container { }
        .header .logo-container .logout-container button { }
        .header .logo-container .logout-container img { }
    .header .title { color: var(--gp-grey_434345); }
    .header .subtitle { }
    .header.wide { }

.main-form { }
    .main-form p {}

.main-form-key { }
.main-form-submit { color: var(--gp-white_ffffff); background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); }

.r-buttons { }
    .r-buttons button.r-b-default { color: var(--gp-grey_434345); background-color: var(--gp-white_ffffff); border-color: var(--gp-grey_434345); }
    .r-buttons button.r-b-primary { color: var(--gp-white_ffffff); background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); }

.r-products-list .r-p-l-items .r-p-l-item { border-width: 1px; border-style: none; border-color: var(--gp-white_ffffff); border-radius: 12px; overflow: hidden; }
    .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-image { }
    .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body { justify-content:center }
        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-desc { color: var(--gp-white_ffffff); visibility: hidden; }
        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons { height:50%; }
            .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons button.r-p-l-i-select { color: var(--gp-white_ffffff); background-color: var(--gp-grey_434345); border-color: var(--gp-grey_434345); }
                .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons button.r-p-l-i-select[aria-pressed='true'] { background-color: var(--gp-grey_434345); border-color: var(--gp-green_00B050); }

.r-extend .r-e-group button.r-e-b-select { color: var(--gp-white_ffffff); background-color: var(--gp-grey_434345); }
    .r-extend .r-e-group button.r-e-b-select[aria-pressed='true'] { background-color: var(--gp-grey_434345); }
.r-extend .r-e-group label { color: var(--gp-grey_434345); }
.r-extend .r-e-group .r-e-form-item { }
.r-extend .r-e-group .r-e-big { color: var(--gp-grey_434345); }
.r-extend .r-e-group .help-block { color: var(--gp-grey_434345); }

.r-summary .r-s-group label { color: var(--gp-grey_434345); }
.r-summary .r-s-group .r-s-form-item { }
    .r-summary .r-s-group .r-s-form-item[readonly] { background-color: transparent; color: var(--gp-white_ffffff); border-color: var(--gp-white_ffffff); }
.r-summary .r-s-group .help-block { color: var(--gp-white_ffffff); }
.r-summary .r-s-group .r-s-big { color: var(--gp-white_ffffff); }
.r-summary .r-s-group a { color: var(--gp-white_ffffff); }
    .r-summary .r-s-group a:hover { color: var(--gp-white_ffffff); }
    .r-summary .r-s-group a:visited { color: var(--gp-white_ffffff); }
    .r-summary .r-s-group a:active { color: var(--gp-white_ffffff); }
    .r-summary .r-s-group a:focus { color: var(--gp-white_ffffff); }
.r-summary .r-s-group span { color: var(--gp-white_ffffff); }

.r-confirm .r-c-group .r-c-text { color: var(--gp-white_ffffff); font-weight: 300; line-height: 1.3; }
.r-confirm .r-c-group .r-c-icon { }
    .r-confirm .r-c-group .r-c-icon img { max-width: 124px; max-height: 124px; }
.r-confirm .r-c-group .r-c-big { color: var(--gp-white_ffffff); }
.r-confirm .r-c-group .r-c-medium { color: var(--gp-white_ffffff); line-height: 1.3; }
.r-confirm .r-c-group .r-c-small { color: var(--gp-white_ffffff); line-height: 1.3; }
.r-confirm .r-c-group .r-c-light { color: var(--gp-white_ffffff); font-weight: 300; line-height: 1.3; }

.document-header { margin-bottom:0px;}
    .document-header:first-child > p:first-child { font-size: 1.375rem; }
.document-header-status img { filter: invert(1); }
.document-information { color: var(--gp-grey_434345); }

.document-collapsable .document-collapsable-area-button button { background-color: transparent; color: var(--gp-grey_434345); }

.document-lines { }
.document-lines-container hr { border-color: var(--gp-grey_434345); }
.document-header-warning { background-color: var(--gp-orange_F49100); border-color: var(--gp-orange_EC6907); }
    .document-header-warning p { color: var(--gp-white_ffffff); }

.document-help-line { }
    .document-help-line p { color: var(--gp-grey_434345); }

.payment-method-header { color: var(--gp-white_ffffff); }
.payment-methods { color: var(--gp-grey_434345); border: none; border-top: 2px solid var(--gp-grey_434345); }
    .payment-methods > p:first-child { font-size: 1.375rem; }
.payment-methods-group { background-color: var(--gp-grey_434345); border-color: var(--gp-grey_434345); }
.payment-methods-list { flex-direction: column; }
    .payment-methods-list .payment-method { padding: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; min-height: unset; margin-bottom: 4px; }
        .payment-methods-list .payment-method .payment-method-icon { height: 80px; flex: 1 1 50%; justify-content: center; margin-bottom: 0; }
            .payment-methods-list .payment-method .payment-method-icon .payment-method-icon-inner { max-height: 80px; width: 160px; background-color: var(--gp-white_ffffff); text-align: center; }
        .payment-methods-list .payment-method .payment-method-button-container { height: 80px; flex: 1 1 50%; display: flex; justify-content: left; padding-left: 5px; }
        .payment-methods-list .payment-method .payment-method-button { width: 100%; color: var(--gp-blue_004884); background-color: var(--gp-white_ffffff); border-color: var(--gp-grey_434345); border-width: 1px; border-style: solid; border-radius: 12px; }
            .payment-methods-list .payment-method .payment-method-button[aria-pressed='true'] { background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); }
            .payment-methods-list .payment-method .payment-method-button:hover { filter: brightness(0.8); }
.payment-personalization p { }

.wpwl-label { color: var(--gp-white_ffffff); }
.payment-notice input[type='text'], .payment-notice input[type='number'], .payment-notice input[type='tel'] { }
.payment-notice > p { color: var(--gp-grey_434345); font-weight: 300; line-height: 1.3; }
.payment-notice .help-block { color: var(--gp-grey_434345); }
.payment-single-button { color: var(--gp-white_ffffff); background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); border-width: 1px; border-style: solid; padding: 4px 10px; border-radius: 12px; }
.payment-reference-title { color: var(--gp-grey_434345); font-weight: 600; }
.payment-reference-value { color: var(--gp-grey_434345); }
.payment-details { background-color: var(--gp-orange_F49100); border-color: var(--gp-orange_EC6907); }
.payment-details-button { color: var(--gp-white_ffffff); background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); border-width: 1px; border-style: solid; padding: 4px 10px; border-radius: 12px; }

.payment-processing { background-color: var(--gp-grey_434345); border-color: var(--gp-grey_434345); }
    .payment-processing .payment-processing-notice { color: var(--gp-white_ffffff); }

.r-error { }
    .r-error .r-e-icon { }
        .r-error .r-e-icon img { }
    .r-error .r-e-title { }
    .r-error .r-e-desc { }
    .r-error .r-e-hl { }
    .r-error .r-e-thanks { }


.g-gp { }
    .g-gp .g-gp-group { }
        .g-gp .g-gp-group.g-gp-group-spacer { }
        .g-gp .g-gp-group .g-gp-title { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group label { color: var(--gp-grey_434345); margin-top: 12px; margin-bottom: 8px; }
            .g-gp .g-gp-group label.gp-label-highlight { }
        .g-gp .g-gp-group .g-gp-form-item { color: var(--gp-grey_434345); border-color: var(--gp-grey_434345); }
            .g-gp .g-gp-group .g-gp-form-item[readonly='readonly'] { background-color: transparent; color: var(--gp-grey_434345); }
            .g-gp .g-gp-group .g-gp-form-item.g-gp-form-item-highlight { }
            .g-gp .g-gp-group .g-gp-form-item.g-gp-form-item-highlight2 { }
            .g-gp .g-gp-group .g-gp-form-item.g-gp-form-item-highlight3 { }
        .g-gp .g-gp-group input[type='text'] { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group input[type='email'] { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group input[type='tel'] { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group input[type='number'] { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group input[type='date'] { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group input[type='password'] { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group select { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group .help-block { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group .g-gp-text { color: var(--gp-grey_434345); font-weight: 300; line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-icon { }
            .g-gp .g-gp-group .g-gp-icon img { max-width: 124px; max-height: 124px; }
        .g-gp .g-gp-group .g-gp-big2 { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group .g-gp-big { color: var(--gp-grey_434345); }
        .g-gp .g-gp-group .g-gp-medium { color: var(--gp-grey_434345); line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-small { color: var(--gp-grey_434345); line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-small2 { color: var(--gp-grey_434345); line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-light { color: var(--gp-grey_434345); font-weight: 300; line-height: 1.3; }
        .g-gp .g-gp-group a { text-decoration: underline; }
            .g-gp .g-gp-group a:hover { text-decoration: underline; }
            .g-gp .g-gp-group a:visited { text-decoration: underline; }
            .g-gp .g-gp-group a:active { text-decoration: underline; }
            .g-gp .g-gp-group a:focus { text-decoration: underline; }
    .g-gp label.custom-control-label { color: var(--gp-grey_434345); }
    .g-gp .g-gp-group.g-gp-group-space { }

    .g-gp .g-gp-group .r-buttons-list button { color: var(--gp-orange_EC6907); background-color: var(--gp-white_ffffff); border-color: var(--gp-grey_434345) }
        .g-gp .g-gp-group .r-buttons-list button:hover { filter: brightness(0.8); }
        .g-gp .g-gp-group .r-buttons-list button.r-button-select { color: var(--gp-orange_EC6907); background-color: var(--gp-white_ffffff); border-color: var(--gp-grey_434345) }
            .g-gp .g-gp-group .r-buttons-list button.r-button-select[aria-pressed='true'] { color: var(--gp-white_ffffff); background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); }
            .g-gp .g-gp-group .r-buttons-list button.r-button-select > div { line-height: 1.4; }

    .g-gp .g-gp-group-item { color: var(--gp-grey_434345); background-color: var(--gp-white_ffffff); border-color: var(--gp-grey_EAEAED ); border-style:solid }
        .g-gp .g-gp-group-item .g-gp-group { }
            .g-gp .g-gp-group-item .g-gp-group .help-block { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-text { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-big2 { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-big { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-medium { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-small { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-small2 { color: var(--gp-grey_434345); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-light { color: var(--gp-grey_434345); }

    .g-gp .g-gp-group ul.g-gp-slots { }
        .g-gp .g-gp-group ul.g-gp-slots li { border-color: var(--gp-white_ffffff); }
            .g-gp .g-gp-group ul.g-gp-slots li[data-status='0'] { background-color: transparent; color: var(--gp-white_ffffff); }
            .g-gp .g-gp-group ul.g-gp-slots li[data-status='1'] { background-color: var(--gp-white_ffffff); }
                .g-gp .g-gp-group ul.g-gp-slots li[data-status='1'][aria-pressed='true'] { background-color: var(--gp-green_00B050); border-color: var(--gp-green_00B050); }
                .g-gp .g-gp-group ul.g-gp-slots li[data-status='1'][aria-disabled='true'] { }

    .g-gp .g-gp-group ul.g-gp-services { }
        .g-gp .g-gp-group ul.g-gp-services li { }
            .g-gp .g-gp-group ul.g-gp-services li[data-status='0'] { }
            .g-gp .g-gp-group ul.g-gp-services li[data-status='1'] { }
                .g-gp .g-gp-group ul.g-gp-services li[data-status='1'][aria-pressed='true'] { }
                .g-gp .g-gp-group ul.g-gp-services li[data-status='1'][aria-disabled='true'] { }

    .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--day-name { }
    .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--cell.-current- { }
    .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--cell.-selected- { }
        .g-gp .g-gp-group .datepicker-inline .datepicker .datepicker--cell.-selected-.-current- { }

.gp .gp-body-logo { }
    .gp .gp-body-logo .logo-container { }
    .gp .gp-body-logo .logo { }
        .gp .gp-body-logo .logo img { }
    .gp .gp-body-logo h2:not(:empty) { }
    .gp .gp-body-logo h3:not(:empty) { }

.sl-image { width: 450px !important; }

.pa-menu{color:var(--gp-white_ffffff);font-size:17px;display:flex;flex-direction:row;gap:10px; cursor:pointer;justify-content:space-between;align-items:first baseline}

.discount-row:hover {background-color: #f2f2f2; cursor: pointer;}
.discount-row.clicked {  background-color: #d9edf7;}
.discount-code-input{ flex-wrap:nowrap;background-color: var(--gp-white_ffffff);border-radius:12px}
    .discount-code-input .button {background-color: var(--gp-white_ffffff); border-radius:12px; border:none;outline:none}

.reveal-btn { background-color: #f8f9fa;  border: 1px solid #ccc; border-radius: 4px; padding: 8px 12px; font-size: 14px; cursor: pointer;}

/* Media Queries
------------------------------------------------------------------------------------------------------------------------*/
@media only screen {
}

@media screen and (max-width: 576px) {
    html { }
}

@media screen and (min-width: 577px) and (max-width: 991px) {
    html { }
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
    .r-products-list{max-width:400px !important}
    .r-p-l-item{ flex: 0 0 400px !important}
    .r-p-l-i-image{}
}

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 768px) {
}

/* Mobile */
@media screen and (max-width: 575px) {
    .sl-image { width: 350px !important; }
}

@media only screen and (max-width: 400px) {
    .sl-image { width: 300px !important; }
}
