﻿@charset "UTF-8";

/* line 39, ../sass/screen.scss */
body {
    background-color: #fff;
}

#header {
    height: 45px;
    margin-top: 15px;
    margin-bottom: 20px;
}

    #header .header_logo img {
        width: 390px;
        height: 37px;
    }

@media screen and (max-width: 440px) {
    #header .header_logo img {
        width: 100%;
        height: auto;
    }
}

#footer {
    margin-top: 40px;
    margin-bottom: 20px;
}

    #footer .footer_inner {
        clear: both;
        margin-bottom: 40px;
    }

    #footer .footer_logo {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }

@media screen and (max-width: 370px) {
    #footer .footer_logo {
        display: block;
        float: none;
        margin-bottom: 5px;
        text-align: center;
    }
}

.payments .payment.active {
    /* background-color: #fff8e1; */
}


.payments .payment.active {
    border: 1px solid lightgray;
    background-color: white;
}


.payments {
    background-color: #fff;
}

    .payments .payment {
        border-bottom: 0;
    }

        .payments .payment.active {
            height: auto;
        }

/* line 176, ../sass/screen.scss */
.complete-order {
    padding: 0;
    background-color: #fff;
}
    /* line 180, ../sass/screen.scss */
    .complete-order button[type="submit"] {
        background-color: #fbd73a;
    }
        /* line 186, ../sass/screen.scss */
        .complete-order button[type="submit"]:hover {
            background-color: #fbd73a;
        }

/* this sectiop is for Highlight the error input fields*/
.invalid-field .help-block, .invalid-field .control-label .form-control {
    color: #b94a48;
}

.invalid-field .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .invalid-field .form-control:focus {
        border-color: #953b39;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    }

.invalid-field .input-group-addon {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.invalid-field input {
    background-color: #fff5f5;
}
