/* sinhala */
@font-face {
  font-family: 'Gemunu Libre';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/gemunulibre/v8/X7n34bQ6Cfy7jKGXVE_YlqnbEQAFP-PIuTCp00aJDu6BefXP.woff2) format('woff2');
  unicode-range: U+0964-0965, U+0D82-0DF4, U+200C-200D, U+25CC;
}

/* latin-ext */
@font-face {
  font-family: 'Gemunu Libre';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/gemunulibre/v8/X7n34bQ6Cfy7jKGXVE_YlqnbEQAFP-PIuTCp00aJDv2BefXP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Gemunu Libre';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/gemunulibre/v8/X7n34bQ6Cfy7jKGXVE_YlqnbEQAFP-PIuTCp00aJDvOBeQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    box-sizing: border-box;
}

html, body {
  background: #222222;  /* white */
  color: #dddddd;       /* none */
  height: 100vh;
  font-family: 'Gemunu Libre', sans-serif;
}

#target-pane {
  overflow-y: hidden !important;
}

html, body, #main, #target-pane, #target-frame {
  padding: 0px;
  margin: 0px;
}

#main {
  width: 100%;
  height: 100%;
  display: none;
}

#left-pane, #target-pane {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

#left-pane {
  padding: 1em 0px;
  user-select: none;
}

#target-pane {
  flex: 1;
}

.row {
  font-size: 20px;
  padding: 0.5em;
  cursor: pointer;
  font-size: 24px;
}

img.icon {
  height: 24px !important;
  vertical-align: middle;
  padding-left: 0px;
  padding-right: 0.25em;
}

.target-frame {
  position: relative;
  height: 100vh;
  width: 100%;
}

.target-frame {
  display: none;
}

div.row:hover {
  background: #888;
}
div.row.selected {
  background: black;
}

div.row.window,
div.row.window:hover {
  background-image: url("images/popup.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-spacing: 10px 10px;
}