/*Base text css*/
.bsaPlgCapitalizeGfa div input {
    text-transform: capitalize;
}

.bsaPlgUpperCaseGfa div input {
    text-transform: uppercase;
}

    .bsaPlgUpperCaseGfa div input::-webkit-input-placeholder,
    .bsaPlgUpperCaseGfa div input::placeholder {
        text-transform: capitalize;
    }

    /*Legacy support*/
    .bsaPlgUpperCaseGfa div input:-ms-input-placeholder,
    .bsaPlgUpperCaseGfa div input::-moz-placeholder,
    .bsaPlgUpperCaseGfa div input:-moz-placeholder {
        text-transform: capitalize;
    }

.bsaPlgInvalidInputFieldGfa {
    border-color: #ff0000 !important;
}

.bsaPlgGridColumnOneGfa {
    grid-column: 1 / -1 !important;
}

/*Payment methods*/
.bsaPlgShipmentAbroadDivGfa {
    margin-bottom: 10px;
}

.bsaPlgPaymentMethodGfa div.gchoice {
    line-height: 25px;
    border: 1px solid;
    padding: 20px;
}

    .bsaPlgPaymentMethodGfa div.gchoice.bsaPlgPaymentMethodChoiceGfa {
        border: none;
        padding: 0px;
    }

    .bsaPlgPaymentMethodGfa div.gchoice label {
        font-weight: 500;
    }

.bsaPlgPaymentMethodGfa label::after {
    -webkit-font-smoothing: antialiased;
    shape-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: sub;
    font-weight: normal;
    margin-top: 5px;
    height: 20px;
    float: right;
    content: "";
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaAC label::after {
    background-image: url(../images/bsa-payment-method-ac-solid-gfa.svg);
    width: 27px;
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaAI label::after {
    background-image: url(../images/bsa-payment-method-ai-solid-gfa.svg);
    width: 73px;
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaCC label::after {
    background-image: url(../images/bsa-payment-method-cc-solid-gfa.svg);
    width: 26px;
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaDF label::after {
    background-image: url(../images/bsa-payment-method-df-solid-gfa.svg);
    width: 23px;
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaID label::after {
    background-image: url(../images/bsa-payment-method-id-solid-gfa.svg);
    width: 23px;
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaMC label::after {
    background-image: url(../images/bsa-payment-method-mc-solid-gfa.svg);
    width: 33px;
}

.bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaPP label::after {
    background-image: url(../images/bsa-payment-method-pp-solid-gfa.svg);
    width: 82px;
}

/*Specific fields*/
.bsaPlgActionTypeGfa label,
.bsaPlgActionGfa label,
.bsaPlgDifferentAddressGfa label,
.bsaPlgPaymentMethodGfa label {
    display: inline !important;
}

.bsaPlgActionTypeGfa .gchoice,
.bsaPlgActionGfa .gchoice,
.bsaPlgDifferentAddressGfa .gchoice,
.bsaPlgPaymentMethodGfa .gchoice {
    margin-bottom: 10px !important;
}

.bsaPlgDifferentAddressGfa .gchoice {
    margin-right: 10px;
    float: left;
}

/*Base css review page*/
.bsaPlgReviewPageGfa {
    font-size: 15px;
}

.bsaPlgReviewPageHeader3Gfa,
.bsaPlgReviewPageHeader4Gfa {
    padding-bottom: 15px;
}

.bsaPlgReviewPageHeader3Gfa {
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 25px;
}

.bsaPlgReviewPageHeader4Gfa {
    margin-bottom: 0px;
    font-weight: 400;
    margin-top: 0px;
    font-size: 20px;
}

.bsaPlgReviewPageTextGfa {
    margin-bottom: 15px;
}

.bsaPlgReviewPageTableGfa {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    margin-bottom: 25px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

    .bsaPlgReviewPageTableGfa tbody {
        padding: 0px;
        margin: 0px;
    }

        .bsaPlgReviewPageTableGfa tbody tr td {
            vertical-align: top;
            padding: 5px 0px;
            border: none;
        }

            .bsaPlgReviewPageTableGfa tbody tr td.bsaPlgReviewPageTableCellLabelGfa {
                padding-right: 30px;
            }

            .bsaPlgReviewPageTableGfa tbody tr td div {
                padding: 0px;
                margin: 0px;
            }

/*Mobile css*/
@media (max-width:480px), (max-device-width:480px), only screen and (max-device-width:480px) {
    .bsaPlgReviewPageTableGfa {
        border-bottom: none;
    }

        .bsaPlgReviewPageTableGfa tbody tr td.bsaPlgReviewPageTableCellValueGfa {
            border-bottom: 1px solid #000000;
        }
}

@media (max-width:340px), (max-device-width:340px), only screen and (max-device-width:340px) {
    .bsaPlgPaymentMethodGfa .bsaPlgPaymentMethodChoiceGfaAI label::after {
        height: 15px;
        width: 55px;
    }
}