:root{
	--main-background-colour: rgb(34, 34, 34);
	--secondary-background-colour: #000;
	--highlight-colour: rgba(243, 150, 33, 1);
	--text-colour: #ffffff;
	--tertiary-background-colour:rgb(44, 44, 44);
	--tertiary-border-colour: rgba(255,255,255,0.1);

	--header-highlight-colour: rgba(243, 150, 33, 1);
	--header-background-colour: #000;
	--header-text-colour: rgba(255, 255, 255, 0.7);
	
	--contrast-background-colour: rgba(24,24,24,1.0);
	--contrast-text-colour: rgba(0,0,0,1);
	--contrast-highlight-colour: #7c827e;
	
	--input-text-colour:rgba(255,255,255,0.7);
	--input-background-colour:rgba(32,32,32,1.0);
	--input-border-colour:rgba(33,150,243,0.5);
	
	--default-link-colour: rgba(243, 150, 33, 1);
	--contrast-link-colour: #9cbeda;
	
	--button-background-colour:rgb(243,150,33);
	--button-text-colour:#000;
	--button-link-colour:#ffffff;
	--button-border-colour:rgba(255,255,255,0.5);
	
	--button-hover-background-colour:rgb(58, 58, 58);
	--button-hover-text-colour:rgb(43, 160, 253);
	--button-hover-border-colour:rgba(255,255,255,0.75);
	--table-border-colour: rgba(255,255,255,0.25);
	
	--ui-widget-border-colour: rgba(255,255,255,0.5);
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand/quicksand-v21-vietnamese_latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand/quicksand-v21-vietnamese_latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand/quicksand-v21-vietnamese_latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand/quicksand-v21-vietnamese_latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand/quicksand-v21-vietnamese_latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand/quicksand-v21-vietnamese_latin-ext_latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* *{ */
/* 	font-family: 'Quicksand', Helvetica, Arial, sans-serif; */
/* } */

.dashboard-loading-container{
 height: 100%;
  width: 100%;
  position:absolute;
  background-color: rgba(0,0,0,0.25);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(50px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.7);
  z-index: 1001;
}

.fa-spin-reverse {
  -webkit-animation: fa-spin-reverse 2s infinite linear;
  animation: fa-spin-reverse 2s infinite linear;
}

@-webkit-keyframes fa-spin-reverse {
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin-reverse {
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

::-webkit-scrollbar { width: 0.5em; height: 0.5em;}
::-webkit-scrollbar-button { background-color: var(--button-background-colour); }
::-webkit-scrollbar-track {  background-color: var(--secondary-background-colour);}
::-webkit-scrollbar-track-piece { background-color: var(--tertiary-background-colour);}
::-webkit-scrollbar-thumb { background-color: var(--button-background-colour); border-radius: 2px;}
::-webkit-scrollbar-corner { background-color: var(--tertiary-background-colour);}
::-webkit-resizer { background-color: var(--secondary-background-colour);}

html, body {
	padding: 0;
	height: 100%;
	min-height: 100%;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	color: var(--text-colour);
	background-color: var(--main-background-colour);
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body.dashboard{
	margin: 0;
	display: flex;
	flex-flow: column;
}

body {
	margin: 4em 0 0 0;
/* 	min-width: 1720px;
 */	
}

.gridster-box-filled{
	background-color: var(--tertiary-background-colour);
	  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);	
  border: 1px solid var(--tertiary-border-colour);
}

.gridster-box-filled h3{
	margin: 0;
	padding: 0.5em 0 0 0.5em;
}

.gridster-box-filled select{
	margin: 0.5em;
}

.noHeader {
	margin: 0;
}
.logobox {
	position: relative;
	z-index: 0;
}
.logonameoverlay {
	position: absolute;
    top: 120px;
    font-size: 48px;
    text-align: center;
    width: 100%;
}

.logtable td {
    text-align: -internal-center;
}
header {
	background: var(--header-background-colour);
	width: 100%;
	color: var(--header-text-colour);
	font-weight: bold;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
	position: relative; 
	padding: 0.5em 0 0.5em 0;
	top: 0;
	z-index: 10;
	margin:0 0 0.5em 0;
}

header a:link {
	color: var(--header-highlight-colour);
}

header a:visited {
	color: var(--header-highlight-colour);
}

header a:hover {
	color: var(--highlight-colour);
}

header div {
	padding: 0 1em 0 1em;
}

.embedded-map{
	width:100%;
	height:100%;
}


#dateThrob{
position:relative;
width:25px;
height:25px;
display:inline-block;
margin: 0 0.5em;}

.dateThrob{
position:absolute;
background-color:var(--contrast-text-colour);
width:6px;
height:6px;
-moz-border-radius:4px;
-moz-animation-name:bounce_dateThrob;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:4px;
-webkit-animation-name:bounce_dateThrob;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:4px;
-ms-animation-name:bounce_dateThrob;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:4px;
-o-animation-name:bounce_dateThrob;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:4px;
animation-name:bounce_dateThrob;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#dateThrob_1{
left:0;
top:10px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#dateThrob_2{
left:3px;
top:3px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#dateThrob_3{
top:0;
left:10px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#dateThrob_4{
right:3px;
top:3px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#dateThrob_5{
right:0;
top:10px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#dateThrob_6{
right:3px;
bottom:3px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#dateThrob_7{
left:10px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#dateThrob_8{
left:3px;
bottom:3px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes bounce_dateThrob{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_dateThrob{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_dateThrob{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_dateThrob{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_dateThrob{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}

.version {
	font-size: 80%;
	font-style: italic;
}

#tooltip {
	z-index: 1000;
}

.ui-tabs .ui-tabs-nav {
    background: var(--secondary-background-colour);
}

.gridim-dashboard {
	clear: both;
	padding: 0 0.25em;
	flex: 1 1 auto;
	max-height: calc(100% - 6.6em);
}

.dateBox {
	float: right;
}

a.selectedpage {
	font-weight: bolder;
	color: var(--contrast-text-colour);
}

.mholder {
	width: 100%;
    z-index: 20;
    position: fixed;
}

.message {
	padding: 1em;
	background: #28BF15;
	color: white;
	width: 600px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
	text-align: center;
	
	animation: messageFadeOut 1.5s 1;
	animation-delay: 10s;
	animation-fill-mode: forwards;
}

.message.warning {
	background: #eb4034;
}

@keyframes messageFadeOut{
    from {opacity :1;}
    to {opacity :0;}
}

.validationBox {
	position: absolute;
	background: #ccc;
	border: 1px black solid;
	color: black;
	padding: 0.2em;
	z-index:999;
}

.providerbox {
	width: 80%;
	margin: 0 auto;
	padding: 3px;
	vertical-align: middle;
}

.providerimage {
	vertical-align: middle;
	padding-right: 1em;
}

.providerbox a:link, .providerbox a:hover, .providerbox a:visited,
	.providerbox a:active {
	color: #fff;
	text-decoration: none;
}

#usermenu #loginOptions {
	padding-top: 1em;
}

#loginOptions {
	border-radius: 1em;
	height: min-content;
}

#builtinLogin, #dermsForgotten {
	height: 370px;
	border-radius: 1em;
}

.signin {
	width: 215px;
	height: 3.5em;
	display: block;
	margin: auto;
}

.signinButton {
	display: block;
	width: 215px;
	height: 4em;
	background-size: contain;
	background-repeat: no-repeat;
}

.button .signinButton {
	height: 1.4em;
}

.googleSignin {
	background-image: url(../image/btn_google_signin_dark_normal_web@2x.png);
}

.googleSignin:focus, .googleSignin:hover {
	background-image: url(../image/btn_google_signin_dark_focus_web@2x.png);
}

.googleSignin:active {
	background-image: url(../image/btn_google_signin_dark_pressed_web@2x.png);
}

.msSignin {
	background-image: url(../image/ms-symbollockup_signin_light.png);
}

.openidSignin {
	background-image: url(../image/openid.png);
}

.pagecenter {
	width: 350px;
	background-color: var(--tertiary-background-colour);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.logintable {
	margin: auto;
}

.logintable tr th {
	border: none;
}

.fpw {
	text-align: center;
}

.dermsder {
	width: 100%;
}

.wide {
	width: 100%;
	clear: both;
}

.fullpage {
	height: calc(100vh - 2.5em);
	padding: 1em;
}

.derms {
	padding: 0 1em 1em 1em;
}

.debugWrapper {
	position: relative;
}

.debugInfo {
	position: absolute;
	font-size: 60%;
	left: -30px;
    top: -15px;
    padding: 0.2em;
    z-index: 50;
    width: max-content;
}

.debugFailing {
	border: 1px solid red;
	color: white;
	background: maroon;
}

.debugOk {
	border: 1px solid green;
	color: black;
	background: lime;
}

span.grippy {
  content: '....';
  width: 10px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -.7em;
  margin-right: .3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}

.dashicon {
	cursor: pointer;
}

.dashicon i {
	color: none;
	transition: 0.3s;
}

.dashicon i:hover {
	color: var(--main-background-colour);
	transition: 0.3s;
}

.sidebaricon {
	cursor: pointer;
}

.sidebaricon i {
	color: none;
	transition: 0.3s;
}

.sidebaricon i:hover {
	color: var(--main-background-colour);
	transition: 0.3s;
}

.gridsterul {
	width: 100%;
	padding: 0;
	margin: 0;
}

span.grippy::after {
  content: '.. .. .. ..';
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: var(--contrast-link-colour);
}

a:hover, a:active{
	color: var(--default-link-colour);
}

a.table-link:link, a.table-link:hover, a.table-link:visited, a.table-link:active {
	color: var(--highlight-colour);
}

a.table-link:hover {
	color: var(--contrast-text-colour);
}

a.table-link span{
	padding-left: 0.25em;
}


#messagepop { 
	position: relative;
    display: none;
    flex-direction: column !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px !important;
    width: 260px;
    background-color: #e8eae6;
    border-radius: .5em;
 }


#messagepop p, #messagepop.div {
    border-bottom: 1px solid #EFEFEF;
    margin: 8px 0;
    padding-bottom: 8px;
    width: 130px;
}

.left { 
	float: left;
}
 
.ui-widget-content {
    color: #ddd;
    background: var(--tertiary-background-colour); 
}
.csvdl {
	position: absolute;
	right: 0;
	margin: 0.25em !important;
	font-size: small; 
	opacity: 0.5
}

.gridim-dashboard .invalid {
	background-color: #B40404;
}

h3.charttitle,
h3.tabletitle {
	margin: 0;
	padding: 0.5em;
}

h3.tabletitle{
	text-align: left;
}

#updatetime {
	font-size: 80%;
	font-style: italic;
}

#updatestatus {
	font-size: 80%;
	font-style: italic;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
    background: var(--highlight-colour);
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(0, 127, 255);
    font-weight: normal;
    color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(246, 246, 246);
    font-weight: normal;
    color: #454545;
}

.right {
	float: right;
}

.leftbox {
	float: left;
	width: 34%;
}

.leftboxmid {
	float: left;
	width: 40%;
}

.rightboxmid {
	float: right;
	width: 40%;
}

.rightbox {
	float: right;
	width: 66%;
}

.statusbox {
	float: left;
	width: 49%;
	min-width: 450px;
}

.lefthalfbox {
	float: left;
	width: 49%;
}

.righthalfbox {
	float: right;
	width: 49%;
}

.switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 27px;
	vertical-align: middle;
	color: black;
}

