@media(max-width: 800px) {
  html {
    font-size: 1em !important;
    user-select: none;
  }
  tr {
    line-height: 2em !important;
  }
  .arrow {
    display: none !important;
  }
  td.display-name {
    padding-left: 1em !important;
  }
  #icHolder {
    top: 20px !important;
  }
  body {
    margin-left: 10px !important;
  }
  .ic {
    display: inherit !important;
  }
  .file-size {
    display: none !important;
  }
  #help_message {
    display: none !important;
  }
}

/* hello standards 👋🏻 */
::-webkit-scrollbar {
    background: #2d3436;
}

::-webkit-scrollbar-thumb {
    background: gray;
}

#pdf {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  justify-content:center;
  align-items:center;
  position: fixed;
  background-color: #000;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 99;
}

#pdf embed {
  width: 100%;
  height: 100%;
}

html {
  color: #dfe6e9;
  background-color: #2d3436;
  font-size: 1.5em;
  font-family: Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  scrollbar-color: gray #2d3436;
  -webkit-tap-highlight-color: transparent;
}

a {
  color: #dfe6e9;
  text-decoration: none;
  background-color: transparent !important;
  outline: 0;
}

a.linkSelected {
  border-bottom: .01em solid #dfe6e9;
}

tr {
  line-height: 35px;
}

body {
  margin-left: 20px;
}

div, i {
  background-size: cover !important;
}

.highlight {
  background-color: rgba(123, 123, 123, 0.5);
}

.icon {
  height: 36px;
  width: 36px;
  display: block;
  cursor: pointer;
}

.arrow-selected {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOSAxMjkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIvPgogIDwvZz4KPC9zdmc+Cg==");
  height: inherit;
}

.arrow {
  height: 22px;
  width: 22px;
  text-align: center;
  font-size: 1.15em;
  font-weight: bold;
  padding-left: .5em;
  filter: invert(100%) !important;
  padding-bottom: 4px;
}

table {
  width: 100%;
}

td.iconRow {
  text-align: -moz-center;
  text-align: -webkit-center;
  height: 25px;
  width: 25px;
}


td.file-size {
  text-align: right;
  padding-left: 1em;
  width: 30px;
}

td.display-name {
  padding-left: .5em;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  max-width: 100px;
}

h1 {
  display: inline-block;
  margin-top: 20px;
  word-wrap: break-word;
  width: 80%;
  margin-bottom: 28px;
  cursor: pointer;
}

h1 > span:hover {
  color: #f1c40f;
}

#icHolder {
  display: inline-block;
  right: 15px;
  background-color: #2d3436;
  top: 34px;
  position: absolute;
}

.ic {
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  color: transparent;
  margin-left: 5px;
}

#toast {
  top: 7px;
  position: absolute;
  right: 70px;
  font-style: italic;
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
}

#quitAll {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzEuMTEyIDMxLjExMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzEuMTEyIDMxLjExMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gcG9pbnRzPSIzMS4xMTIsMS40MTQgMjkuNjk4LDAgMTUuNTU2LDE0LjE0MiAxLjQxNCwwIDAsMS40MTQgMTQuMTQyLDE1LjU1NiAwLDI5LjY5OCAxLjQxNCwzMS4xMTIgMTUuNTU2LDE2Ljk3IA0KCTI5LjY5OCwzMS4xMTIgMzEuMTEyLDI5LjY5OCAxNi45NywxNS41NTYgIiBzdHlsZT0iZmlsbDogd2hpdGU7Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 101;
}

.uploading-table {
  padding-bottom: 80px;
}

.bar {
  width: 99%;
  left: 0.5%;
  right: 0.5%;
  position: fixed;
  bottom: 0px;
  max-height: 50%;
  overflow-x: hidden;
  background-color: #2d3436;
}

.barName {
  width: 100%;
}

.barPc {
  width: 1%;
  height: 35px;
  text-align: center;
  line-height: 30px;
  min-width: 30px;
  margin-top: 5px;
  color: white;
  margin-bottom: 5px;
}

