@import "compass/css3";

.svea-hidden {
    display: none;
}

.svea-readonly {
    cursor: not-allowed;
    background: #e3e3e3 !important;
}

.form-list {
    &#payment_form_svea_paymentplan,
    &#payment_form_svea_invoice {
        margin-top:10px;
        border: 1px solid #ccc;
        padding: 10px;
        background: white;
        @include box-shadow(0 1px 3px rgba(0,0,0,.15));
        @include border-radius(3px);
        @include box-sizing(border-box);
        max-width: 260px;
        margin-left:18px;
        #sveaPaymentPlanShowParams {
            max-width:100%;
            select {
                max-width:100%;
            }
        }
    }
    .svea-ssn-container {
        .field {
            float:none;
            margin-bottom:8px;
            max-width:100%;
            .input-box {
                max-width:100%;
                input.input-text {
                    max-width:100%;
                    @include box-sizing(border-box);
                }
            }
            &.float-btn {
                .input-box {
                    margin-bottom:8px;
                }
            }
        }
        #showAddressBox_svea_paymentplan,
        #showAddressBox_svea_invoice {
            label {
                float:none;
            }
        }
        .get-address-btn {
            button {
                width:150px;
                .loader {
                    display:none;
                }
            }
            &.loading {
                button {
                    .loader {
                        display:inline-block;
                        img {
                            max-height: 100%;
                        }
                    }
                    .inner {
                        display:none;
                    }
                }
            }
        }
    }
    // Part payment cost calculations
    #paymentplan_cost_text {
        margin: 0;
        background-color: #297ab7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        color: white;
        display: inline-block;
        padding: 1px 6px;
        font-weight: bold;
        .cost {
            font-weight: bold;
        }
    }

    .paymentplan_info {
        margin-top: 10px;

        #paymentplan_initial_fee_text {
            margin: 2px 0 0 0;
            background: none;
            color: #909090;
            font-weight: normal;
            font-size: 11px;
        }
    }
}
.sp-methods .svea-payment-logos {
    margin-left:18px;
}

// Include partials for third party checkout modules
@import "partials/streamcheckout";
@import "partials/onestepcheckout";