.switchlabel {
	vertical-align: middle;
	margin-left: 0.5em;
}

.switch input {
	display: none;
}

.switchtable {
	text-align: center;
}

#techtable {
	width: 100%;	
}



.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--highlight-colour);
	/*
	-webkit-transition: .4s;
	transition: .4s;
	*/
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: rgb(24, 24, 24);
	-webkit-transition: .4s;
	transition: .4s;
}

table.dashtable tr td {
}

.dashtable input {
	width: 100%;
	max-width: unset;
}

div.dashcontenttable {
  display: grid;
  display: -ms-grid;
  font-weight: normal;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  white-space: normal;
}

div.dashcontenttable div {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  overflow-x: clip;
}

div.homepagelink {
	text-align: center;
	margin: 5px;
	padding: 50px 15px;
	border-radius: 10px;
	background-color: var(--secondary-background-colour);
	transition: 0.3s;
	cursor: pointer;
}

div.homepagelink:hover {
	background-color: var(--tertiary-background-colour);
	transition: 0.3s;
}

div.homepagelink a {
	color: white;
}

div.homepagelink:hover a {
	color: var(--highlight-colour);
}

.contentloadingspinner{
	z-index: 99;
	position: absolute; 
	margin: 2em calc(50% - 50px); 
	width: auto; 
	height: auto;
}

.flex-container {
  display: flex;
}

div.settings {
	padding-right: 1em;
	margin-right: 1.5em;
}

div.setting-menu {
	border-radius: 8px;
	border: 1px solid lightgrey;
	width: 12em;
}

div.setting-mainpanel {
	padding-left: 1em;
	flex: 1;
}

div.settingsitem {
	background-color: var(--tertiary-background-colour);
	padding: 15px;
	margin: 5px;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	transition: 0.3s;
}

div.settingsitem span a:link, a:visited, a:active{
	color:var(--contrast-link-colour);
}

div.settingsitem.hoverable:hover{
	cursor: pointer;
	background-color: #4a4a4a;
	transition: 0.3s;
}

div.settingsitem.hoverable:hover i{
	color: var(--highlight-colour);
}

div.settingsitem.card{
	display: inline-block;
	width: 180px;
}

div.settingsitem.bar{
	text-align: left;
	padding: 5px 5px;
}

div.settingsitem.bar.fixed{
	width: 850px;
}

div.settingsitem.bar span{
	line-height: 35px;
}

div.settingsitem.bar a.button {
	float: right;
}

object#schematic {
	width: 100%;
	height: 100%;
}

.objectdialog {
	width: 100%;
	height: 100%;
}

.objectdialog.jsoneditor {
	width: 100%;
	height: 100%;
}
	
input:disabled+.slider {
	background-color: rgb(106, 106, 106);	
}

input:disabled:checked+.slider {
	background-color: var(--highlight-colour);	
}

input.invalid:disabled+.slider {
	background-color: rgb(212, 106, 106);	
}

input:checked+.slider {
	background-color: rgb(33, 150, 243);
}

input:focus+.slider {
	box-shadow: 0 0 1px rgb(33, 150, 243);
}

input:checked+.slider:before {
	-webkit-transform: translateX(17px);
	-ms-transform: translateX(17px);
	transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 30px;
}

.slider.round:before {
	border-radius: 50%;
}

.activemenu {
    background: #ddd;
    color: black;
}

.dashmenudetail {
   position:absolute;
   right: 0;
   top:4.5em;
   min-height: 6em;
   min-width: 12em;
}