#drop-grid {
  align-items: center;
  display: none;
  justify-content: center;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 999;
  border: 5px dashed green;
  margin: 0px;
  border-radius: 5px;
  text-align: center;
  font-size: 4em;
  font-family: Helvetica;
  color: green;
  opacity: 1;
  background-color: rgba(123, 123, 123, 0.2);
  padding: 20px;
}

#drop-grid::after {
  content: "Drop here to upload";
}

#text-editor {
  font-family: monospace;
  background-color: #2d3436;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 100;
  overflow-y: auto;
  word-wrap: anywhere;
  padding: 20px;
  outline: none;
  width: -moz-available;
  width: -webkit-fill-available;
  height: 100%;
  color: white;
  font-size: 1em;
  border: none;
  resize: none;
  box-sizing: border-box;
}

#pics {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  justify-content:center;
  align-items:center;
  position: fixed;
  background-color: #000;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 99;
}

#picsHolder {
  user-select: none;
  height: 100%;
  width: 100%;
  cursor: pointer;
  object-fit: contain;
  image-orientation: from-image;
}


#video {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  justify-content:center;
  align-items:center;
  position: fixed;
  background-color: #000;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 99;
}

#videoHolder {
  height: auto;
  max-height: 100%;
  width: 100%;
  cursor: pointer;
  object-fit: contain;
  image-orientation: from-image;
}

@keyframes fade {
  0%   { opacity:0; }
  20%  { opacity:1; }
  80%  { opacity:1; }
  100% { opacity:0; }
}

.runFade {
  animation: fade 3s 1;
}

.notif {
  opacity:0;
  width: 80px;
  height: 80px;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

#helpHead {
  margin-top: 60px;
  text-align: center;
}

#helpTable {
  border-collapse: collapse;
  width: 70%;
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  overflow-y: auto;
}

#helpTable td {
  width: 200px;
  padding: 9px;
  border: 1px solid #fff;
  color: white;
  font-size: 18px;
  margin: 0;
}

#help {
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll;
  z-index: 99;
  font-size: 1em !important;
}

#video-dl {
  position: fixed;
  right: 8px;
  top: 80px;
  width: 65px;
  height: 65px;
  cursor: pointer;
  z-index: 101;
}

#help_message {
  font-family: monospace;
  font-size: 14px;
  position: fixed;
  bottom: 5px;
  right: 13px;
  opacity: 50%;
  user-select: none;
  display: none;
  margin: unset;
}

.icon-large-folder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEUAAACZmQAICAj4+Pj//5nMzGb/+/AAAAD/zJkzMwAAAP////+gebovAAAAAXRSTlMAQObYZgAAAAFiS0dECx/XxMAAAAAHdElNRQfiBhgXAy5jJ3EAAAAA1klEQVQoz42RMQ7CMBAEQ0mZIIp0/AGecJFO7kC2FKXmATxikaxUtPS48Ss5XxwnoWI7j3f3fHJV/aFa1KzOuwsRdacFHCjpthjuChbL0U261ipJnDd65IokJhCaGTCzEOZ25SAwaAUgASoOyFFzxWEsEkQGz2BskFJfHMMwWB07AVAXg/QwZscYPzHqXAVicDE4eJ47QOOoHexzhINxQRxIEVkC6I217OGLg9DLIn7qkHHEWiAvEwAdJyQlNKK3gKfcITuxZjzrO+qt2mr/3uj1z1//6AsSG3mwAQQN9wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yNFQyMzowMzo0Ni0wNDowMFfZ8nYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMjRUMjM6MDM6NDYtMDQ6MDAmhErKAAAAAElFTkSuQmCC");
}

.icon-large-sad-server {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEUAAACAgIDAwMAAAAD///8A/wAAgAD/AACAgAD//wAxEuVaAAAAAXRSTlMAQObYZgAAAAFiS0dEBI9o2VEAAAAHdElNRQfiBhoALCLL7Xg4AAAAy0lEQVQ4y+WSPQ7CMAyFHbUSa38G5iLBHCkXKBUnQOICDMwgBnMDuEJvi00TKM3L0IWFN/rLs/zsEP2BSiCtm1WsxgqoAChtwqAAGgSYXaztC3So0xywPuwx2JyOM1uNwWRN1RtMUnQ/alVTAtgEqPWw6OJ6WHJA358lGx7GMs0swHwWsGCeAikJEAwst8d9bCh8kCVzz3zxQQpDbe53x6qwyDYnm/lQ0oevIaHNPj2dAEdIHM8aBgbDDgZo0dDQokWwEV8DlqE0sjwBakRwyV+dKtoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDYtMjZUMDA6NDQ6MzQtMDQ6MDBDgg+9AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA2LTI2VDAwOjQ0OjM0LTA0OjAwMt+3AQAAAABJRU5ErkJggg==");
}

