html {
    height: 100dvh;
    width: 100dvw;
}

body {
    height: 100%;
    width: 100%;
}

#app {
    height: 100%;
    width: 100%;
}

.detail_view table {
    text-align: left;
    border-spacing: 4px; 
    border-collapse: separate;
}

.detail_view table th {
    width: 10em;
}

.icon_logical_and,.icon_logical_or {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    font-weight:900;
}

.icon_logical_and:before{
    content:"&";
}

.icon_logical_or:before{
    content:"||";
}

.entity_dialog {
    width:70vw;
    max-width: 70vw;
    height: 70vh;
    max-height: 70vh;
}