.sidebarmenudetail {
    position: absolute;
    right: -350px;
    top: 64px !important;
    transition: 0.5s right;
    height: calc(100vh - 64px);
    width: 300px;
    min-height: 6em;
    min-width: 12em;
    background: #64A1BB;
    color: rgba(255, 255, 255, 1.0);
}

span.lamptext {
	padding-left: 1em;
}

.sidebarbuttons {
padding: 8px;
font-size: 24px;
display: block;
}

.sidebarbuttons div {    
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    padding: 6px;
    flex-wrap: wrap;
}


div#editDashboard:hover {
	cursor: pointer;
	color: #dfdfdf;
}

button.der-change-button {
	background-color: var(--button-background-colour);
	padding: 0.5em;
	color: var(--button-text-colour);
	font-size: medium;
	border: 1px solid var(--button-border-colour);
	border-radius: 0.5em;
	cursor: pointer;
	-webkit-transition-duration: 0.25s; /* Safari */
	transition-duration: 0.25s;
}

button.der-change-button:disabled {
	background-color: rgba(99, 99, 99, 10);
	pointer-events: none;
}

.button{
	background-color: var(--button-background-colour);
	color: var(--button-text-colour);
	border: 1px solid var(--button-border-colour);
	border-radius: 0.5em;
	margin: 0px 1px;
}

.button:hover{
	background-color: var(--button-hover-background-colour);
	color: var(--button-hover-text-colour);
	border: 1px solid var(--button-hover-border-colour);
}

.button a:link, .button a:visited, .button a:active {
	color: var(--button-text-colour);
}
.button:hover a:link, .button:hover a:visited, .button:hover a:active{
	color: var(--button-hover-text-colour);
}

a.button,button.button{
	background-color: var(--button-background-colour);
	padding: 0.5em;
	color: var(--button-text-colour);
	font-size: medium;
	border: 1px solid  var(--button-border-colour);
	border-radius: 0.5em;
	cursor: pointer;
	-webkit-transition-duration: 0.25s; /* Safari */
	transition-duration: 0.25s;	
}

a.button:hover {
	background-color: var(--button-hover-background-colour);
	color: var(--highlight-colour);
	border: 1px solid var(--highlight-colour);
}

a.button:disabled {
	background-color: rgba(99, 99, 99, 10);
	pointer-events: none;
}

.filterbox-holder {
	position: relative;
}

.filterbox {
	width: 20em;
	position: absolute;
	top: 0;
	left: 0;
}

button.der-update-complete {
	background-color: rgba(33, 150, 33, 1.0);
}

button.der-update-fail {
	background-color: var(--highlight-colour);
}

button.der-change-button:hover {
	background-color: black;
	color: var(--highlight-colour);
	border: 1px solid var(--highlight-colour);
}

input {
	max-width: 12em;
	padding: 0.5em;
	font-size: medium;
}

input.der-numeric-value:disabled {
	max-width: 14em;
}

input.settings-input {
	max-width: 32em;
}

.dash-select {
	padding: 0.5em;
	min-width: 12em;
}

th.row-label {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
	font-size: small;
}

.legendLabel {
	color: rgba(255, 255, 255, 0.7);
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
}

/* .xaxislabel{
	color:rgba(255,255,255,0.5) !important;
	font-size: small;
}

.yaxislabel{
	color:rgba(255,255,255,0.5) !important;
	font-size: small;
}
 */
.axislabels {
	color: rgba(255, 255, 255, 0.5) !important;
	font-size: medium;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
}

.main {
	/* padding: 0 1em 0 1em; */
}

table.der-table {
	border-collapse: collapse;
}

table.der-table tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

table.der-table tr td {
	padding: 0.2em;
}

table.der-table tr td:last-child {
	border-left: 1px solid rgba(255, 255, 255, 0.25);
}

table.der-table tr:last-child {
	border-bottom: none;
}

.der-table-value {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
	color: rgba(255, 255, 255, 1.0);
}

.der-table-label {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
	color: rgba(255, 255, 255, 0.7);
}

span.numeric-input-units {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
	color: rgba(255, 255, 255, 0.7);
	padding: 0 0.5em 0 0.5em;
}

span.googleLogo {
	background: url('../image/google-g.svg');
	background-size: 1.1em;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
}

span.microsoftLogo {
	background: url('../image/microsoft-logo.svg');
	background-size: 1.1em;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
}

span.builtinLoginLogo {
	background: url('../image/dermsLogin.svg');
	background-size: 1.5em;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
}

