html { background-image: url(/images/easylocker/desktop-100.jpg); background-color: #EC6907; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; }
body { background-color: transparent; }

.gp .gp-overlay .gp-spinner[data-type='1'] { border-color: rgba(255,255,255,0.5); background-color: #F39200; }

.lang-sel button img { border-color: transparent; }

.header .title { color: #fff; }

.main-form { }
    .main-form p { color: #fff; }

.main-form-key { }
.main-form-submit { color: #fff; background-color: #00B050; border-color: #00B050; }

.r-buttons button.r-b-default { color: #EC6907; background-color: #fff; border-color: #EC6907; }
.r-buttons button.r-b-primary { color: #fff; background-color: #00B050; border-color: #00B050; }

.r-products-list .r-p-l-items .r-p-l-item { border-width: 1px; border-style: none; border-color: #fff; 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 { }
        .r-products-list .r-p-l-items .r-p-l-item .r-p-l-i-body .r-p-l-i-name { color: #fff; visibility: hidden; }
        .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: #004884; background-color: #fff; border-color: #EC6907; }
            .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: #00B050; border-color: #00B050; }

.r-client .r-c-group label { color: #fff; }
.r-client .r-c-group .help-block { color: #fff; }

.r-extend .r-e-group button.r-e-b-select { color: #fff; background-color: #004884; border-color: #EC6907; }
    .r-extend .r-e-group button.r-e-b-select[aria-pressed='true'] { background-color: #00B050; border-color: #00B050; }
.r-extend .r-e-group label { color: #fff; }
.r-extend .r-e-group .r-e-big { color: #fff; }
.r-extend .r-e-group .help-block { color: #fff; }

.r-summary .r-s-group label { color: #fff; }
.r-summary .r-s-group .help-block { color: #fff; }
.r-summary .r-s-group .r-s-big { color: #fff; }
.r-summary .r-s-group a { color: #fff; }
    .r-summary .r-s-group a:hover { color: #fff; }
    .r-summary .r-s-group a:visited { color: #fff; }
    .r-summary .r-s-group a:active { color: #fff; }
    .r-summary .r-s-group a:focus { color: #fff; }
.r-summary .r-s-group span { color: #fff; }

.r-confirm .r-c-group .r-c-text { color: #fff; 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: #fff; }
.r-confirm .r-c-group .r-c-medium { color: #fff; line-height: 1.3; }
.r-confirm .r-c-group .r-c-small { color: #fff; line-height: 1.3; }
.r-confirm .r-c-group .r-c-light { color: #fff; 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: #fff; }
.document-lines { }
.document-lines-container hr { border-color: #fff; }
.document-header-warning { background-color: #F49100; border-color: #EC6907; }
    .document-header-warning p { color: #fff; }

.payment-method-header { color: #fff; }
.payment-methods { color: #fff; border: none; border-top: 2px solid #fff; }
    .payment-methods > p:first-child { font-size: 1.375rem; }
.payment-methods-group { background-color: #F49100; border-color: #EC6907; }
.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: #fff; 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: #004884; background-color: #fff; border-color: #EC6907; border-width: 1px; border-style: solid; border-radius: 12px; }
            .payment-methods-list .payment-method .payment-method-button[aria-pressed='true'] { background-color: #00B050; border-color: #00B050; }
            .payment-methods-list .payment-method .payment-method-button:hover { filter: brightness(0.8); }

.wpwl-label { color: #fff; }
.payment-notice > p { color: #fff; font-weight: 300; line-height: 1.3; }
.payment-notice .help-block { color: #fff; }
.payment-single-button { color: #fff; background-color: #00B050; border-color: #00B050; border-width: 1px; border-style: solid; padding: 4px 10px; border-radius: 12px; }
.payment-reference-title { color: #fff; font-weight: 600; }
.payment-reference-value { color: #fff; }
.payment-details { background-color: #F49100; border-color: #EC6907; }
.payment-details-button { color: #fff; background-color: #00B050; border-color: #00B050; border-width: 1px; border-style: solid; padding: 4px 10px; border-radius: 12px; }

.payment-processing { background-color: #F49100; border-color: #EC6907; }
    .payment-processing .payment-processing-notice { color: #FFFFFF; }


/* Media Queries
------------------------------------------------------------------------------------------------------------------------*/
@media only screen {
}

@media screen and (max-width: 576px) {
    html { background-image: url(/images/easylocker/mobile-100.jpg); }
}

@media screen and (min-width: 577px) and (max-width: 991px) {
    html { background-image: url(/images/easylocker/tablet-100.jpg); }
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
}

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

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 768px) {
}

/* Mobile */
@media screen and (max-width: 575px) {
}

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