.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label .fd-payment-logo {
    height:        35px;
    margin-bottom: 8px;
}

.modal {
    position:   absolute;
    z-index:    10000; /* 1 */
    top:        0;
    left:       0;
    visibility: hidden;
    width:      100%;
    height:     100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
    position:   fixed;
    z-index:    10;
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity:    0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
    opacity:          1;
    visibility:       visible;
    transition-delay: 0s;
}

.modal-wrapper {
    position:         absolute;
    z-index:          9999;
    top:              6em;
    left:             50%;
    width:            32em;
    margin-left:      -16em;
    background-color: #fff;
    box-shadow:       0 0 1.5em hsla(0, 0%, 0%, 0.35);
    border-radius:    5px;

}

.modal-transition {
    transition: all 0.3s 0.12s;
    transform:  translateY(-10%);
    opacity:    0;
}

.modal.is-visible .modal-transition {
    transform: translateY(0);
    opacity:   1;
}

.modal-header,
.modal-content {
    padding: 1em;
}

.modal-header {
    position:         relative;
    background-color: #fff;
    box-shadow:       0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom:    1px solid #e8e8e8;
}

.modal-close {
    position:   absolute;
    top:        0;
    right:      0;
    padding:    1em;
    color:      #aaa;
    background: none;
    border:     0;
}

.modal-close:hover {
    color: #777;
}

.modal-heading {
    font-size:               1.125em;
    margin:                  0;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wpwl-wrapper > .wpwl-icon {
    position: absolute;
    right:    0.25em !important;
    top:      0.25em !important;
}

.woocommerce #payment ul.payment_methods li label img {
    height: 30px;
}

.ag-cards {
    display:    flex;
    flex-wrap:  wrap;
    width:      100%;
    margin-top: 12px;
}

.ag-cards .brand-icon {
    margin-left:   5px;
    margin-right:  5px;
    margin-bottom: 8px;
    max-width:     50px !important;
    max-height:    50px !important;
}

.ag-cards .brand-icon:hover {
    cursor: default
}

.ag-select-cards .card-list li {
    padding: 5px;
    margin:  0
}

.ag-select-cards .card-list {
    margin:      0;
    padding-top: 5px;
}

.ag-select-cards .card-list .selected, .ag-select-cards .card-list .ag_cards:checked {
    background: #ddd;
}

.ag-select-cards .card-list li p {
    padding:        5px;
    display:        inline-block;
    vertical-align: middle;
}

.ag-select-cards .card-list li p img {
    margin-left:    5px;
    margin-right:   15px;
    width:          38px;
    vertical-align: middle;
    float:          left !important;
}

.ag-select-cards .card-list li radio {
    display:      inline-block;
    margin-right: 20px;
    margin-left:  10px;
}

.ag-select-cards .card-list li label {
    display:        inline-block;
    vertical-align: middle;
}

.ag-select-cards .card-list li label p {
    margin:      0;
    margin-left: 15px;
}

.ag-select-cards .card-list li input:checked > .ag-select-cards .card-list li {
    background: blue;
}

.savecard {
    margin-top: 10px;
}

.savecard br {
    display: none;
}

.savecard label, .savecard input {
    display: inline-block;
}

.savecard input {
    margin-left: 8px;
    position:    relative;
    top:         1px;
}