span.dermsLogo {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%20xmlns%3Axl%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22304.85714%20216%20269.7649%20288.24242%22%20width%3D%22269.7649%22%20height%3D%22288.24242%22%3E%0A%20%20%3Cdefs/%3E%0A%20%20%3Cmetadata%3E%20Produced%20by%20OmniGraffle%207.8%20%0A%20%20%20%20%3Cdc%3Adate%3E2018-07-12%2015%3A29%3A52%20+0000%3C/dc%3Adate%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%20id%3D%22Canvas_14%22%20fill-opacity%3D%221%22%20stroke-dasharray%3D%22none%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Ctitle%3ECanvas%2014%3C/title%3E%0A%20%20%20%20%3Cg%20id%3D%22Canvas_14%3A%20Layer%201%22%3E%0A%20%20%20%20%20%20%3Ctitle%3ELayer%201%3C/title%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_20%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20413.2963%20322.9291%20C%20393.6534%20305.27943%20363.40585%20305.902%20344.5111%20324.79685%20C%20325.61628%20343.6916%20324.9937%20373.93917%20342.64336%20393.58206%20Z%20M%20364.02083%20333.6304%20L%20364.02083%20322.95426%20L%20369.3589%20322.95426%20L%20369.3589%20333.6304%20L%20380.03507%20333.6304%20L%20380.03507%20338.9685%20L%20369.3589%20338.9685%20L%20369.3589%20349.64465%20L%20364.02083%20349.64465%20L%20364.02083%20338.9685%20L%20353.3447%20338.9685%20L%20353.3447%20333.6304%20Z%22%20fill%3D%22%23797979%22%20fill-opacity%3D%22.398347%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_19%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20346.41795%20397.35665%20C%20366.06084%20415.0063%20396.3084%20414.3837%20415.20315%20395.4889%20C%20434.098%20376.59415%20434.72057%20346.34657%20417.0709%20326.70368%20Z%20M%20380.03507%20381.6731%20L%20406.72545%20381.6731%20L%20406.72545%20387.0112%20L%20380.03507%20387.0112%20Z%22%20fill%3D%22white%22%20fill-opacity%3D%22.398438%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_18%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20432.89017%20307.1099%20C%20403.6009%20277.82046%20356.11363%20277.82046%20326.82424%20307.1099%20C%20297.53485%20336.3992%20297.53485%20383.8865%20326.82424%20413.1758%20C%20356.11363%20442.46525%20403.6009%20442.46525%20432.89017%20413.1758%20C%20462.17963%20383.8865%20462.17963%20336.3992%20432.89017%20307.1099%20M%20377.63433%20419.39275%20L%20377.607%20419.39275%20L%20377.607%20422.60267%20C%20362.37004%20422.05715%20347.29473%20415.9686%20335.66323%20404.33704%20C%20311.2552%20379.92923%20311.2552%20340.3565%20335.66323%20315.9488%20C%20360.07085%20291.54093%20399.64362%20291.54093%20424.0513%20315.9488%20C%20448.4592%20340.3565%20448.4592%20379.92923%20424.0513%20404.33704%20C%20414.6543%20413.73414%20403.00933%20419.51334%20390.8474%20421.67463%20L%20390.8474%20371.7562%20L%20390.8474%20370.8063%20L%20390.77924%20370.8063%20C%20390.5824%20369.4445%20389.9602%20368.13237%20388.91235%20367.08466%20C%20387.61173%20365.78383%20385.9036%20365.1389%20384.19867%20365.14975%20C%20385.1526%20373.70743%20386.06005%20385.73725%20384.7746%20393.2782%20C%20383.3533%20401.61657%20380.4907%20410.403%20377.63433%20416.1309%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_17%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20384.6458%20355.3846%20C%20385.29986%20356.2162%20385.8008%20357.19042%20386.09435%20358.2762%20C%20386.1715%20358.56152%20386.23243%20358.8474%20386.27766%20359.13295%20C%20391.82443%20358.09414%20399.25747%20356.44538%20405.67043%20354.14537%20C%20417.70803%20349.8263%20432.2905%20341.59665%20429.1302%20339.91164%20C%20425.9695%20338.2272%20414.0159%20339.93345%20404.1653%20343.58253%20C%20398.351%20345.7363%20390.2814%20351.2383%20384.64574%20355.38457%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_16%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20375.27113%20367.91225%20C%20373.3685%20373.27235%20370.97956%20380.7655%20369.72907%20387.6674%20C%20367.4507%20400.2518%20367.2865%20416.9955%20370.32594%20415.10105%20C%20373.36507%20413.20606%20377.8642%20402.0008%20379.6293%20391.64534%20C%20380.69105%20385.4169%20379.9128%20375.422%20379.12415%20368.4463%20C%20377.78617%20368.58887%20376.46786%20368.39134%20375.2711%20367.9123%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_15%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20373.16677%20354.10267%20C%20369.47584%20349.77423%20364.17855%20343.95543%20358.82404%20339.4193%20C%20349.0648%20331.154%20334.6465%20322.63998%20334.76736%20326.2194%20C%20334.8889%20329.7989%20342.34343%20339.2979%20350.4289%20346.00424%20C%20355.3075%20350.0508%20364.39462%20354.3889%20370.83383%20357.1929%20C%20371.34784%20355.99847%20372.1455%20354.93343%20373.16673%20354.10265%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_14%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22378.2763%22%20cy%3D%22360.38917%22%20r%3D%224.12912792293082%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_6%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20552.655%20376.20947%20C%20523.3657%20346.92%20475.8784%20346.92%20446.5891%20376.20947%20C%20417.29964%20405.49877%20417.29964%20452.9861%20446.5891%20482.2754%20C%20475.8784%20511.5648%20523.3657%20511.5648%20552.655%20482.2754%20C%20581.94445%20452.9861%20581.94445%20405.49877%20552.655%20376.20947%20M%20543.8161%20385.04837%20C%20568.22394%20409.45607%20568.22394%20449.0288%20543.8161%20473.4366%20C%20519.4084%20497.8445%20479.8357%20497.8445%20455.428%20473.4366%20C%20431.02%20449.0288%20431.02%20409.45607%20455.428%20385.04837%20C%20479.8357%20360.64053%20519.4084%20360.64053%20543.8161%20385.04837%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_5%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22470.7667%22%20y%3D%22387.4133%22%20width%3D%2257.71064%22%20height%3D%2286.56596%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%225%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_4%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20513.088%20431.6899%20L%20515.6529%20428.4838%20L%20502.8281%20428.4838%20L%20515.6529%20402.8346%20L%20492.5685%20431.6899%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_3%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22490.0036%22%20y%3D%22373.97927%22%20width%3D%2219.23688%22%20height%3D%229.61844%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_2%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20492.5685%20431.6899%20L%20477.98055%20431.6899%20L%20477.98055%20467.61996%20L%20521.26354%20467.61996%20L%20521.26354%20431.6899%20L%20513.088%20431.6899%20L%20490.0036%20460.54525%20L%20502.8282%20434.8961%20L%20490.0036%20434.8961%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_13%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20552.655%20237.96705%20C%20523.3657%20208.6776%20475.8784%20208.6776%20446.5891%20237.96705%20C%20417.29964%20267.25635%20417.29964%20314.74365%20446.5891%20344.03295%20C%20475.8784%20373.3224%20523.3657%20373.3224%20552.655%20344.03295%20C%20581.94445%20314.74365%20581.94445%20267.25635%20552.655%20237.96705%20M%20543.8161%20246.80595%20C%20568.22394%20271.21365%20568.22394%20310.78635%20543.8161%20335.1942%20C%20519.4084%20359.60205%20479.8357%20359.60205%20455.428%20335.1942%20C%20431.02%20310.78635%20431.02%20271.21365%20455.428%20246.80595%20C%20479.8357%20222.3981%20519.4084%20222.3981%20543.8161%20246.80595%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Group_9%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_12%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20489.0221%20280.40003%20L%20489.0221%20289.82223%20L%20498.4443%20289.82223%20L%20498.4443%20280.40003%20Z%20M%20500.7998%20280.40003%20L%20500.7998%20289.82223%20L%20510.222%20289.82223%20L%20510.222%20280.40003%20Z%20M%20489.0221%20292.17777%20L%20489.0221%20301.59997%20L%20498.4443%20301.59997%20L%20498.4443%20292.17777%20Z%20M%20500.7998%20292.17777%20L%20500.7998%20301.59997%20L%20510.222%20301.59997%20L%20510.222%20292.17777%20Z%20M%20486.6665%20275.435%20C%20486.198%20275.8259%20485.743%20276.24128%20485.30315%20276.6811%20C%20484.8633%20277.12093%20484.44795%20277.57595%20484.05705%20278.0445%20L%20486.6665%20278.04448%20Z%20M%20498.44427%20270.78406%20C%20495.1616%20270.97414%20491.9164%20271.95962%20489.0221%20273.7405%20L%20489.0221%20278.04448%20L%20498.4443%20278.04448%20Z%20M%20510.222%20273.7405%20C%20507.3277%20271.95962%20504.0825%20270.97414%20500.7998%20270.78406%20L%20500.7998%20278.04448%20L%20510.222%20278.04448%20Z%20M%20512.57756%20275.435%20L%20512.57756%20278.04448%20L%20515.18704%20278.04448%20C%20514.79613%20277.57595%20514.38077%20277.12093%20513.94094%20276.6811%20C%20513.5011%20276.24128%20513.0461%20275.8259%20512.57756%20275.435%20Z%20M%20482.36256%20280.40003%20C%20480.58167%20283.29433%20479.5962%20286.53955%20479.4061%20289.82223%20L%20486.6665%20289.82223%20L%20486.6665%20280.40003%20Z%20M%20519.838%20289.82222%20C%20519.6479%20286.53955%20518.6624%20283.29433%20516.8815%20280.40003%20L%20512.57756%20280.40003%20L%20512.57756%20289.82223%20Z%20M%20479.4061%20292.17778%20C%20479.5962%20295.46045%20480.58167%20298.70567%20482.36256%20301.59997%20L%20486.6665%20301.59997%20L%20486.6665%20292.17777%20Z%20M%20516.88153%20301.59997%20C%20518.6624%20298.70567%20519.6479%20295.46045%20519.838%20292.17777%20L%20512.57756%20292.17777%20L%20512.57756%20301.59997%20Z%20M%20484.05705%20303.95552%20C%20484.44796%20304.42405%20484.8633%20304.87907%20485.30315%20305.3189%20C%20485.743%20305.75872%20486.198%20306.1741%20486.6665%20306.565%20L%20486.6665%20303.9555%20Z%20M%20489.0221%20308.2595%20C%20491.9164%20310.04038%20495.1616%20311.02586%20498.4443%20311.21594%20L%20498.4443%20303.9555%20L%20489.0221%20303.9555%20Z%20M%20500.7998%20311.21594%20C%20504.0825%20311.02586%20507.3277%20310.04038%20510.222%20308.2595%20L%20510.222%20303.9555%20L%20500.7998%20303.9555%20Z%20M%20512.57756%20306.565%20C%20513.0461%20306.1741%20513.5011%20305.75872%20513.94094%20305.3189%20C%20514.38077%20304.87907%20514.79613%20304.42405%20515.18704%20303.9555%20L%20512.57756%20303.9555%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_11%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20534.1155%20301.87827%20L%20555.87204%20291%20L%20534.1155%20280.12173%20C%20536.3385%20287.19124%20536.3385%20294.80876%20534.1155%20301.87827%20Z%20M%20465.1286%20280.12173%20L%20443.37205%20291%20L%20465.1286%20301.87827%20C%20462.90556%20294.80876%20462.90556%20287.19124%20465.1286%20280.12173%20Z%20M%20516.32346%20323.08364%20L%20539.3968%20330.77475%20L%20531.7057%20307.7014%20C%20530.0429%20310.89347%20527.8715%20313.88947%20525.1915%20316.56946%20C%20522.5115%20319.24946%20519.5155%20321.42085%20516.32346%20323.08363%20Z%20M%20482.92063%20258.91636%20L%20459.8473%20251.22525%20L%20467.5384%20274.2986%20C%20469.2012%20271.10653%20471.3726%20268.11054%20474.0526%20265.43055%20C%20476.7326%20262.75054%20479.7286%20260.57915%20482.92063%20258.91637%20Z%20M%20488.7438%20325.49346%20L%20499.62205%20347.25%20L%20510.5003%20325.49345%20C%20503.4308%20327.7165%20495.8133%20327.7165%20488.7438%20325.49346%20Z%20M%20510.5003%20256.50655%20L%20499.62204%20234.75%20L%20488.7438%20256.50655%20C%20495.8133%20254.28352%20503.4308%20254.2835%20510.5003%20256.50655%20Z%20M%20516.32345%20258.91636%20C%20519.5155%20260.57915%20522.5115%20262.75054%20525.1915%20265.43055%20C%20527.8715%20268.11053%20530.0429%20271.10653%20531.7057%20274.29858%20L%20539.3968%20251.22525%20Z%20M%20467.5384%20307.7014%20L%20459.8473%20330.77475%20L%20482.92064%20323.08364%20C%20479.7286%20321.42085%20476.7326%20319.24946%20474.0526%20316.56946%20C%20471.3726%20313.88947%20469.2012%20310.89347%20467.5384%20307.7014%20Z%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Graphic_10%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%20522.35046%20268.2716%20C%20509.7979%20255.719%20489.4462%20255.719%20476.89366%20268.2716%20C%20464.34104%20280.82417%20464.34104%20301.17586%20476.89366%20313.72842%20C%20489.4462%20326.28104%20509.7979%20326.28104%20522.35046%20313.72842%20C%20534.9031%20301.17586%20534.9031%20280.82417%20522.35046%20268.2716%20M%20516.66836%20273.9537%20C%20526.0828%20283.36813%20526.0828%20298.6319%20516.66836%20308.0463%20C%20507.25395%20317.4608%20491.9902%20317.4608%20482.57576%20308.0463%20C%20473.1613%20298.6319%20473.1613%20283.36813%20482.57576%20273.9537%20C%20491.9902%20264.53925%20507.25395%20264.53925%20516.66836%20273.9537%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A");
	background-size: 1.1em;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
}


