/* Vars */
#PaylineWidget {
    --monext-color-alto: #d5d5d5;
    --monext-color-moon: #fff0dc;
    --monext-color-white: #fff;
    --monext-color-dusty: #949494;
    --monext-color-dulux: #737373;
    --monext-color-flamingo: #ff93ad;
    --monext-color-midnight: #444;
    --monext-color-heavy-metal: #1d1d1b;
    --monext-color-cornflower-blue: #5c70f0;
    --monext-color-coral: #ff4747;
    --monext-color-brink-pink: #ff6b8f;

    --monext-font-roboto: 'Roboto';
}

/* Payment method container */
#PaylineWidget .pl-pmContainer {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}
#PaylineWidget .pl-manager {
    min-height: 0;
}
#PaylineWidget .pl-pmContainer .pl-form-group {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
}
#PaylineWidget .pl-pmContainer .pl-form-group:first-child {
    margin-top: 0;
}
#PaylineWidget .pl-pmContainer .pl-expirationDateContainer,
#PaylineWidget .pl-pmContainer .pl-cvvContainer {
    max-width: 180px;
}
#PaylineWidget .pl-pmContainer .pl-label-input {
    font: 400 10px var(--monext-font-roboto);
    position: absolute;
    z-index: 1;
    margin: 13px 0 0 55px;
}
#PaylineWidget .pl-has-error .pl-label-input {
    display: block;
}
#PaylineWidget .pl-pmContainer .pl-message {
    margin: 0 0 0 16px;
    order: 1;
    font: 400 12px var(--monext-font-roboto);
}
#PaylineWidget .pl-pmContainer .pl-message-error {
    color: var(--monext-color-coral);
}

/* Payment method heading */
#PaylineWidget .pl-pmContainer .pl-card-logos-container {
    display: none;
}

/* Payement method content */
#PaylineWidget .pl-pmContainer .pl-pmForm {
    background: none;
}

#PaylineWidget .pl-pmContainer .pl-paymentMethod-view {
    padding: 0 0 16px;
}

/* Input */
#PaylineWidget .pl-pmContainer .pl-input {
    border: 1px solid var(--monext-color-alto);
    background: var(--monext-color-white);
    border-radius: 24px;
    padding: 16px 0 0 55px;

    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
#PaylineWidget .pl-pmContainer .pl-input:hover {
    border-color: var(--monext-color-dusty);
}
#PaylineWidget .pl-pmContainer .pl-legal-text {
    margin: 32px 0 0;
    text-align: left;
    font: 400 14px var(--monext-font-roboto);
    color: var(--monext-color-dulux);
}
#PaylineWidget .pl-pmContainer .pl-legal-text a {
    font: 400 14px var(--monext-font-roboto);
    color: var(--monext-color-dulux);
    text-decoration: underline;
}
#PaylineWidget .pl-pmContainer .pl-legal-text a:hover {
    text-decoration: none;
}

/* Button */
#PaylineWidget .pl-pmContainer .pl-pay-btn-container {
    width: 100%;
    display: block;
    margin: 24px 0 0;
}
#PaylineWidget .pl-pmContainer .pl-pay-btn {
    width: 100%;
    max-width: none;
    padding: 19px 24px;
    border-radius: 100px;
    background: var(--monext-color-flamingo);
    color: var(--monext-color-heavy-metal);
    font: 700 14px/15px var(--monext-font-roboto);
    transition: all 300ms ease;
}
#PaylineWidget .pl-pmContainer .pl-pay-btn:hover {
    background-color: var(--monext-color-brink-pink);
}