:root { --gp-black_000000: #000000; --gp-white_ffffff: #FFFFFF; --gp-green_00A888: #000000; --gp-gray_333333: #333333; --gp-gray_555555: #555555; --gp-gray_999999: #009ec878; --gp-green_02CCA3: #9e9e9e; --gp-green_01725A: #01725A; }


@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 { color: var(--gp-green_00A888) !important; }
    a:hover { color: var(--gp-green_00A888); }
.btn-primary { color: var(--gp-white_ffffff); background-color: var(--gp-green_00A888); border-color: var(--gp-green_00A888); }

html { background-color: var(--gp-white_ffffff); }
    html * { }
body { background-color: transparent; }

.subfooter { }
    .subfooter .logo-container { }
    .subfooter span { color: var(--gp-black_000000); }
    .subfooter img { }

.gp .gp-overlay { background-color: rgba(0, 0, 0, 0.5); }
    .gp .gp-overlay .gp-overlay-inner { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 65%); padding: 100px; }
    .gp .gp-overlay .gp-spinner[data-type='1'] { border-color: rgba(255,255,255,0.5); background-color: var(--gp-green_00A888); }

.lang-sel { }
    .lang-sel button img { border-color: rgba(255,255,255,0.1); box-shadow: 0px 2px 10px 1px rgba(255,255,255,0.15); }

.lang-sel2 { }
    .lang-sel2 button { }
        .lang-sel2 button:hover { }
        .lang-sel2 button img { }
        .lang-sel2 button span { }

.header { max-width: 330px; margin: 0 auto; }
    .header .logo-container { border-bottom: 5px solid var(--gp-green_00A888); }
    .header .logo { background-color: var(--gp-white_ffffff); display: flex; justify-content: center; align-items: center; }
        .header .logo img { }
    .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-green_00A888); line-height: 1.3; margin-top: 16px; }
    .header .subtitle { }
    .header.wide { max-width: 630px; }

.main-form { }
    .main-form p { color: var(--gp-green_00A888); }

.main-form-key { color: #333333; }
.main-form-submit { color: var(--gp-green_00A888); background-color: var(--gp-green_02CCA3); border-color: var(--gp-green_02CCA3); }

.r-buttons { margin-top: 25px; }
    .r-buttons button.r-b-default { color: var(--gp-black_000000); background-color: var(--gp-white_ffffff); border-color: #eeeeee; }
    .r-buttons button.r-b-primary { color: var(--gp-white_ffffff); background-color: var(--gp-green_00A888); border-color: var(--gp-green_00A888); }

.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; width:45%; }
    .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 { }
        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-desc { color: var(--gp-green_00A888); display: none !important; }
        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-buttons { padding-bottom: 0px; }
            .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-green_00A888); background-color: var(--gp-gray_999999); border-color: var(--gp-gray_999999); border-top-left-radius: 0; border-bottom-left-radius: 0; }
                .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'] { color: var(--gp-black_000000); background-color: var(--gp-green_02CCA3); border-color: var(--gp-green_02CCA3); }

.r-extend .r-e-group button.r-e-b-select { color: var(--gp-green_00A888); background-color: var(--gp-gray_999999); border-color: var(--gp-gray_999999); }
    .r-extend .r-e-group button.r-e-b-select[aria-pressed='true'] { color: var(--gp-black_000000); background-color: var(--gp-green_02CCA3); border-color: var(--gp-green_02CCA3); }