.icon-large-ok {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAElBMVEUAAAAAAAAAgACAgID////AwMAbJqpVAAAAAXRSTlMAQObYZgAAAAFiS0dEBI9o2VEAAAAHdElNRQfiBhoANRyRjMyLAAAArElEQVQoz22R0Q3EIAiGNbfAeU4gad+9sMGFLtC4/yyngBaa+tCELz+fFkJ4PimltyljAoCSrvoDfBbRGkC74qyh3AIauQIacaCajo1+ANmARqcHRP2T61LsdIgkWoUFrICCC7Bigo1OUUzQK1GslkaiGIDfsZMoICvokcODXRTjpXpvU0W9/T5WP7GhcDNF9EPN3GH2ooEQvrI51EAIL+y7zbgCg/Cx68eZ/wNuLjeFQzbY1AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yNlQwMDo1MzoyOC0wNDowMGvaoe4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMjZUMDA6NTM6MjgtMDQ6MDAahxlSAAAAAElFTkSuQmCC");
}

.icon-large-pad {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAGFBMVEUAAAAAAACAgID////AwMAAAL8AAP///wCsLlssAAAAAXRSTlMAQObYZgAAAAFiS0dEAxEMTPIAAAAHdElNRQfiBhoAOCQMIApYAAAAvUlEQVQoz22Ryw7CIBREqYl7xlb3Pj7APpQ1iaZbXcjaxBTXhCi/bx+2XBomd8PJDDcMjCUc43DWab8rpunIIi/TcbYyCkovKdltBpbPGVAtuHjJqz6GDvUOI1d9DiPqpcMt6tsEkXyjwy04NWEkhWooEMD6wUnEGuBOHidEBXACrKsNuuf/A7Wr3AekD2trB1JQe4MzUvqIK4BMeofIV0OFIzBpOYG+qmxoLNJ6DNCSow528I6s//4EXu3xB1FNX4O6vHKSAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA2LTI2VDAwOjU2OjM2LTA0OjAwEWYRaQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNi0yNlQwMDo1NjozNi0wNDowMGA7qdUAAAAASUVORK5CYII=");
}

.icon-large-upload {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAAzzDPM/8z///8z/2YzmQAzZgAzZv8Amf8AAAAzzP+ZzP8AgADM//8z//8AMwAzzGaZmQD4+Pj//5kAZgD/zGYzmTP/zJmAgAAzMwDMZjPMmTP//wBmMwDwyqYv7S31AAAAAXRSTlMAQObYZgAAAAFiS0dEAxEMTPIAAAAHdElNRQfiBhoAOCALTc5BAAAB3klEQVRIx5WUCZKDIBBFAQXEbTTRQbPM/Y85TQMKClm+piplvcdv0YSQINSFfBQAWcHKsqSUc/EBbmnAgedCyje8Xxxxw782LI+zCPORVSWlesPj4qKqETdC3nA8R76uasBr+cJoCmHGdzwadSsxaaPpCiHcPJ6naLQqw3d9J2jEix/AW540msIYZnMMX/et5xnPCNjQC+SrvoUvlh8GzlWW73tcH+YRdk+tIFRqoq6jwPf+Diph5mcjJiEAThkNeQb4MF6uJmej6ShjrJymnR+GjU8YDfLwJk2Wr9DY+LNBi4DHSMHGOcjo418k5Es+TY6vxO94SUU5oUQDXg1QpDlEOBFEu3MOjJKCsfioUNBe0fNqBcfTZaMWdYkKXMUmIF8uAbSo0zx7A+GH9SPDwNqegWD4Oc6yx1dsAuHw61ku2ShsCRoImY4T6fCYlZ0oEMjEl8NG7rd6nVd9bAAjbrCOb1i1PgkkELR7VnpveCV4OLiH1W9dpiGaR5sGH5IQjvPgJKn/Disc9ke755UXzjQ23NTdJRb0NZ5ne16Pp8+HDSEYCPbFvMb0cfuTu3QwcoKOnpf+umFPRpjzSQpkzYe8z/OuPqC+E+5hbhAVXUmsGebx93eLLjzf1L1i/gHK3l4JVuA9nAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yNlQwMDo1NjozMi0wNDowMOUpNXoAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMjZUMDA6NTY6MzItMDQ6MDCUdI3GAAAAAElFTkSuQmCC");
  margin-bottom: 3px;
}

