@font-face { font-family: Segoe UI; src: url( more/segoe_ui_regular.ttf); }

.body_hide {
	opacity: 0;
	transition: .9s opacity ease-in-out;
}
.body_visible {
	opacity: 1;
}

html  {
    width: 100%;
    height: 100%; 
}
body {
    width: 97%;
    height: 94%;
    margin: 0px;
    /* border: 1px solid; */
    padding: 1%;
    font-family: Segoe UI;
}
 


[data-display=block] {
    display: block;
}
[data-display=none] {
    display: none;
}
svg {
    width: 17px;
    height: 17px;
    vertical-align: bottom;
    padding-right: 3px;
}
.line_100 {
    cursor: pointer;
    padding-bottom: 1px;
    user-select: none; 
    -ms-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none;    
}
.line_100:hover {
    background: aliceblue;
    transition: 0.2s;
}
.hide {
    padding-left: 10px;
}


div#contextmenu {
    position: absolute;
    background: #fafafa;
    padding: 10px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 4px 4px 49px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 49px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 49px 0px rgba(34, 60, 80, 0.2);
    width: 250px;
}
div#contextmenu div, .file  {
    cursor: pointer;
}
div#contextmenu div:hover, .file:hover {
    background: aliceblue;
}
 
div#contextmenu {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}