.info-username {
    word-wrap: break-word;
    white-space: normal;
}
.mailbox-read-info {
    overflow-y: auto;
    height: 77vh;
}
pre {
    overflow: initial;
}
.card-header-tools {
    padding: 0;
    margin: 0;
}
.table-tools {
    margin-bottom: 0;
}
th.th-tools {
    border: none;
    padding-left: 1.70rem;
    padding-right: 1.70rem;
}
.cid-status-btn {
    margin-left: 5px;
}
img#brand-logo {
    height: 5rem;
    width: auto;
    aspect-ratio: attr(width) / attr(height);
}
.add-user-instruction {
    margin-top: 1.4rem;
    margin-left: 0.2rem;
}
.list-tools {
    width: 15rem;
    margin-left: 0.3rem;
}
img#DesktopAppDownload {
    width: 35%;
    height: auto;
    margin-left: 2rem;
}
.login-card {
    width: 45rem;
    height: 35rem;
    font-family: 'Source Sans Pro', sans-serif;
    border-width: 0;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.22rem rgba(0, 0, 0, 0.25);
    align-items: center
}
.back-btn {
    margin-right: auto;
    font-size: 2.5rem;
    color: #9DCCFF;
}
.img-btn {
    width: 15rem;
    height: auto;
}

/* Landing page CSS */

.lp-container {
    display: flex;
    gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    max-width: 66rem;
    margin: 0 auto;
    zoom: 1.4;
}

.lp-panel {
    flex: 1;
    aspect-ratio: 1.21 / 1;
    background: #fff;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 0 0.22rem rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    min-height: 26rem;
    font-family: 'Source Sans Pro', sans-serif;
}

.lp-panel-header {
    flex: 0 0 30%;
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    padding-top: 1.5rem;
    padding-left: 0.2rem;
}

.lp-panel-title {
    font-size: 1.2rem;
    color: #1F2D3D;
    margin-bottom: 0.1rem;
}

.lp-panel-subtitle {
    font-size: 0.70rem;
    color: #1F2D3D;
    line-height: 1.4;
}

.lp-button-group {
    flex: 0 0 70%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: flex-start;
}

.lp-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 1.25rem;
    min-height: 4rem;
    border-radius: 0.3rem;
    cursor: pointer;
    transition: 0.2s;
    font-size: 0.875rem;
}

.lp-button.light {
    background: #fff;
    border: 0.0625rem solid #e2e5ea;
    box-shadow: 0 0.05rem 0.125rem rgba(0,0,0,0.2);
}

    .lp-button.light:hover {
        background: #f8f9fa;
    }

.lp-button.primary {
    background: #007BFF;
    color: #fff;
    border: none;
    box-shadow: 0.05rem 0.10rem 0.125rem rgba(0,0,0,0.2);
}

.lp-button.primary:hover {
    background: #0056B3;
}

.button.light .arrow {
    color: #007BFF;
}

.lp-button-action {
    color: #007BFF;
}

.lp-button.light .lp-button-action {
    color: #007BFF;
}

.lp-arrow {
    font-size: 3.5rem;
    line-height: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-0.280rem);
}

.lp-button-text {
    display: flex;
    flex-direction: column;
    gap: 0.10rem;
    text-align: left;
}

.lp-button-title {
    font-size: 0.85rem;
    line-height: 1.3;
}

.lp-button-subtitle {
    font-size: 0.60rem;
    line-height: 1.4;
    opacity: 0.80;
}

.lp-button.light .lp-button-title {
    color: #1F2D3D;
}

.lp-button.light .lp-button-subtitle {
    color: #1F2D3D;
}

.lp-button.primary .lp-button-subtitle {
    color: rgba(255, 255, 255, 0.9);
}