html, body {
    height: 100%;
}
body {
    background: rgb(81,189,199);
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    background-attachment: fixed;
}

.dropzone .dz-message {
    margin: 0;
}

#order-form img {
    cursor: pointer;
}

.content-box {
    min-height: 100%;
}

.btn-primary {
    --bs-btn-bg: #007c8c;
    --bs-btn-border-color: #007c8c;
    --bs-btn-hover-bg: #0092a6;
    --bs-btn-hover-border-color: #0092a6;
    --bs-btn-focus-shadow-rgb: 99, 158, 166;
    --bs-btn-active-bg: #0092a6;
    --bs-btn-active-border-color: #0092a6;
    --bs-btn-disabled-bg: #007c8c;
    --bs-btn-disabled-border-color: #007c8c;
}

.btn-outline-primary {
    --bs-btn-color: #007c8c;
    --bs-btn-border-color: #007c8c;
    --bs-btn-hover-bg: #007c8c;
    --bs-btn-hover-border-color: #007c8c;
    --bs-btn-active-bg: #007c8c;
    --bs-btn-active-border-color: #007c8c;
    --bs-btn-disabled-color: #007c8c;
    --bs-btn-disabled-border-color: #007c8c;
}

.alert-box {
    position: absolute;
    transform: translateX(-50%);
    max-width: 800px;
    width: 100%;
    left: 50%;
}