html {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    user-select: none;
    font-size: 15px !important;
    font-family: 'Roboto',arial !important;
}

body {
    min-height: 100vh;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    /* hyphens */
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 15px !important;
    font-family: 'Roboto',arial !important;
}

#app {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.HyphensNone {
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.HyphensManual {
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

input {
    user-select: initial;
}

/* ******************************************************************************************* */

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ******************************************************************************************* */

.wscloud-admin-persona-callout {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid silver;
    border-radius: 8px;
    background-color: white;
    position: relative;
}

.kapla-sidebarcontainer-sidebar-header {
    border-bottom: 1px solid black !important;
}


.wscloud-admin-detail-entry {
    margin-top: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.wscloud-admin-detail-entry .entry-caption {
    font-weight: bold;
}

    .wscloud-admin-detail-entry .entry-value {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: start;
        justify-content: start;
    }

    .wscloud-admin-detail-entry .entry-action {
        margin-left: 0.5rem;
        text-align: right;
    }

    .wscloud-admin-list-key {
        font-weight: bold;
    }

.wscloud-admin-list-value {
    margin-left: 0.5rem;
    text-align: right;
}

.wscloud-admin-list-action {
    margin-left: 0.5rem;
    text-align: right;
}