html {
  font-size: 16px;                              /* default 1rem font size */
  user-select: none;                            /* disable text select */
}

body {
  background-color: rgba(1,50,1,1);             /* background */
  color: #fff;                                  /* default text colour */
}

html, body, input, select, textarea, div {
  overflow: scroll;                             /* always show scroll bars */
  overscroll-behavior: contain;                 /* contain scrolling to element */
}

/* prevent page scrolling on touchable elements */
input, select, textarea, button {
  touch-action: none;
}

/* adding a font */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/***** BOOTSTRAP *******************************/

/* fix: bootstrap table-borderless shows borders in dark mode */
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}

/* bootstrap: show the dropdown menu on hover */
.dropdown:hover > .dropdown-menu {
  display: block;
}

/* bootstrap: prevent pointer interaction on dropdown menu */
.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

/* enable long dropdown menu to scroll */
.dropdown-menu {
  max-height: 90vh;
  overflow-y: auto;
}

/* bootstrap: hide the ugly decorations */
input,
input:focus,
input:active,
textarea,
textarea:focus,
textarea:active,
button,
button:focus,
button:active,
select,
select:focus,
select:active,
.form-control,
.form-control:focus,
.form-control:active,
.form-select,
.form-select:focus,
.form-select:active,
.form-check-input,
.form-check-input:focus,
.form-check-input:active,
.btn,
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* bootstrap: square corners */
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
  outline: none !important;
}

/* bootstrap: stylize tooltip */
.tooltip {
  opacity: 1 !important;
}
.tooltip-inner {
  padding: 2px 6px 7px;
  font-size: 18px;
  color: #000;
  border: 3px solid #000;
  text-align: center;
  background-color: #fff;
}