.n3management{
	padding:1em;
}

.servicemanagement{
	padding: 1em;
}

.fdgmanagement{
	padding: 1em;
}

.ui-tabs-nav li {
    border-color: var(--contrast-background-colour) !important;
}

.ui-tabs-nav li.ui-tabs-active a{
	color: var(--contrast-text-colour)  !important;
}

.ui-tabs-nav li a{
	color: var(--contrast-background-colour)  !important;
}

.ui-tabs-nav li.ui-tabs-active {
    background: var(--highlight-colour)  !important;
}

.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 25em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: calc(100% - 28em);}
.usrtable { width: 100%; }
.usrtable td { vertical-align: top;}

label { 
	font-weight: bold;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.gridster .gs-w {
/*   background: #61A9CF; */
  cursor: pointer;
/*   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 */}
.gridster .player {
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  background: #BBB;
}
.gridster .gs-w.try {
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: 37px -169px;
}
.gridster .preview-holder {
  border: none !important;
  border-radius: 0 !important;
  background: red !important;
}
.gridster ul {
/*   background-color: #EFEFEF; */
  list-style-type: none;
}
.gridster li {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 100%;
  list-style: none;
}
.gridster-box {
  position: relative;
  width: 100%;
  height: 100%;
/*   display:flex;
  flex-direction: row; */
}
.gridster-box span,
.gridster-box div{
	flex-grow: 1;
}

.validationBox p {
	margin: 0;
}
#jsoneditor {
  width: 100%;
  height: 1000px;
}
#pkgjsoneditor {
  width: 100%;
  height: 1000px;
}
#editthemecss, #editthemelogin {
	width: 100%;
	height: 1000px;
}
.jsonviewer {
	width: 100%;
	height: 425px;
}
.table-scroll {
	position:relative;
	max-width:100%;
	margin:auto;
	overflow:hidden;
	border:1px solid #000;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-scroll th, .table-scroll td {
	padding:5px 10px;
	white-space:nowrap;
	vertical-align:top;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	border-color:transparent
}
.clone tbody th {
	visibility:visible;
}
.clone .fixed-side {
	visibility:visible;
	background: #000;
}
.clone thead, .clone tfoot{background:transparent;}

.dashboardstabs>.ui-tabs-nav {
    background-color: #222 !important; /*To overwrite jquery-ui.css*/
    display: flex;
}

.dashboardstabs>.ui-tabs-nav li {
    flex: 1;
    display: flex;
    white-space: normal;
    border: none;
}

.dashboardstabs>.ui-tabs-nav li a {
    flex: 1;
    text-align: center;
}

select {
	background-color: var(--input-background-colour);
	color: var(--input-text-colour);
	border: 1px solid var(--input-border-colour);
	font-size: medium;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}

input {
	border-radius: 0.5em;
}

.gridim-dashboard input {
	background-color: var(--input-background-colour);
	color: var(--input-text-colour);
	border: 1px solid var(--input-border-colour);
	border-radius: 0.5em;
	width: 100%;
}

input[type="submit"], input[type="button"] {
	background-color: var(--button-background-colour);
	color: var(--button-text-colour);
	border: 1px solid var(--button-border-colour);
	cursor: pointer;
	transition: 0.25s;
}

input:hover[type="submit"], input:hover[type="button"] {
background-color: rgb(24, 24, 24);
	color: rgba(255, 255, 255, 0.9);
}

input.login[type="submit"], input.login[type="button"] {
	background-color: var(--button-background-colour);
	color: var(--button-text-colour);
	border: 1px solid var(--button-border-colour);
	cursor: pointer;
	transition: 0.25s;
}

input.login:hover[type="submit"], input.login:hover[type="button"] {
	background-color: var(--highlight-colour);
	color: rgba(0, 0, 0, 1);
}

textarea {
	background-color: rgb(48, 48, 48);
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid black;
	font-size: medium;
	border-radius: 5px;
}

