/* PS Easy Withdrawal - front styling for PrestaShop 1.5/1.6 legacy themes */

.pseasywithdrawal-page,
#pseasywithdrawalPage {
    display: block !important;
    clear: both !important;
    float: none !important;
    width: 1180px !important;
    max-width: calc(100vw - 60px) !important;
    min-width: 720px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2f4f1f;
}

.pseasywithdrawal-page *,
#pseasywithdrawalPage * {
    box-sizing: border-box;
}

.pseasywithdrawal-page h1 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 26px;
    line-height: 1.2;
    color: #1e5a20;
}

.psew-lead {
    margin: 0 0 18px 0;
    font-size: 14px;
    line-height: 1.45;
    max-width: 1000px;
}

.psew-info-box {
    width: 100%;
    padding: 12px 14px;
    margin: 0 0 16px 0;
    border: 1px solid #b8d7a8;
    background: #f4fbef;
    color: #305c24;
    line-height: 1.45;
}

.psew-card,
.pseasywithdrawal-form,
.pseasywithdrawal-confirm {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 18px !important;
    margin: 0 0 18px 0 !important;
    border: 1px solid #cfe7c2;
    background: #fbfff8;
    clear: both !important;
    float: none !important;
}

.pseasywithdrawal-confirm {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.psew-alert,
.pseasywithdrawal-page .error,
.pseasywithdrawal-page .alert {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px 0 !important;
    clear: both !important;
}

.psew-grid {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    max-width: none !important;
    border-spacing: 14px 0;
    margin: 0 -14px 8px -14px !important;
    clear: both !important;
}

.psew-grid-3 .psew-field {
    display: table-cell !important;
    float: none !important;
    width: 33.333% !important;
    max-width: none !important;
    padding-left: 14px !important;
    padding-right: 0 !important;
    margin: 0 !important;
    vertical-align: top;
    clear: none !important;
}

.psew-field,
.psew-field-full {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    clear: both !important;
    float: none !important;
}

.psew-field label,
.pseasywithdrawal-page label {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-weight: bold;
    color: #1f5b20;
    line-height: 1.3;
}

.pseasywithdrawal-page input[type="text"],
.pseasywithdrawal-page textarea,
.pseasywithdrawal-form input[type="text"],
.pseasywithdrawal-form textarea {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto;
    min-height: 35px;
    padding: 7px 9px !important;
    margin: 0 !important;
    border: 1px solid #b8d7a8;
    background: #ffffff;
    color: #333333;
    box-sizing: border-box !important;
}

.pseasywithdrawal-page textarea,
.pseasywithdrawal-form textarea {
    min-height: 120px !important;
    resize: vertical;
}

.psew-form-info,
.pseasywithdrawal-page .form_info {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
    font-size: 12px;
    line-height: 1.35;
    color: #666;
}

.psew-submit {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    padding-top: 6px !important;
    margin-top: 8px !important;
    text-align: left;
}

.psew-submit .button,
.psew-submit button,
.psew-submit a.button {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 6px;
}

.psew-confirm-table {
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 18px;
    border-collapse: collapse;
}

.psew-confirm-table th,
.psew-confirm-table td {
    padding: 9px 10px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
    text-align: left;
}

.psew-confirm-table th {
    width: 250px;
    font-weight: bold;
    color: #1f5b20;
}

.psew-statement {
    width: 100% !important;
    padding: 14px;
    border: 1px solid #dddddd;
    background: #f8f8f8;
    margin-bottom: 18px;
    line-height: 1.45;
}

.psew-success-card {
    line-height: 1.45;
}

/* Full-width fix for module page in narrow-column legacy themes. */
.psew-column-hidden {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
}

body.psew-withdrawal-full-page #columns,
body.psew-withdrawal-full-page #columns .container,
body.psew-withdrawal-full-page .columns-container,
body.psew-withdrawal-full-page .columns-container .container,
body.psew-withdrawal-full-page #center_column,
body.psew-withdrawal-full-page .center_column,
body.psew-withdrawal-full-page .center-column,
.pseasywithdrawal-force-wide {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 767px) {
    .pseasywithdrawal-page,
    #pseasywithdrawalPage {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .psew-card,
    .pseasywithdrawal-form {
        padding: 14px !important;
    }
    .psew-grid {
        display: block !important;
        border-spacing: 0;
        margin: 0 !important;
    }
    .psew-grid-3 .psew-field {
        display: block !important;
        width: 100% !important;
        padding-left: 0 !important;
        margin: 0 0 14px 0 !important;
    }
    .psew-confirm-table,
    .psew-confirm-table tbody,
    .psew-confirm-table tr,
    .psew-confirm-table th,
    .psew-confirm-table td {
        display: block;
        width: 100% !important;
    }
    .psew-confirm-table th {
        border-bottom: 0;
        padding-bottom: 3px;
    }
    .psew-confirm-table td {
        padding-top: 3px;
    }
}