.mail-list {
    padding: 40px 0;
    min-height:100vh;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
}

.mail-list .mails {
    width:100%;
    padding: 0 40px 40px 40px;
}

.container.labels {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    margin:0;
    width: 20vw;
    padding: 20px 20px 40px 20px;
}

.mail-label-container {
    width: 100%;
    border: 1px solid #e9e9e9;
    padding:10px 20px;
}

.mail-label-container:hover {
    background:#e9e9e9;
    cursor:pointer;
}

.mail-label {
    font-weight:bold;
    font-size:.7rem;
}

.mail-item {
    padding:0 20px;
    border:1px solid #666;
    margin-bottom:10px;
}

.mail-item.opened {
    border:2px solid #333;
}

.mail-item .mail-header {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    gap:0;
    flex-wrap:wrap;
    cursor:pointer;
    padding: 10px 0;
}

.mail-item .mail-header .mail-header-subject {
    font-weight:bold;
}

.mail-item .mail-header .mail-items {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    padding:0;
    cursor:pointer;
}

.mail-item .mail-header.opened {
    border-bottom:1px solid #666;
}

.mail-item .mail-header span.label {
    font-weight:bold;
    text-transform:uppercase;
    font-size:.7rem;
}

.mail-item .mail-body {
    padding:20px 0 15px 0;
    display:none;
}

.mail-item.unread {
    border-left:4px solid #489b97;
    transition: all .5s;
}

.mail-paginator-container {
    margin-bottom:100px;
}

.mail-paginator {
    display:flex;
    flex-direction:row;
    gap:10px;
    justify-content: flex-start;
    align-items: center;
}

body.email #template-container,
body.email .btn-container {
    padding: 20px 35px;
}

.mail-template-selector-link{
    color: green;
    text-decoration:underline;
}

.addRow-container {
    margin:20px 0;
}

.addRow-container .mb-3 {
    margin:0;
    padding:0;
}

.original-content {
    border-left: 4px solid #489b97;
    padding:0 20px;
    margin:20px 0;
}

.mail-item:not(.unread) .mail-header .mail-unread {
    font-weight:bold;
    color: #489b97;
}