html {
    height: 100%;
}

body {
    height: 100%;
}

#bg-opacity {
    background: url(../img/exonia-logo-full.png) no-repeat center fixed;
    background-size: 1200px;
    height: 100vh;
}

@media (max-width: 1200px) {
    #bg-opacity {
        background-size: 1000px;
    }
}

@media (max-width: 992px) {
    #bg-opacity {
        background-size: 800px;
    }
}
@media (max-width: 482px) {
    #bg-opacity {
        background-size: 350px;
    }
}

#bg-image {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.96);
}

.container {
    margin-bottom: 100px;
}
h1,h2 {
    color: #28a745;
}

div[id^="deal_paymentSchedules_"]:nth-of-type(odd) {
    background: rgba(222, 222, 222, 0.40);
    border: 1px solid #CCC;
    padding: 10px;
}

#form-card .black-btn, #view-card .black-btn {
    color: #1b1b1b;
}

.btn-yellow {
    color: #fff;
    background-color: #9c9909;
    border-color: #9c9909;
}

.badge-yellow {
    color: #fff;
    background-color: #a79e08;
    border-color: #9c9909;
}

.btn-yellow:hover {
    color: #fff;
    background-color: #928a07;
    border-color: #9c9909;
}

.btn-orange {
    color: #fff;
    background-color: #ec8e01;
    border-color: #ec8e01;
}

.badge-orange {
    color: #fff;
    background-color: #ec8e01;
    border-color: #ec8e01;
}

.btn-orange:hover {
    color: #fff;
    background-color: #ba7001;
    border-color: #ba7001;
}

.btn-orange-light {
    color: #fff;
    background-color: #ecba6a;
    border-color: #ecba6a;
}

.btn-orange-light:hover {
    color: #fff;
    background-color: #a6834b;
    border-color: #a6834b;
}

.small-btn-colors .btn {
    height: 50px;
}

#form-card .btn.active {
    border-color: #1b1b1b;
    border-width: 2px;
}