:root {
    --sys-safe-top: env(safe-area-inset-top);
    --sys-safe-bottom: env(safe-area-inset-bottom);
    --sys-safe-left: env(safe-area-inset-left);
    --sys-safe-right: env(safe-area-inset-right);
}

.mobile-safe-area {
    padding-top: var(--vv-top);
    height: calc(var(--vv-height) - var(--vv-bottom-with-footter));
}
.mobile-safe-area-login {
    padding-top: var(--vv-top);
    height: calc(var(--vv-height) - var(--vv-bottom));
}
.mobile-field-underline {
    /*height: 52px;*/
    border-bottom: 1px solid #d7dbe0;
    display: flex;
    align-items: center;
}

    .mobile-field-underline input,
    .mobile-field-underline .form-control {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: transparent !important;
        font-size:1.3rem;
    }

.mobile-btn-pill {
    height: 40px;
}


.priority-box {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}