.certbox {
    color: #222;
    width: 50em;
    height: 10em;
    background: #ddd;
}

.tsandcsbox {
    color: #222;
    width: 100em;
    height: 20em;
    background: #ddd;
}

.in-outer-background {
	background-color: rgb(48, 48, 48);
	color: white;
}

.in-outer-background h1 {
	padding-left: 20px;
}

h1.dashboard-title{
	padding: 0 0.5em;
	margin: 0;
	font-size: large;
	color: var(--text-colour);
}

h1.dashboard-title i{
	padding: 0 0.5em 0 0;
}

table.dashtable{
	margin: 0.25em;
}

table.dashtable.borders{
	border-collapse: collapse;
}

table.dashtable.outer-borders{
	border: 1px solid var(--table-border-colour);
}

table.dashtable.borders td, table th {
  border: 1px solid var(--table-border-colour);
  padding: 0.25em;
}
table.dashtable.internal-borders tr:first-child th {
  border-top: 0;
}
table.dashtable.internal-borders tr:last-child td {
  border-bottom: 0;
}
table.dashtable.internal-borders tr td:first-child,
table.dashtable.internal-borders tr th:first-child {
  border-left: 0;
}
table.dashtable.internal-borders tr td:last-child,
table.dashtable.internal-borders tr th:last-child {
  border-right: 0;
}


.in-inner-background {
	background-color: rgb(66, 66, 66);
	color: white;
}

.in-control-background {
	background-color: rgb(24, 24, 24);
	color: white;
}

.in-control-bar {
	background-color: rgb(243, 150, 33);
	padding: 10px;
	margin: 10px;
	height: 20px;
	color: black;
}

.in-control-bar a:link {
	color: black;
}

.in-control-bar a:visited {
	color: black;
}

.in-outer-box {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
}

.in-inner-box-left {
	box-shadow: inset 15px 0 15px -15px rgba(0, 0, 0, 0.5);
}

.in-inner-box-right {
	box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.5);
}

.in-sidebar-box {
	margin: 10px;
}

.in-title-bar {
	background-color: rgb(33, 150, 243);
	padding: 10px;
	margin: 10px;
	height: 20px;
}

.in-eventEntry {
	background-color: rgba(24, 24, 24, 0.7);
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
	padding: 5px 10px 5px 10px;
	margin: 5px;
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	position: relative;
	display: flex;
}

.in-activeEventEntry {
	background-color: rgba(66, 24, 24, 0.7);
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
	padding: 5px 10px 5px 10px;
	margin: 5px;
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	position: relative;
}

.in-clearedEventEntry {
	background-color: rgba(24, 66, 24, 0.7);
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
	padding: 5px 10px 5px 10px;
	margin: 5px;
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	position: relative;
}

.in-eventEntry-title {
	display: inline;
	color: rgba(255, 255, 255, 1.0);
	font-size: medium;
}

.in-eventEntry-message {
	display: block;
	font-size: small;
}

.in-eventEntry-icon {
	display: inline;
	color: white;
	padding-right: 10px;
	cursor: pointer;
}

.in-eventEntry-info {
	float: right;
	padding-left: 5px;
}

a.in-toolbar-link {
	color: white;
}

.in-info-value {
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
	font-size: small;
	display: block;
	padding-bottom: 10px;
	padding-left: 5px;
}

.in-info-subscript-title {
	color: rgba(192, 192, 192, 1.0);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
	font-size: smaller;
	margin-left: 5px;
}

.in-info-sub-content {
	margin-left: 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	margin-bottom: 3px;
	margin-top: 2px;
	padding-bottom: 0px;
}

.in-info-subscript {
	color: rgba(243, 150, 33, 0.8);
	text-align: right;
	font-size: x-small;
}

.in-info-error {
	color: rgba(255, 200, 200, 0.8);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
	font-size: small;
	display: block;
	padding-bottom: 10px;
	padding-left: 5px;
}

.in-info-title {
	color: rgba(255, 255, 255, 1.0);
	font-size: medium;
	display: block;
	padding-bottom: 5px;
}

.in-info-small-title {
	color: rgba(255, 255, 255, 1.0);
	font-size: small;
	display: block;
	padding-bottom: 5px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
}

.in-info-subtitle {
	color: rgba(255, 255, 255, 0.9);
	font-size: small;
	display: block;
	padding-left: 2.5px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px
		rgba(0, 0, 0, 0.4);
}

.in-info-category {
	font-size: large;
	font-weight: bold;
	padding-bottom: 10px;
	color: rgb(243, 150, 33);
}

.in-info-photo {
	padding-left: 5px;
	display: block;
	padding-bottom: 5px;
}

#in-title-logo {
	height: 90px;
}

#in-activeEvents {
	height: calc(60% -   188px);
	overflow-y: auto;
}

#in-liveEvents {
	height: calc(40% -   188px);
	overflow: hidden;
}

#map {
	position: absolute;
	top: 0;
	bottom: 0;
	width: calc(100% -   296px);
}

#in-infoWindow {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background-color: rgb(48, 48, 48);
	color: white;
	position: absolute;
	width: calc(80% -   296px);
	max-height: 80%;
	padding-bottom: 5px;
	left: 10%;
	top: 10%;
	z-index: 1010;
	overflow-y: auto;
}

#in-infoWindow-main {
	display: flex;
	flex-wrap: wrap;
}

.in-info-box-inner {
	display: flex;
	flex-wrap: flex;
	margin: 5px;
}

.in-info-box-quarter {
	margin: 5px;
	width: calc(25% -   35px);
}

.in-info-box-third {
	margin: 5px;
	width: calc(33.333% -   35px);
}

.in-info-box-twothird {
	margin: 5px;
	width: calc(66.666% -   35px);
}

.in-info-box-half {
	margin: 5px;
	width: calc(50% -   35px);
}

.in-info-box {
	padding: 10px;
	margin: 5px;
}

.in-info-box-full {
	margin: 5px;
	width: calc(100% -   20px);
}

.in-info-box-half:nth-of-type(2n) {
	/* 	margin-right: 10px;
	margin-left: 5px;
 */
	
}

.in-info-box-half:nth-of-type(2n+1) {
	/* margin-left: 10px;
	margin-right: 5px; */
	
}

.in-info-box-third:nth-of-type(3n) {
	/* 	margin-right: 10px;
	margin-left: 5px;
 */
	
}

.in-info-box-third:nth-of-type(3n+1) {
	/* 	margin-left: 10px;
	margin-right: 5px;
 */
	
}

.in-info-box-third:nth-of-type(3n+2) {
	/* 	margin-left: 5px;
	margin-right: 5px;
 */
	
}

.in-info-box-quarter:nth-of-type(4n) {
	/* 	margin-right: 10px;
	margin-left: 5px;
 */
	
}

.in-info-box-quarter:nth-of-type(4n+1) {
	/* 	margin-left: 10px;
	margin-right: 5px;
 */
	
}

.in-info-box-quarter:nth-of-type(4n+2) {
	/* 	margin-left: 5px;
	margin-right: 5px;
 */
	
}

.in-info-box-quarter:nth-of-type(4n+3) {
	/* 	margin-left: 5px;
	margin-right: 5px;
 */
	
}

#in-loading-background {
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 998;
}

#in-loading-popup {
	display: flex;
	color: white;
	position: absolute;
	width: 300px;
	height: 160px;
	padding: 5px;
	left: calc(50% -   150px);
	top: calc(50% -   80px);
	z-index: 999;
	color: white;
	align-items: center;
	justify-content: center;
}