.icon-folder {
  height: 27px;
  width: 27px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAACZmQAICAj4+Pj//5n/+/DMzGYAAAD/zJkzMwD///9AsZvJAAAAAXRSTlMAQObYZgAAAAFiS0dECmjQ9FYAAAAHdElNRQfiBhgXARMJeV+TAAAAuElEQVQoz62QMQ7CQBADLyVlQKLmD/ABpC38AF5AgZSOR7i4kpbf4t3b4xLR4i6+sb1KKb+apf3qe7qY2fU0jIO5BjLdwhjI8dE0Nylx3uiZFS4YjfduAJADLCvCCNrKoAL2JajPyG0IZ9IQGzP1S2iSMdsMZgbshOIVsRsGs7WidzAm1IGaEfgNIugRxIJblXUQ/my1dXgaUaDLZDDm5HgiIvGqQyw7GJVOIO7oPzm1lN17o1f5gz69jIC7vf9PIQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yNFQyMzowMToxOS0wNDowMO2EXMYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMjRUMjM6MDE6MTktMDQ6MDCc2eR6AAAAAElFTkSuQmCC") !important;
}

.icon-blank {
  background-image: url("data:image/svg+xml;base64,[encoded data, 6296 characters]");
}

.icon-code, .icon-js, .icon-c, .icon-cpp, .icon-go, .icon-css, .icon-html, .icon-rs, .icon-py, .icon-rb {
  background-image: url("data:image/svg+xml;base64,[encoded data, 6120 characters]");
}

.icon-doc, .icon-docx, .icon-odt {
  background-image: url("data:image/svg+xml;base64,[encoded data, 6552 characters]");
}

.icon-epub, .icon-mobi {
  background-image: url("data:image/svg+xml;base64,[encoded data, 4648 characters]")
}

.icon-gif, .icon-png, .icon-jpg, .icon-jpeg, .icon-gif {
  background-image: url("data:image/svg+xml;base64,[encoded data, 6080 characters]");
}

.icon-mp3, .icon-wav, .icon-flac, .icon-ogg {
  background-image: url("data:image/svg+xml;base64,[encoded data, 5720 characters]");
}

.icon-mp4, .icon-mkv, .icon-m4v, .icon-avi, .icon-ogv, .icon-mov {
  background-image: url("data:image/svg+xml;base64,[encoded data, 5252 characters]");
}

.icon-pdf {
  background-image: url("data:image/svg+xml;base64,[encoded data, 4648 characters]");
}

.icon-ppt, .icon-pptx {
  background-image: url("data:image/svg+xml;base64,[encoded data, 7392 characters]");
}

.icon-srt {
  background-image: url("data:image/svg+xml;base64,[encoded data, 7216 characters]");
}

.icon-xls, .icon-xlsx, .icon-csv {
  background-image: url("data:image/svg+xml;base64,[encoded data, 11152 characters]");
}

.icon-zip, .icon-tar, .icon-gz, .icon-bz2, .icon-rar, .icon-7z {
  background-image: url("data:image/svg+xml;base64,[encoded data, 4648 characters]");
}

.icon-dl {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMCAxNVYxOEMyMCAxOS4xMDQ2IDE5LjEwNDYgMjAgMTggMjBINkM0Ljg5NTQzIDIwIDQgMTkuMTA0NiA0IDE4TDQgMTVNOCAxMUwxMiAxNU0xMiAxNUwxNiAxMU0xMiAxNVYzIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");
}