.r-extend .r-e-group label { color: #555555; }
.r-extend .r-e-group .r-e-form-item { color: #333333; border-color: #cccccc; }
.r-extend .r-e-group .r-e-big { color: var(--gp-green_00A888); }
.r-extend .r-e-group .help-block { color: #777777; }

.r-summary .r-s-group label { color: #555555; }
.r-summary .r-s-group .r-s-form-item { color: #333333; border-color: #cccccc; }
    .r-summary .r-s-group .r-s-form-item[readonly] { }
.r-summary .r-s-group .help-block { color: #777777; }
.r-summary .r-s-group .r-s-big { color: var(--gp-green_00A888); }
.r-summary .r-s-group a { color: var(--gp-green_00A888); }
    .r-summary .r-s-group a:hover { color: var(--gp-green_00A888); }
    .r-summary .r-s-group a:visited { color: var(--gp-green_00A888); }
    .r-summary .r-s-group a:active { color: var(--gp-green_00A888); }
    .r-summary .r-s-group a:focus { color: var(--gp-green_00A888); }
.r-summary .r-s-group span { color: var(--gp-green_00A888); }

.r-confirm .r-c-group .r-c-text { color: var(--gp-green_00A888); 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-green_00A888); }
.r-confirm .r-c-group .r-c-medium { color: var(--gp-green_00A888); line-height: 1.3; }
.r-confirm .r-c-group .r-c-small { color: var(--gp-green_00A888); line-height: 1.3; }
.r-confirm .r-c-group .r-c-light { color: var(--gp-green_00A888); font-weight: 300; line-height: 1.3; }

.document-header { }
    .document-header:first-child > p:first-child { font-size: 1.375rem; }
.document-header-status img { filter: invert(1); }
.document-information { color: var(--gp-green_00A888); }

.document-collapsable .document-collapsable-area-button button { background-color: transparent; color: var(--gp-green_00A888); }

.document-lines { }
.document-lines-container hr { border-color: var(--gp-white_ffffff); }
.document-header-warning { background-color: var(--gp-gray_555555); border-color: var(--gp-gray_333333); }
    .document-header-warning p { color: var(--gp-green_00A888); }

.document-help-line { }
    .document-help-line p { color: var(--gp-green_00A888); }

.payment-method-header { color: var(--gp-green_00A888); }
.payment-methods { color: var(--gp-green_00A888); border: none; border-top: 2px solid var(--gp-white_ffffff); }
    .payment-methods > p:first-child { font-size: 1.375rem; }
.payment-methods-group { background-color: #eeeeee; border-color: #dddddd; }
.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-black_000000); background-color: var(--gp-white_ffffff); border-color: #dddddd; 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_02CCA3); border-color: var(--gp-green_02CCA3); }
            .payment-methods-list .payment-method .payment-method-button:hover { filter: brightness(0.8); }
.payment-personalization p { color: #333333; }

.wpwl-label { color: #555555; }
.payment-notice input[type='text'], .payment-notice input[type='number'], .payment-notice input[type='tel'] { color: #333333; }
.payment-notice > p { color: var(--gp-green_00A888); font-weight: 300; line-height: 1.3; }
.payment-notice .help-block { color: #777777; }
.payment-single-button { color: var(--gp-green_00A888); background-color: var(--gp-green_02CCA3); border-color: var(--gp-green_02CCA3); border-width: 1px; border-style: solid; padding: 4px 10px; border-radius: 12px; }
.payment-reference-title { color: var(--gp-green_00A888); font-weight: 600; }
.payment-reference-value { color: var(--gp-green_00A888); }
.payment-details { background-color: var(--gp-gray_555555); border-color: var(--gp-gray_333333); }
.payment-details-button { color: var(--gp-green_00A888); background-color: var(--gp-green_02CCA3); border-color: var(--gp-green_02CCA3); border-width: 1px; border-style: solid; padding: 4px 10px; border-radius: 12px; }

.payment-processing { background-color: var(--gp-gray_555555); border-color: var(--gp-gray_333333); }
    .payment-processing .payment-processing-notice { color: var(--gp-green_00A888); }

.r-error { background-color: transparent; border-color: transparent; }
    .r-error .r-e-icon { display: none; }
        .r-error .r-e-icon img { }
    .r-error .r-e-title { color: var(--gp-green_00A888); font-size: 1rem; font-weight: 600; }
    .r-error .r-e-desc { color: var(--gp-green_00A888); font-size: 0.75rem; }
    .r-error .r-e-hl { color: var(--gp-green_00A888); font-size: 0.875rem; font-weight: 500; }
    .r-error .r-e-thanks { color: var(--gp-green_00A888); font-size: 0.75rem; }


.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-green_00A888); }
        .g-gp .g-gp-group label { color: #555555; 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: #333333; border-color: #cccccc; }
            .g-gp .g-gp-group .g-gp-form-item[readonly='readonly'] { background-color: transparent; color: var(--gp-green_00A888); }
            .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: #333333; }
        .g-gp .g-gp-group input[type='email'] { color: #333333; }
        .g-gp .g-gp-group input[type='tel'] { color: #333333; }
        .g-gp .g-gp-group input[type='number'] { color: #333333; }
        .g-gp .g-gp-group input[type='date'] { color: #333333; }
        .g-gp .g-gp-group input[type='password'] { color: #333333; }
        .g-gp .g-gp-group select { color: #333333; }
        .g-gp .g-gp-group .help-block { color: #777777; }
        .g-gp .g-gp-group .g-gp-text { color: var(--gp-green_00A888); 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-green_00A888); }
        .g-gp .g-gp-group .g-gp-big { color: var(--gp-green_00A888); }
        .g-gp .g-gp-group .g-gp-medium { color: var(--gp-green_00A888); line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-small { color: var(--gp-green_00A888); line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-small2 { color: var(--gp-green_00A888); line-height: 1.3; }
        .g-gp .g-gp-group .g-gp-light { color: var(--gp-green_00A888); 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: #555555; }
    .g-gp .g-gp-group.g-gp-group-space { }

    .g-gp .g-gp-group .r-buttons-list button { color: var(--gp-green_00A888); background-color: var(--gp-gray_999999); border-color: var(--gp-gray_999999); }
        .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-green_00A888); background-color: var(--gp-gray_999999); border-color: var(--gp-gray_999999); }
            .g-gp .g-gp-group .r-buttons-list button.r-button-select[aria-pressed='true'] { color: var(--gp-black_000000); background-color: var(--gp-green_02CCA3); border-color: var(--gp-green_02CCA3); }
            .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-gray_555555); background-color: var(--gp-white_ffffff); border-color: var(--gp-gray_999999); }
        .g-gp .g-gp-group-item .g-gp-group { }
            .g-gp .g-gp-group-item .g-gp-group .help-block { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-text { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-big2 { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-big { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-medium { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-small { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-small2 { color: var(--gp-gray_555555); }
            .g-gp .g-gp-group-item .g-gp-group .g-gp-light { color: var(--gp-gray_555555); }

    .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-green_00A888); }
            .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_01725A); border-color: var(--gp-green_01725A); }
                .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 { }

.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{}
    .r-p-l-item{}
    .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 { }
}

@media only screen and (max-width: 400px) {
    .sl-image { }
}