html {
    background-color: white;
}

body {
    background-color: white;
    padding: 10px 0px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

img.cashflows {
    margin-right: -10px;
}

.card-images {
    text-align: center;
}

    .card-images span {
        display: inline-block;
        height: 51px;
        width: 72px;
        -webkit-box-shadow: 1px 1px 6px 0px rgba(179,175,179,1);
        -moz-box-shadow: 1px 1px 6px 0px rgba(179,175,179,1);
        box-shadow: 1px 1px 6px 0px rgba(179,175,179,1);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0px solid #999;
        margin-right: 5px;
    }

}

.card-images img {
    height: 50px;
    width: auto;
}

.control-label {
    font-size: 12px;
}

.input-small {
    width: 70px;
}

.form-inline {
    display: inline-block;
}

.tcard {
    max-width: 600px;
    margin: auto;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(59,153,37,0.5);
    box-shadow: 0px 0px 6px 0px rgba(59,153,37,0.5);
}

.has-error input,
input.has-error {
    outline: none !important;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important;
    color: #973d3b !important;
}

@media (max-width: 360px) {
    .input-small {
        width: 60px;
        font-size: 14px;
        padding: 6px 6px;
        margin-bottom: 0px;
    }

    .form-group {
        margin-bottom: 6px;
    }

    .h4 {
        font-size: 1.4rem;
    }

    img.cashflows {
        width: 80px;
    }
}

@media (max-width: 300px) {
    .input-small {
        width: 60px;
        font-size: 14px;
        padding: 6px 6px;
        margin-bottom: 0px;
    }

    .form-group {
        margin-bottom: 6px;
    }

    .h4 {
        font-size: 1.2rem;
    }

    img.cashflows {
        width: 50px;
    }
}