article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { background: #fff; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: -webkit-fill-available;}

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; background: #FAFAFA; height: -webkit-fill-available; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; src: local("Barlow Medium"), local("Barlow-Medium"), url("./fonts/BarlowMedium.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/Roboto-Light.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url("./fonts/Roboto-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/Roboto-Medium.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/Roboto-Bold.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("./fonts/Roboto-LightItalic.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/Roboto-Italic.ttf") format("truetype"); }

@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("./fonts/Roboto-MediumItalic.ttf") format("truetype"); }

@font-face { font-family: 'NeoSans'; font-style: normal; font-weight: normal; src: local("Neo Sans"), local("Neo-Sans"), url("fonts/NeoSans.ttf") format("truetype"); }

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, #app { height: 100%; margin: 0; overflow: hidden; -ms-touch-action: none; -webkit-touch-action: none; touch-action: none; }

input[type=text]::-ms-clear { display: none; }

input[type=password]::-ms-reveal { display: none; }

h1 { font-weight: 800; font-size: 3.75em; }

@media screen and (max-width: 40em) { main { font-size: 80%; }
  h1 { padding-top: 1em; font-size: 2.5em; } }

*:not(.showScrollBar):not(.showScrollBarHorizontal):not(.showScrollBarVertical)::-webkit-scrollbar { display: none; }

.showScrollBar::-webkit-scrollbar
{
  height: 6px;
	width: 6px;
}
.showScrollBar::-webkit-scrollbar-track:vertical {
  display: none;
}
.showScrollBar::-webkit-scrollbar-thumb:vertical {
  border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.showScrollBar::-webkit-scrollbar-track:horizontal {
  display: none;
}
.showScrollBar::-webkit-scrollbar-thumb:horizontal {
  border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.showScrollBarHorizontal::-webkit-scrollbar
{
  height: 6px;
	width: 6px;
}
.showScrollBarHorizontal::-webkit-scrollbar-track:horizontal {
  display: none;
}
.showScrollBarHorizontal::-webkit-scrollbar-thumb:horizontal {
  border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.showScrollBarVertical::-webkit-scrollbar
{
  height: 6px;
	width: 6px;
}
.showScrollBarVertical::-webkit-scrollbar-track:vertical {
  display: none;
}
.showScrollBarVertical::-webkit-scrollbar-thumb:vertical {
  border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.licence-link:hover { color: #a09f92; }

#loadingPage { position: absolute; height: 100%; width: 100%; top: 0; background-color: #961f1e; display: flex; flex-direction: column; justify-content: center; }

#loadingPageNetViewLogo { display: block; margin-left: auto; margin-right: auto; }

#rootAdminPage { height: 100%; flex-direction: column; display: flex; }

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: calc(100% - 64px);
  bottom: 0;
  right: 0;
  padding: 0 3px 3px 0;
  box-sizing: border-box;
  cursor: e-resize;
}
