html, body{
    height:100vh;
    margin:0;
    overflow:hidden;
}

#appShell{
    height:100vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

#topMenu{
    flex:0 0 auto;
}

#clientHeader,
#clientDashboardTool,
#workConsoleToolbar{
    flex:0 0 auto;
}
/* General row background */
.w3-row{
    background-color:#f3f4f6;
}

/* Snackbar */
#snackbar{
    visibility:hidden;
    min-width:250px;
    background-color:#333;
    color:#fff;
    text-align:center;
    border-radius:2px;
    padding:16px;
    position:fixed;
    z-index:99999;
    left:30px;
    top:30px;
    font-size:17px;
    white-space:pre-wrap;
}

#snackbar.show{
    visibility:visible;
    -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;
    animation:fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein{
    from{top:0; opacity:0;}
    to{top:30px; opacity:1;}
}

@keyframes fadein{
    from{top:0; opacity:0;}
    to{top:30px; opacity:1;}
}

@-webkit-keyframes fadeout{
    from{top:30px; opacity:1;}
    to{top:0; opacity:0;}
}

@keyframes fadeout{
    from{top:30px; opacity:1;}
    to{top:0; opacity:0;}
}

/* Tooltip */
.tooltip .tooltiptext{
    visibility:hidden;
    width:120px;
    background-color:black;
    color:#fff;
    text-align:center;
    padding:5px 0;
    border-radius:6px;
    position:absolute;
    z-index:9999;
}

.tooltip:hover .tooltiptext{
    visibility:visible;
}

hr{
    width:70%;
    margin-left:auto;
    margin-right:auto;
}

.cls_short{
    padding:0 !important;
    border:0 !important;
}

table.treetable tr.selected{
    background-color:white;
    font-weight:bold;
    color:blue;
}