.logo-container {
    width: 100px;
}

.logo-container>img {
    width: 100%;
}

.main-container {
    margin-top: 65px;
}

.form-container {
    max-width: 600px;
    margin: 10px auto;
}

.fa {
    cursor: pointer !important;
}

.form-container h1 {
    font-weight: 300;
    font-size: 2.5rem;
}

@media (min-width: 786px) and (max-width: 1025px) {
    .side-navbar .dripicons-cross {
        position: absolute;
        top: 15px;
        right: 10px;
    }
}

@media (min-width: 1025px) {
    .side-navbar .dripicons-cross {
        display: none !important;
    }
}

.dropzone {
    border: 1px dashed #ced4da;
    border-radius: 5px;
    background: white;
}

#imageUpload {
    margin-bottom: 20px;
    min-height: 80px;
}

div.has-error>input {
    border: 1px solid #dc3545;
}

div.has-error>.form-text {
    color: #dc3545;
}

#successModal .fa-thumbs-up {
    font-size: 7.5rem;
    color: #2ebf2e;
}

#successModal .fa-thumbs-down {
    font-size: 7.5rem;
    color: #e13535;
}

#success-text {
    margin-top: 20px;
    font-size: 1.2rem;
}

#missing-orders-list table td {
        min-width: 40px;
        font-weight: bold;
        background: #f8f9fa;
        color: #7c5cc4;
}
#missing-orders-list table tr:nth-child(even) td {
    background: #e9ecef;
}
#missing-orders-list {
    transition: max-height 0.3s;
}

@media screen {
    div.dataTables_wrapper table.dataTable {
        min-width: 100% !important;
    }
}