.in-loading-spinner {
	font-size: 40px;
	color: rgb(243, 150, 33);
}

.in-map-popup {
	color: white;
}

.in-map-popup table {
	color: white;
}

.in-map-popup th {
	color: white;
	font-size: small;
	font-weight: bold;
}

.in-map-popup td {
	color: rgba(255, 255, 255, 0.7);
	font-size: small;
	font-weight: none;
	text-align: center;
}

.in-sidebar {
	z-index: 99;
	right: 0;
	position: absolute;
	top: 0;
	width: 296px;
	height: 100%;
	border-left: 1px solid rgb(24, 24, 24);
}

.in-sidebar-left {
	z-index: 99;
	left: 0;
	position: absolute;
	top: 0;
	width: 296px;
	height: 100%;
	border-right: 1px solid rgb(24, 24, 24);
}

#in-map-styles-menu {
	
}

button.in-map-selected {
	background-color: rgb(33, 150, 243);
	color: white;
}

button.in-map-active {
	background-color: rgb(33, 150, 33);
	color: white;
}

button.in-map-disabled {
	background-color: rgba(150, 150, 150, 0.7);
	color: rgba(66, 66, 66, 0.8);
	border-bottom-color: rgba(33, 33, 33, 0.7);
	border-top-color: rgba(33, 33, 33, 0.7);
	border-left-color: rgba(33, 33, 33, 0.7);
	border-right-color: rgba(33, 33, 33, 0.7);
}

.in-fa-inverse-disabled {
	color: rgba(150, 150, 150, 0.7);
}

.in-fa-inverse-unselected {
	color: rgb(243, 150, 33);
}

.in-fa-inverse-selected {
	color: rgb(33, 150, 243);
}

.in-fa-inverse-active {
	color: rgb(33, 150, 33);
}

hr.in-section-split-rule {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

.in-list-bullet {
	padding-left: 5px;
	padding-right: 5px;
	color: white;
}

.in-photo-container {
	border: 1px solid rgba(0, 0, 0, 0.7);
	float: left;
	background-color: rgba(33, 33, 33, 0.4);
	border-radius: 0px 0px 5px 5px;
	margin: 2.5px;
}

.in-photo-container-picture {
	padding: 0;
	display: block;
}

.in-photo-subtitle {
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	padding-right: 5px;
	float: right;
}

.in-highslide-img {
	border: none;
}

.in-editing-complete-button {
	background-color: rgb(33, 150, 33);
	border: 1px solid rgb(33, 150, 33);
}

.in-editing-info-button {
	background-color: rgb(33, 150, 243);
	border: 1px solid rgb(33, 150, 243);
}

.in-editing-disabled-button {
	background-color: rgb(48, 48, 48);
	color: rgb(150, 150, 150);
	border: 1px solid rgb(0, 0, 0);
}

.in-editing-cancel-button {
	background-color: rgb(150, 33, 33);
	border: 1px solid rgb(150, 33, 33);
}

.in-editing-button {
	border-radius: 5px;
	color: white;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	box-shadow: none;
	margin: 2px 5px;
	font-size: medium;
	-webkit-transition-duration: 0.25s; /* Safari */
	transition-duration: 0.25s;
	cursor: pointer;
	outline: none;
}

.in-editing-complete-button:hover {
	color: rgb(33, 150, 33);
}

.in-editing-cancel-button:hover {
	color: rgb(150, 33, 33);
}

.in-editing-info-button:hover {
	color: rgb(33, 150, 243);
}

.in-editing-disabled-button:hover {
	background-color: rgb(48, 48, 48) !important;
	box-shadow: 0 0 0 0 !important;
	cursor: not-allowed;
}

.in-editing-button:hover {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.in-ctrl-icon {
	font-size: 15px;
}

.in-ctrl-stack-2x {
	font-size: 30px;
	left: 0;
	top: 0;
}

.in-ctrl-stack-2_3x {
	font-size: 20px;
	left: 0;
	top: 0;
}

.in-ctrl-stack-1x {
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	line-height: inherit;
}

.in-ctrl-stack {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.mapboxgl-popup-close-button {
	z-index: 999;
	line-height: 20px;
	font-size: 20px;
	padding: 0px 4px;
	background-color: rgba(33, 33, 33, 0.5);
	border-radius: 0 3px 0 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
	border-left: 1px solid rgba(160, 160, 160, 0.7);
	border-bottom: 1px solid rgba(160, 160, 160, 0.7);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
	-webkit-transition-duration: 0.25s; /* Safari */
	transition-duration: 0.25s;
}

.mapboxgl-popup-close-button:hover {
	background-color: rgb(33, 150, 243);
	color: white;
}

.mapboxgl-popup-content {
	position: relative;
	background: #222;
	border: 1px solid gray;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
	padding: 10px 10px 15px;
}

.in-sidebar-content {
	background-color: rgb(48, 48, 48);
}

#in-sidebar-dynamic {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

#in-dynamic-sidebar-content {
	position: absolute;
	width: 100%;
	height: 100%;
}

#in-ui-selector {
	z-index: 2;
}

.in-info-overlay-window {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	color: white;
	position: absolute;
	padding-bottom: 5px;
	z-index: 999;
	overflow-y: auto;
}

.in-uicontexts-selection {
	color: white;
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 100;
	padding: 10px;
	border-radius: 5px;
	background-color: rgb(66, 66, 66);
}

.in-popup-window {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background-color: rgb(48, 48, 48);
	color: white;
	position: absolute;
	width: 512px;
	height: 512px;
	padding-bottom: 5px;
	z-index: 1000;
	overflow: hidden;
}

.in-popup-window-toolbar-title {
	display: inline;
	float: left;
	position: relative;
	top: -5px;
	width: 100%;
}

.in-popup-window-toolbar-title-text {
	padding-left: 10px;
	display: inline;
	float: left;
	position: relative;
}

.in-popup-window-toolbar-title-close {
	padding-left: 10px;
	float: right;
	position: absolute;
	right: 0px;
}

.in-popup-window-main {
	display: flex;
	flex-wrap: wrap;
	height: calc(100% -   60px);
}

.in-info-table {
	display: table;
	padding-bottom: 5px;
	border-collapse: collapse;
}

.in-info-table-row {
	display: table-row;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.in-info-table-header-row {
	display: table-row;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.in-info-table-row:last-child {
	border-bottom: none;
}

.in-info-table-cell {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	padding: 2px 5px 2px 5px;
}

.in-info-table-cell-header {
	font-weight: bold;
	text-align: middle;
}

.in-info-table-cell:last-child {
	border-right: none;
}

.in-info-table-column {
	display: table-column;
}

.in-info-table-header {
	background-image:
		url(/cimphony/cartographic/frameworks/jquery/tablesorter/bg.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
}

.in-info-table-header-sort-up {
	background-image:
		url(/cimphony/cartographic/frameworks/jquery/tablesorter/asc.png);
}

.in-info-table-header-sort-down {
	background-image:
		url(/cimphony/cartographic/frameworks/jquery/tablesorter/desc.png);
}

.in-info-table-header-title {
	padding-left: 12px;
}

.in-info-subtitle-icon {
	color: rgba(243, 150, 33, 0.7);
}

.in-connection-error-popup {
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 1em;
	border-radius: 0.5em;
	background-color: rgba(0, 0, 0, 0.5);
}

.in-tabs-left {
	position: relative;
	padding-left: 6.5em;
}

.in-tabs-left .ui-tabs-nav {
	position: absolute;
	left: 0.25em;
	top: 0.25em;
	bottom: 0.25em;
	width: 6em;
	padding: 0.2em 0 0.2em 0.2em;
}

.in-tabs-left .ui-tabs-nav li {
	right: 1px;
	width: 100%;
	border-right: none;
	border-bottom-width: 1px !important;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	overflow: hidden;
}

.in-tabs-left .ui-tabs-nav li.ui-tabs-selected, .in-tabs-left .ui-tabs-nav li.ui-state-active
	{
	border-right: 1px solid transparent;
}

.in-tabs-left .ui-tabs-nav li a {
	float: right;
	width: 100%;
	text-align: right;
}

.in-tabs-left .ui-tabs-panel {
	height: 40em;
}

.in-tabs-right {
	position: relative;
	padding-right: 6.5em;
}

.in-tabs-right .ui-tabs-nav {
	position: absolute;
	right: 0.25em;
	top: 0.25em;
	bottom: 0.25em;
	width: 6em;
	padding: 0.2em 0.3em 0.2em 0em;
	background-color: rgba(0, 0, 0, 0);
}

.in-tabs-right .ui-tabs-nav li {
	width: 100%;
	border: 1px solid transparent;
	border-left: none;
	border-bottom-width: 1px !important;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
	background-color: black;
	color: lightgray;
	font-size: small;
}

.in-tabs-right .ui-tabs-nav li.ui-tabs-selected, .in-tabs-right .ui-tabs-nav li.ui-state-active
	{
	background-color: #222;
	border: 1px solid #333;
	border-left: 1px solid transparent;
}

.in-tabs-right .ui-tabs-nav li a {
	width: 100%;
}

.in-tabs-right .ui-tabs-panel {
	height: auto;
}

ul.in-tab-list {
	font-size: small;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.in-tab-list li.in-tab-selected {
	background-color: rgb(33, 150, 243);
	color: black;
}

ul.in-tab-list li a:link, ul.in-tab-list li a:visited {
	color: white;
}

ul.in-tab-list li a:hover {
	color: rgb(243, 150, 33);
}

ul.in-tab-list li.in-tab-selected a:hover {
	color: black;
}

ul.in-tab-list li a:link.in-tab-selected, ul.in-tab-list li a:visited.in-tab-selected
	{
	color: black;
}

ul.in-tab-list li {
	background-color: rgb(48, 48, 48);
	padding: 0.1em 0.2em 0.1em 0.2em;
	margin: 0.1em;
	border-radius: 0.2em;
	color: white;
	transition: background-color 250ms linear, color 250ms linear;
}

ul.in-tab-list li a img {
	vertical-align: text-top;
	padding-right: 0.2em;
	width: 1em;
	height: 1em;
}

.in-display-overlay-popup {
	display: grid;
}

.in-top-left-container {
	position: absolute;
	left: 1em;
	top: 1em;	
	z-index: 997;
}

.in-scada-summary-container {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 0.25em;

}

.in-scada-summary-container table tbody tr[data-status="Active"][data-acknowledged=false] td{
	color:rgb(255,64,64);
	font-weight: bold;
}

.in-scada-summary-container table tbody tr td i{
	opacity:0.7;
}

.in-scada-summary-container table tbody tr[data-status="Active"][data-acknowledged=true] td{
	color:rgb(255,128,64);
}

.in-scada-summary-container table tbody tr[data-status="Inactive"][data-acknowledged=false] td{
	color:rgba(255,255,255, 0.7);
	font-weight: bold;
}

.in-scada-summary-container table tbody tr[data-status="Inactive"][data-acknowledged=true] td{
	color:rgba(255,255,255, 0.5);
}

#in-scada-summary-container-header {
	background-color: rgba(24,24,24,0.5);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 0.25em 0.25em 0 0;
    padding: 0.1em;
}

#in-scada-summary-container-body{
	min-height: 3em;
	max-height: 8em;
	border: 1px solid rgba(255,255,255,0.2);
    border-top: none;
	border-radius: 0 0 0.25em 0.25em;
}

#in-scada-summary-container-header span{
	color: var(--highlight-colour);
	font-weight: bold;
	padding-left: 0.2em;
}

#in-scada-summary-container-header a.in-scada-header-control{
	font-size : small;
	padding: 0.2em;
}

#in-scada-summary-container-header .fa-exclamation-triangle{
	color:rgb(255,64,64);
	padding-left: 0.2em;
}

