body {
    /*
    background-image: url('/aether/assets/coffe_beans_2.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed; /* keeps it in place during scrolling 
    background-size: cover; /* or use something like '100px auto' 
    */
    width: 100vw;
}
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20%;
}
.content {
    padding: 10px;
}

.bckgrnd {
    background :rgba(212,172,179,0.9) !important;
}
.indianRed {
    background: indianred !important;
    border: 1px solid indianred !important;
}

.coffe_label_bg {
    background-image: url('/aether/assets/aether_no_ws.png');
    background-size: cover;
    background-position: center;   
}

.card-heading, .card-footer {
    /*
    background :rgba(212,172,179,0.9) !important;  
    */ 
    padding: 2%;
    color: #343a40; 
}

.card {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.card-footer {
    background-image: url('/aether/assets/aether-logo.png');
    background-size: cover;
    background-position: center;   
    background-size: 20%;
    background-repeat: no-repeat;
    height: 70px;
}

.btn-dark {
    background: #2f3336 !important;
    border: #2f3336 !important;
    color: white;
    margin-bottom: 10px;
}

h4 {
    padding-top: 20px;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

h1 {
    font-size: 1.5rem;
    opacity: 0.86;
}

#downloadCsv {
    margin-bottom: 10px;
}
.admin-container {
    padding: 20px;
}

.placeholder-red::placeholder {
    color: lightcoral;
}

.is-invalid {
    color: lightcoral !important;
}

.table {
    width: 80vw !important;
}

@media screen and (max-width: 768px) {
    .image-main-div {
        display: none;
    }
}