.no-scroll {overflow-y: hidden}
.payment-form {width: 350px; margin: auto}
.payment-form .control-label {margin-bottom: 10px; display: inline-block}
.payment-form .form-checkbox-row .control-label {margin: 0; vertical-align: middle}
.payment-form .form-checkbox-row .form-checkbox + .icon-checkbox {top: 1px}
.payment-form .price {text-align: right; margin-right: 20px; vertical-align: middle; display: inline-block}
.payment-form .price .amount {color: #ffa422; text-transform: uppercase; font-size: 20px; display: block; margin-top: 5px}
.payment-form .holder-name {text-transform: uppercase}
.payment-form .button {vertical-align: middle}
.payment-form .amount-button-block {margin-top: 20px}
.payment-form .privacy-alert {margin-top: 20px; text-align: left; line-height: 1.3; font-size: 14px}
.payment-form .expiration-month {width: 60px; display: inline-block; margin-right: 10px}
.payment-form .expiration-month.form-row, .payment-form .expiration-year.form-row {margin-bottom: 0}
.payment-form .expiration-month.form-row .form-error, .payment-form .expiration-year.form-row .form-error {top: 56px}
.payment-form .form-row .form-error::before {border-bottom: 5px solid #ff1c51; border-right: 5px solid transparent; top: -10px; left: 12px; margin-top: 0}
.payment-form .expiration-month.form-row .form-error::before {left: 62px}
.payment-form .expiration-year {width: 80px; display: inline-block}
.payment-form .expiration-year .form-error:empty {display: none}
.payment-form .expiration-date {width: 155px; display: inline-block; margin-right: 10px; text-align: left}
.payment-form .expiration-date .valid-through {width: 150px}
.payment-form .cvv-code {width: 180px; display: inline-block; vertical-align: bottom}
.payment-form .form-select {margin-bottom: 0}
.payment-form .form-input {margin-bottom: 0}
.payment-form .form-row {margin-bottom: 15px}
.payment-form .form-row .form-error {top: 82px; margin-left: 0; left: 0}
.payment-form .save-payment-method {display: inline-block; cursor: pointer}
.payment-form .save-payment-method .control-label {cursor: pointer}
.payment-form .existing-cards #add-new-card {cursor: pointer; color: #ffa525; font-size: 14px}
.payment-form .existing-cards .form-row.field-token {margin-bottom: 5px}
/*.payment-form input::-ms-clear {display: none}*/

.payment-frame #payment-loading {width: 100%; height: 100%; position: absolute; z-index: 100; top: 0; left: 0; background: rgba(0,0,0,0.8); cursor: progress; text-align: center}
.payment-frame #payment-loading::before {content: ""; display: inline-block; vertical-align: middle; height: 100%}
.payment-frame #payment-loading .loading-icon {
    display: inline-block;
    vertical-align: middle;
    width: 46px; height: 48px;
    text-align: center;
    background-image: url("/images/global/crea_loader.gif");
    background-repeat: no-repeat;
    background-size: contain;
}
.payment-frame #payment-loading .loading-text {
    font-size: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: 12px;
    text-align: left
}

.external-payment-methods {text-align: center}
.external-payment-methods li {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 60px;
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    margin: 5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.external-payment-methods li:hover {background-color: rgba(255,255,255,0.7)}
.external-payment-methods li .logo-image {height: 100%; font-size: 0}
.external-payment-methods li .logo-image::before {content: ""; height: 100%; display: inline-block; vertical-align: middle}
.external-payment-methods li img {width: 100%; vertical-align: middle}
.payment-frame .choose-payment-title {font-size: 22px; font-weight: normal; margin: 20px 0; text-align: center}

.payment-details {text-align: center}
.payment-details::before {
    background: url("/images/payment/background_logo.png") no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -122px;
    margin-top: -200px;
    width: 244px;
    height: 400px;
}
.global-wrapper.payment-details::before {margin-left: -142px; margin-top: -345px; width: 284px; height: 469px}
.payment-details .title {font-size: 32px; margin-bottom: 20px}
.payment-details .description {font-size: 20px; line-height: 1.6}
.payment-details .cg-amount {color: #ff1c51}
.payment-details .payment-details-wrapper {margin-top: 20%; position: relative; z-index: 10}