.mapboxgl-ctrl-geocoder li{
	text-align:left;
}

.dashboard-map-popup .mapboxgl-popup-content{
	background-color: var(--main-background-colour);
	color : var(--text-colour);
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
}

.dashboard-map-popup h2{
	font-size: 1.5em;
	margin: 0;
	padding:0.25em;	
}

.dashboard-map-popup .popup-default{
	margin: 1.5em 0 1em 0;
}

.dashboard-map-popup h3{
	font-size: 1.25em;
	margin: 0;
	opacity: 0.8;
	padding:0.25em;	
}

.map-place-label{
	position: absolute;
	background-color: var(--main-background-colour);
	color : var(--text-colour);
	opacity: 0.7;
	padding: 0.5em;
	border: 1px solid var(--text-colour);
	border-radius: 0.25em;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif, Geneva, sans-serif;
}

grid.dashboard{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
	height: calc(100% - 10em);
	grid-gap: 0.25em;
}

cell.dashboard{
	position: relative;
	/*border: 1px solid red;*/
	padding: 0.25em;
}

.share-title-box{
	display: flex;
}

#dashboard-share{
	padding-left: 1em;
	/* color: var(--button-hover-border-colour); */
}

#dashboard-share:hover{
	color: var(--contrast-link-colour);
}

.dashboard-share{
	position: absolute;
	left:0;
	top: 0;
	max-width: 50em;
	border: 1px solid var(--highlight-colour);
	border-radius: 0.5em;
	background-color: var(--secondary-background-colour);
	padding: 0.5em;
}

.dashboard-share input{
	max-width: 25em;
	padding: 0.5em;
}

.dashboard-share a.button{
	font-size: smaller;
	transition: 0.3s;
}

.dashboard-share .copy-success{
	background-color: var(--tertiary-background-colour);
	color: var(--text-colour);
}

.dashboard-share .copy-success:hover{
	background-color: var(--tertiary-background-colour);
	color: var(--text-colour);
}

.dashboard-share .share-link-container{
	border: 1px solid var(--header-highlight-colour);
	background-color: var(--main-background-colour);
	border-radius: 0.25em;
	padding: 0.5em;
	margin: 0.25em;
}

.dashboard-share h3{
	padding: 0;
	margin: 0 0 0.5em 0;
	border-bottom: 1px solid var(--highlight-colour);
}

.dashboard-share h4{
	padding: 0;
	margin: 0;
}

img.qr-code{
	border-radius: 0.125em;
    border: 1px solid var(--button-background-colour);
}

.ui-widget-header,
.ui-widget.ui-widget-content{
	border-color: var(--ui-widget-border-colour) !important;
}

#dash-global-save{
	padding: 0.25em;
    border: 1px solid var(--text-colour);
    border-radius: 0.25em;
    float:right;
    display:inline;
    background-color: var(--button-background-colour);
    transition: 0.3s;
}

#dash-global-save .dashicon i{
	padding :0;
}

#dash-global-save:hover{
	background-color: var(--text-colour);
	border: 1px solid var(--button-background-colour);
}

#dash-global-save .dashicon i:hover,
#dash-global-save:hover{
	color: var(--button-background-colour);
}

#dash-global-save:disabled .dashicon i:hover{
	color: unset;
}

.input-fullwidth input{
	max-width: 100%;
}