@charset "UTF-8";
/* CSS Document */

.calc-bg {
    background-color: #f3f0e6;
}

.instructions {
    width: 100%; 
    padding: 5px; 
    background-color: #9db2c2;
    /* background-image: linear-gradient(to bottom, rgba(204,22,50,1), rgba(68,4,18,1)); */
    border-radius: 5px; 
    border:1px solid #9db2c2; 
    margin-top: 10px;
}

.section-container {
    width: 100%; 
    padding: 5px; 
    background-color: #dddddd; /* make sure to update the read only form fields hard coding for BG override to match this if it changes */
    border-radius: 8px; 
    border:2px solid #ffffff; 
    margin-top: 20px;
}

.instructions-gradient {
    background: rgba(0,0,0,0.1) 41%;
    border-radius: 8px; 
    padding: 15px;
}

.invisible-field {
    background-color: #dddddd !important;
}

.loan-calc-buttons {
    border-radius: 4px;
    background-color: #bbbbbb;
    border: 0px;
}

.loan-calc-buttons:hover {
    border-radius: 4px;
    background-color: #aaaaaa;
    border: 0px;
}

.calc-row {
    margin-top: 0px;
    margin-bottom: 3px;
}

input {
    max-height: 25px;
    font-size: 14px;
}

select {
    max-height: 30px;
    font-size: 14px;
    padding: 0;
}

.col-form-label {
    font-size: 14px;
    line-height: 10px;
}

.form-control {
    font-size: 13px;
}

@media (max-width: 995px) {
.form-control {
    font-size: 12px;
}
}