.card-container {
    align-items: start;
    grid-gap: 16px;
    justify-content: center;
    padding-bottom: 2rem;
    width: 100%;
}
.card-messaggio {
    width: 100%;
    background-color: #ffe0c9;
    padding: 0.5rem;
    min-height: 6rem;
}
.card-messaggio div input {
    width: 100%;
}
    .card-messaggio div textarea {
        width: 100%;
    }
.mainrow {
    background-color: #e0f6ff;
}
oldcolor {
    background: #cad9e0;
}

element.style {
}

.list-group-item.active {
    background-color: #009fe3;
}
.list-group-item {
    background-color: #cad9e0;
}

.login-page {
    align-items: flex-start;
    justify-content: center;
    display: flex;
    background-image: url("/bg1.jpeg");
    height: 100vh;
    background-size: cover;
}
.login-box {
    background-color:white;
    align-items: center;
    display:flex;
    flex-direction:column;
    justify-content: center;
    width: 30%;
    padding: 20px;
    margin:50px;
    border:2px;
    border-style:solid;
    max-width:400px;
}

.login-logo {
    margin:10px;
}
.login-title{
    margin-bottom:15px;
}


.login-form {
    width: 100%;
    margin: 10px;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: block;
    text-align: center;
}
.login-logo img {
    
}