/* Definitions for Variables =================================== */
:root
{
  --titlebar-font-size     : 18px;
  --titlebar-font-color    : #F5F5F5;
  --titlebar-back-color-one: #3F6491;
  --titlebar-back-color-two: #0D325F;
  --explorer-font-size     : 14px;
  --explorer-font-color    : black;
  --explorer-back-color    : #EEEEEE;
}

/* html and body =============================================== */
html {margin:0; height:100%; overflow:hidden; font-size:var(--explorer-font-size);}
body {background:var(--explorer-back-color); color:var(--explorer-font-color); font-family:"Segoe UI", system-ui, Arial, Helvetica, sans-serif; line-height:60%; text-align:left;}
a    {text-decoration:none; color:var(--explorer-font-color);}

/* Titlebar ==================================================== */
.Titlebar_Explorer {background:var(--titlebar-back-color-one); background-image:linear-gradient(180deg,var(--titlebar-back-color-one),var(--titlebar-back-color-two)); color:var(--titlebar-font-color); position:fixed; top:0; left:0; width:100%; height:44px; display:flex; align-items:center; padding:0 6px 0 15px; box-sizing:border-box; z-index:1000; font-size:var(--titlebar-font-size); font-weight:bold; font-variant:small-caps;}
.BarTitleText      {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-grow:1; flex-shrink:1; min-width:0; height:38px; line-height:38px; margin-bottom:3px;}
.Titlebar_Explorer .logo-container     {margin-left:auto; display:flex; align-items:center; height:100%;}
.Titlebar_Explorer .logo-container a   {display:flex; align-items:center; height:100%; margin:0; padding:0;}
.Titlebar_Explorer .logo-container img {height:36px; width:auto; border:none; margin:0; padding:0;}

/* Explorer contents =========================================== */
#explorerContent   {position:absolute; top:44px; left:0; right:0; bottom:0; overflow:auto; padding:10px; padding-bottom:70px;}

/* Avoid user selection and drag & drop ======================== */
html, body, .Titlebar_Explorer, #explorerContent {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
a, img {-webkit-user-drag: none; user-drag: none;}