@import url(https://fonts.googleapis.com/css?family=Roboto);
/* material symbols */
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp);

@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 300;  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 300;  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 700;  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 700;  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined'!important;
}
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded'!important;
}
.material-symbols-sharp {
  font-family: 'Material Symbols Sharp'!important;
}

@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
	--main: 		#1a4175;
	--main-light: 	#edf4fd;
	--main-hover:	rgba( 88, 154, 233, 0.3 );
	--main-accent: 	#db4437;
	--main-select: 	rgba( 0, 0, 255, 0.20 );
	--main-text: 	#333333;
	--main-neg-text:#ffffff;
	--main-bg: 		transparent;
	--main-body: 	#f2f2f2;

	--black:		#000000;
	--main-gray: 	#333333;
	--gray: 		#808080;
	--silver: 		#aaaaaa;
	--lightgray: 	#d3d3d3;
	--lightsilver: 	#e2e2e2;
	--whitegray:	#ebebeb;
	--darkwhite: 	#f7f7f7;
	--white: 		#ffffff;
	--bg: 			#ffffff;

	--main-a90: 	#2f5482;

	--black-a90: 	rgba( 0, 0, 0, 0.90 );
	--black-a70: 	rgba( 0, 0, 0, 0.70 );
	--black-a50: 	rgba( 0, 0, 0, 0.50 );
	--black-a28: 	rgba( 0, 0, 0, 0.28 );
	--black-a20: 	rgba( 0, 0, 0, 0.20 );
	--black-a14: 	rgba( 0, 0, 0, 0.14 );

	--white-a60: 	rgba( 255, 255, 255, 0.60 );
	--white-a50: 	rgba( 255, 255, 255, 0.50 );
	--white-a30: 	rgba( 255, 255, 255, 0.30 );

	--blue: 		#1a4175;
	--lightblue: 	#edf4fd;
	--lightblue2: 	#bbd3f2;
	--lightbluegray:#BBC6D6;
	--blue-a10: 	rgba( 26, 65, 117, 0.10 );

	--darkred: 		#8B0000;
	--red: 			#cc0000;
	--orangered: 	#db4437;
	--orangered-a90:rgba(219, 69, 55, 0.90);
	--redpink:		#ff6b6b;
	--redbg:		#fce5e5;
	--red-a16: 		rgba( 139, 0, 0, 0.16 );

	--green: 		#008000;
	--blueGreen-a90:rgba(0, 179, 101, 0.90);
	--brightgreen: 	#00ff51;
	--lightgreen-a50:rgba( 164, 255, 164, 0.50 );

	--pink: 		#e011da;
	--yellow: 		#ffff00;
	--orange: 		#ff8c00;
	--orange-a90:	rgba( 255, 140, 0, 0.90);


	--extra-black-bright:		#434343;
	--extra-black:				#222222;
	--extra-black-dark:			#1F1F1F;
	--extra-black-darker:		#191919;

	--extra-white-bright:		#D5D5D5;
	--extra-white:				#CECECE;
	--extra-white-dark:			#BABABA;
	--extra-white-darker:		#9A9A9A;

	--extra-yellow-bright:		#ECDB48;
	--extra-yellow:				#E9D528;
	--extra-yellow-dark:		#D2C024;
	--extra-yellow-darker:		#AFA01E;

	--extra-orange-bright:		#EB9B2F;
	--extra-orange:				#E8890B;
	--extra-orange-dark:		#D17C0A;
	--extra-orange-darker:		#AE6708;

	--extra-red-bright:			#E02727;
	--extra-red:				#DA0101;
	--extra-red-dark:			#C50101;
	--extra-red-darker:			#A30101;

	--extra-purple-bright:		#9241D1;
	--extra-purple:				#7F20C9;
	--extra-purple-dark:		#731DB5;
	--extra-purple-darker:		#5F1897;

	--extra-blue-bright:		#418ED1;
	--extra-blue:				#207AC9;
	--extra-blue-dark:			#1D6EB5;
	--extra-blue-darker:		#185B97;

	--extra-turquoise-bright:	#41C9D1;
	--extra-turquoise:			#20BFC9;
	--extra-turquoise-dark:		#1DACB5;
	--extra-turquoise-darker:	#188F97;

	--extra-green-bright:		#27B828;
	--extra-green:				#01AB02;
	--extra-green-dark:			#019A02;
	--extra-green-darker:		#018001;
}

[onclick]{
    cursor: pointer;
}

table {
	border-collapse:collapse;
}

/* dev state */
.pswp {
	display: none;
}

.imvr {
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1500;	
	display: none;
	position: absolute;
}

.hide {
	display: none;
}

/* Used to preload images */
.hideimg {
  width:0px;
  height:0px;
  display:none;
}

.inlineform{
	display:inline-block;
}

.hideable{
	max-height: 0;
}

.hideable, .hideable-usr{
	position:relative;
	margin-left: -10px;
	padding-left: 10px;
	margin-right: -10px;
	padding-right: 10px;
	overflow: hidden;
	background-color: rgb(231, 231, 231);
	-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.pointer {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: pointer;
}

.swal2-container {
	z-index: 99999 !important;
}

body.showadminstuff .hideable,
.hideable-usr{
	max-height: 2500px;
	margin-bottom: 30px;
}

.hideable .closebutton{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 39px;
	width: 39px;
	background-image: url("../img/basic/delete30.svg");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor:pointer;
}

.helpselect{
	position:fixed;
	bottom:48px;
	right:32px;
	z-index: 10;
}

.helpbutton{
	display:none;
	position:relative;
	border-radius:100%;
	width:56px;
	height:56px;
	background-color:#db4437;
	box-shadow: rgba( 0,0,0, 0.6 ) 0 0 20px 0;
	cursor:pointer;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-align: center;
	line-height: 56px;
	color: white;
	font-size: 24px;
	font-weight: normal;
	margin-top:12px;
}
.helpselect .initshow,
.helpselect:hover .helpbutton{
	display:block;
}

.helpbutton:after{
	content: attr(data-attr);
    position: absolute;
	display:none;
    top: 0;
    right: 0;
    margin-right: 120%;
    margin-top: 17px;
    font-size: 13px;
    font-weight: 800;
    color: white;
    background-color: rgba( 0, 0, 0, 0.5 );
    padding: 0;
    width: auto;
    line-height: 100%;
    padding: 6px 16px;
    border-radius: 5px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.helpselect:hover .helpbutton:after{
	display:block;
}
.helpbutton.phone{
	background-color:orange;
	white-space:nowrap;
}
.helpbutton.docs{
	background-color:#fff;
}
.helpbutton.phone:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:white;
	background-color:transparent;
	background-image: url("../img/basic/2440.svg");
	background-size: 36px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.helpbutton.docs:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:white;
	background-color:transparent;
	background-image: url("../img/ISO_7010_M002.svg");
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.scrollbar
{
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow
{
	min-height: 450px;
}

.scroll-style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scroll-style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.scroll-style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}



.scroll-style-2::-webkit-scrollbar-track
{
	margin-top:20px;
	margin-bottom:20px;
	border-right:solid 10px #FFF;
	background-color: #EEE;
}

.scroll-style-2::-webkit-scrollbar
{
	width: 15px;
	background-color: #FFF;
}

.scroll-style-2::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	border-right:solid 10px #FFF;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.protocollist > p {
    font-size: 13px;
    margin-left: 74px;
    margin-top: 0px;
    margin-bottom: 8px;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 5px;
    background-color: rgba(255, 0, 0, 0.5);
    position: relative;
    line-height: 19px;
}

.protocollist > p:before {
	content:'';
    position:absolute;
    left:-42px;
    top:50%;
    margin-top:-5px;
    margin-left:-5px;
    height:10px;
    width:10px;
    border-radius:100%;
    background-color:grey;
}

.protocollist{
	margin:10px;
	padding-right:5px;
	position:relative;
}

.protocollist::before{
	content:'';
	height:auto;
	width:4px;
	position:absolute;
	top: 23px;
	left: 32px;
	margin-left: -2px;
	bottom:32px;
	background-color:lightgrey;
}

.protocollist .timesection{
	color: grey;
	font-size:13px;
	margin-top: 20px;
	margin-left: 74px;
	padding-left: 0px;
	margin-bottom: 0;
}

.protocollist .timesection:first-child{
	margin-top: 0px;
}

.protocollist-content {
	display: block;
	width: 100%;
	margin-top: 15px;
}

.eventp{
	font-family: Lato, Calibri, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	min-height: 48px;
	padding: 10px 12px 12px 12px;
	text-align:left;
	cursor: pointer;
	color: #555555;
	position: relative;
	margin-left: 74px;
	margin-bottom: 8px;
	border-radius: 4px;
}

.eventp.ignition::after,
.eventp.reset::after,
.eventp.radar::after,
.eventp.testrun::after,
.eventp.changeLogEvt::after,
.eventp.avl-observed::after,
.eventp.avl-no-observed::after,
.eventp.avl-obs-impossible::after,
.eventp.mo::after, 
.eventp.mt::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin:8px;
	height:48px;
	width:48px;
	margin-top: 0;
	margin-left: -66px;
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position: center;
}

.eventp.testrun::after{		background-image:url('../img/basic/verified9.svg'); }
.eventp.changeLogEvt::after{background-image:url('../img/basic/edit26w.svg'); }
.eventp.ignition::after{    background-image:url('../img/basic/explosion.svg'); }
.eventp.reset::after{       background-image:url('../img/basic/arrow494.svg'); }
.eventp.radar::after{       background-image:url('../img/basic/wifi.svg'); transform: rotate(180deg); }
.eventp.mo::after{       	background-image:url('../img/basic/cloud_upload.svg'); }
.eventp.mt::after{       	background-image:url('../img/basic/cloud_download.svg'); }

.eventp.near {
    margin-top: -11px;
    border-top: dashed 1px;
	padding-top: 8px;
	border-radius: 0px 0px 4px 4px;
}

.eventp.near:hover {
	border-top: 1px solid transparent;
	border-radius: 4px;
}

.eventp p{
	font-size: 16px;
	line-height: 100%;
	padding: 0;
	margin: 0;
	margin-top: 4px;
	margin-bottom: 5px;
	color: #000000;
	position:relative;
}

.eventp > a,
.eventp > a:hover,
.eventp > a:visited
{
	color:white;
	margin-left:10px;
}

.eventp.red::before,
.eventp.orange::before,
.eventp.green::before,
.eventp.grey::before,
.eventp.dark-blue::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin:8px;
	height: 48px;
	width: 48px;
	border-radius:100%;
	margin-left: -66px;
	margin-top: 0;
}

.eventp.red::before{  			background-color:#CC0033; }
.eventp.orange::before{  		background-color:#e08700; }
.eventp.green::before{			background-color:#006666; }
.eventp.grey::before{ 			background-color:#666666; }
.eventp.dark-blue::before{ 		background-color:#1a4175; }
.eventp:hover.red::before{  	background-color:#EE2255; }
.eventp:hover.orange::before{  	background-color:#e8a744; }
.eventp:hover.green::before{	background-color:#339999; }
.eventp:hover.grey::before{ 	background-color:#999999; }
.eventp:hover.dark-blue::before{background-color:#2b64b0; }

.eventp.red p::before,
.eventp.orange p::before,
.eventp.green p::before,
.eventp.grey p::before {
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    left: 0;
    border: solid 9px;
    margin-left: -20px;
    transform: rotate(45deg);
	border-color: transparent transparent #F2F2F2 #F2F2F2;
}

.eventp{							background-color: #F2F2F2; }
.eventp.ignition {					background-color: #f6bd16; }

.eventp.ignition.red p::before,
.eventp.ignition.orange p::before,
.eventp.ignition.green p::before,
.eventp.ignition.grey p::before {		border-color: transparent transparent #f6bd16 #f6bd16; }

/*** GOOGLE MAPS ***/
.gmnoprint,
.gm-style-cc{
	opacity:0;
}

.infobox-wrapper {
    display:none;
}
.infobox {
	position:relative;
    margin-top: 8px;
    background-color:rgba(26,64,115,1);
    color:#FFF;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:400;
	font-size: 12px;
    padding: .5em 1em;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0  20px #000;
    box-shadow: 0 0 20px #000;
	line-height:16px;
}
.infobox:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: rgba(26,64,115,1);
	border-width: 6px;
	margin-left: -6px;
}
.ui-loader{
	display:none !important;
}

.ui-page{
	min-height:100px !important;
}

/*** LANGUAGE SWITCHER ***/
#languages, #languages * {
	margin: 0;
	padding: 0;
}

#languages ul {
	list-style: none;
}

#languages {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:400;
	font-size: 16px;
	color: #444;
	line-height: normal;
	position: relative;
	z-index: 100;
}

#languages form {
	display: none;
}

#languages a {
	text-decoration: none;
	display: block;
	padding: 16px 12px;
	color: #444;
	background-repeat: no-repeat;
	background-position: 6px center;
	overflow:hidden;
}

#languages a:hover {
	color: #000;
}

#languages ul.dropdown li:hover {
	background-color: #F7F7F7;
}

#languages a.active {
	border-bottom: none !important;
	border-radius: 3px 3px 0 0 !important;
}

#languages .current:after {
	display: block;
	content:"";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	margin-top: 0;
	right: 8px;
	border: solid transparent;
	pointer-events: none;
	border-top-color: black;
	border-width: 5px;
	margin-top: -4px;
	margin-left:15px;
}

/* Drop-Down Menu */

#languages {
	border-radius: 3px;
	background-color:white;
	margin: 0;
}


#languages li:hover{
	font-weight:700;
}

#languages a + ul {
	border: none;
}

#languages a.active + ul {
	max-height: 4000px;
}

#languages ul li {
	border-top: 1px dotted #1A4175;
}

#languages ul li:first-child {
	border-top: none;
}

#languages ul li:first-child{
	border-radius: 3px 3px 0 0;
}
#languages ul li:last-child {
	border-radius: 0 0 3px 3px;
}

.dropdowncontainer {
	display:none;
	margin-top:16px;
	position: absolute;
	width: auto;
	top: 96px;
	left: 16px;
	right: 16px;
	z-index: 30;
	border-radius: 4px;
	border: solid 3px #1a4175;
	background-color: white;
    box-shadow: 0 0 25px;
}

/*** Warning blink-thingy. ***/
.panel-options div.pulsewarning {
	width: 40px;
	height: 40px;
	background-color: #f00;
	position:absolute;
	margin-top:-4px;
	margin-left: -4px;
	border-radius: 100%;
	-webkit-animation: pulsing 1.0s infinite linear;
	animation: pulsing 1.0s infinite linear;
	z-index:-2;
}
.pulse{
	position:absolute;
}
.pulse.on ~ .twolineblock .towername:after {
	content:'';
	width: 12px;
	height: 12px;
	background-color: transparent;
	border:3px solid rgba(0,0,0,0.2);
	border-top-color:green;
	position:absolute;
	margin:0;
	margin-left:5px;
	border-radius: 100%;
	-webkit-animation: scaleout 3.0s 1 linear;
	animation: scaleout 3.0s 1 linear;
	z-index:-1000;
	opacity:0;
}

@-webkit-keyframes scaleout {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity:0;
  }
  50% {
	-webkit-transform: rotate(540deg);
	transform: rotate(540deg);
	opacity:1;
  }
  100% {
	-webkit-transform: rotate(1080deg);
	transform: rotate(1080deg);
	opacity:0;
  }
}

@-webkit-keyframes pulsing {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    opacity: 1;
  } 70% {
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    opacity: 0.3;
  } 100% {
    transform: scale(3.0);
    -webkit-transform: scale(3.0);
    opacity: 0;
  }
}

@keyframes pulsing {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    opacity: 1;
  } 70% {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    opacity: 0.3;
  } 100% {
    transform: scale(3.0);
    -webkit-transform: scale(3.0);
    opacity: 0;
  }
}

/*** Editable things. ***/
[contenteditable]:hover {
  background: #FFFFD3;
}
[contenteditable]:focus {
  background: #FFFFD3;
}

[contenteditable]:focus:after {
  content: '';
}


/*** Things which cannot be selected. */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}

/*** Things which can be selected inside things which cannot be selected. */
.selectable {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
	cursor:default;
}


/*** Flot graphics style. ***/

@media (min-width: 50.0em)
{
	.demo-container {
		box-sizing: border-box;
		width:502px;
		height:220px;
		padding: 0px;
		margin-left: 0px;
		margin-right:auto;
		border: 0px;
		background: #fff;
	}

	.flot-tick-label{
		color:black;
	}

	@media print {
	.demo-container {
		box-sizing: border-box;
		width:502px;
		height:220px;
		padding: 0px;
		margin-left: 0px;
		margin-right:auto;
		border: 0px;
		background: #fff;
	}
	}

	.demo-placeholder {
		width: 100%;
		height: 100%;
		font-size: 14px;
		line-height: 1.2em;
	}

	.legend table {
		border-spacing: 5px;
	}
}

@media (min-width: 32.5em) and (max-width: 49.938em)
{
	.demo-container {
		box-sizing: border-box;
		width:98%;
		height:220px;
		padding: 0px;
		padding-left:20px;
		padding-right:20px;
		margin-left: 0px;
		margin-right:auto;
		border: 0px;
		background: #fff;
	}

	.flot-tick-label{
		color:black;
	}

	@media print {
	.demo-container {
		box-sizing: border-box;
		width:502px;
		height:220px;
		padding: 0px;
		margin-left: 0px;
		margin-right:auto;
		border: 0px;
		background: #fff;
	}
	}

	.demo-placeholder {
		width: 100%;
		height: 100%;
		font-size: 14px;
		line-height: 1.2em;
	}

	.legend table {
		border-spacing: 5px;
	}
}



/*** Menu ***/
.menucontainer {
	position:relative;
	overflow:hidden;
	color:white;
	left:0px;
	margin-top:0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 90px;
	padding-bottom: 10px;
	border:0px;
	z-index:100;
	display: none;
}

.menutop{
	padding-top: 20px;
	padding-left: 16px;
	padding-right: 16px;
	color: rgb( 51, 51, 51 );
	font-size:13px;
	line-height:15px;
	text-align: center;
	border-bottom: 1px solid grey;
	overflow:hidden;
}

.currentuser{
	padding: 0;
	margin-bottom: 18px;
	text-align: right;
}


.menuNoTextButton{
    display: inline-block;
    margin: 0;
    width: 48px;
    height: 64px;
    cursor:pointer;
    position:relative;
}

.menuNoTextButton::after{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	height: 64px;
}

.menuNoTextButton:hover::before{
    content: attr(data-attr);
    color: rgb( 51, 51, 51 );
    position: absolute;
    top: 70%;
    font-size: 13px;
    width: 200%;
    text-align: center;
    left: -50%;
}

.menuNoTextButton:only-child::before{
    content: attr(data-attr);
    color: rgb( 51, 51, 51 );
    position: absolute;
    top: 70%;
    font-size: 13px;
    width: 200%;
    text-align: center;
    left: -50%;
}


.mnu-::after,
.mnu-control::after,
.mnu-avt::after,
.mnu-adn::after,
.mnu-risk::after,
.mnu-assessment::after,
.mnu-mapview::after,
.mnu-logout::after,
.mnu-more::after,
.mnu-map::after,
.mnu-explodoc::after,
.mnu-manage::after,
.mnu-accountsettings::after,
.mnu-faq::after,
.mnu-impressum::after,
.mnu-lostmypassword::after,
.mnu-issues::after,
.mnu-documents::after,
.mnu-reports::after,
.mnu-comtool::after,
.mnu-cockpit::after,
.mnu-pistecheck::after,
.mnu-rescuedoc::after,
.mnu-towers::after,
.mnu-helitrack::after,
.mnu-admintool::after,
.mnu-runtracker::after,
.mnu-snowprofiler::after,
.mnu-language::after{
	content:'';
	background-color:transparent;
	position: absolute;
	top: 0;
	left: 0;
	height: 32px;
	width: 32px;
	margin: 8px 0px;
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position: center;
}

.mnu-more::after {
	margin: 0;
}

.mnu-::after,
.mnu-control::after{			background-image: url( '../img/basic/tower.svg' );			}
.mnu-mapview::after{			background-image: url( '../img/basic/map32.svg' );			}
.mnu-logout::after{				background-image: url( '../img/basic/logout13.svg' );		}
.mnu-more::after{				background-image: url( '../img/basic/more_vert.svg' );		}
.mnu-map::after{				background-image: url( '../img/basic/map32.svg' );			}
.mnu-manage::after{				background-image: url( '../img/basic/folders4.svg' );		}
.mnu-accountsettings::after{	background-image: url( '../img/basic/gears10.svg' );		}
.mnu-faq::after{				background-image: url( '../img/basic/question24.svg' );		}
.mnu-impressum::after{			background-image: url( '../img/basic/open130.svg' );		}
.mnu-lostmypassword::after{		background-image: url( '../img/basic/key50.svg' );			}
.mnu-language::after{			background-image: url( '../img/basic/earth205.svg' );		}
.mnu-issues::after{				background-image: url( '../img/basic/bell16.svg' );			}
.mnu-avt::after{				background-image: url( '../img/mountain.svg' );				}
.mnu-documents::after{			background-image: url( '../img/basic/book117.svg' );		}
.mnu-explodoc::after{			background-image: url( '../img/basic/explosionb.svg' );		}
.mnu-reports::after{			background-image: url( '../img/basic/edit26.svg' );		}
.mnu-comtool::after{			background-image: url( '../img/basic/information38.svg' );		}
.mnu-cockpit::after{			background-image: url( '../img/basic/arrow498.svg' );		}
.mnu-towers::after{				background-image: url( '../img/basic/tower.svg' );			}
.mnu-helitrack::after{			background-image: url( '../img/basic/helicopter.svg' );		}
.mnu-adn::after{				background-image: url( '../img/basic/music-sound-wave-line.svg' );		}
.mnu-risk::after{				background-image: url( '../img/basic/decision-making.svg' );		}
.mnu-assessment::after{			background-image: url( '../img/basic/decision-making.svg' );		}
.mnu-pistecheck::after{			background-image: url( '../img/basic/slope.svg' );		}
.mnu-rescuedoc::after{			background-image: url( '../img/basic/first19.svg' );		}
.mnu-admintool::after{			background-image: url( '../img/basic/user.svg' );		}
.mnu-runtracker::after{			background-image: url( '../img/basic/runtracker.svg' );		}
.mnu-snowprofiler::after{			background-image: url( '../img/basic/snowprofiler.svg' );		}



.mnu-limg::after{
	margin: 8px 16px;
}

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Windows Chrome ugly fix https://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'icomoon';
		src: url('../fonts/icomoon.svg#icomoon') format('svg');
	};
}

.icon-menu {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-menu:before {
	content: "\f0c9";
}

.icon-menu {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.nav ul {
	list-style: none;
    cursor: pointer;
	color:rgb( 51, 51, 51 );
    font-size: 16px;
	line-height:16px;
	margin:0;
	padding:0;
}

.nav li {
	display: block;
	cursor: pointer;
	margin: 3px 0px;
	padding: 16px 12px;
	border-left: solid 3px transparent;
	padding-left: 36px;
	position:relative;
	color:#000;
}

.nav li#this{
	font-weight:800;
	color: #1a4175;
	background-color: rgba( 0, 0, 0, 0.03 );
	border-left-color: #1A4175;
}


.nav li#this::after{
	filter: invert(21%) sepia(22%) saturate(3217%) hue-rotate(187deg) brightness(94%) contrast(93%);
}

.menuNoTextButton#this:after{
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 0 12px;
}

.nav li.spacer {
	display: block;
	height:1px;
	background-color:grey;
	border-radius: 0;
	padding: 0;
}

.nav li:not(.spacer):focus {
	color: #000;
	background-color:rgba( 0, 0, 0, 0.1 );
	border-left-color: #1A4175
}

.nav ul:hover li:not(.spacer):hover,
.nav li#this:hover {
	/*color: #000;*/
	background-color:rgba( 0, 0, 0, 0.1 );
	border-left-color: #1A4175
}

.nav a:hover{
	text-decoration:none;
}

/*** GENERAL ***/
b{
	font-weight:bold;
}

.nodisplay{
	display:none;
	position:fixed;
	height:0px;
	width:0px;
}

body {
	font: 100%/1.5em sans-serif;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:400;
	font-size:11.5pt;
	color: #000;
	margin: 0;
	margin:0px;
	padding:0px;
	background-color:#f0f0f0;
	z-index:0;
	padding-top: 80px;
	background-color:#fff;
}

summary{
	cursor:pointer;
}

@-webkit-keyframes fade {
	from {opacity: 1;}
	to {opacity: 0.25;}
}


/*** CHARTS ***/
.chart svg {
  height: 450px;
  min-width: 100px;
  min-height: 100px;
}

/*** BLINKING TEXT ***/
.blink {
	font-weight: bold;
	animation: blink 1s steps(5, start) infinite;
	-webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to { color: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}



/*** CHARGES AND LEGEND ***/
.legend{
	margin-top:20px;
	padding-left: 20px;
	color:black;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:300;
	font-size:12px;
}

.legend .description{
	position:relative;
	height:18px;
	line-height:24px;
	display:inline-block;
	margin:0px 2px 0px 5px;
	vertical-align: top;
}

.chargeBar{
	position:relative;
	overflow:visible;

	margin:0px 0px 0px 0px;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	width:148px;
	height:30px;
}

.chargeReady,
.chargeDetonated,
.chargeError,
.chargeEmpty {
	position:relative;
	width:8px;
	height:18px;
	display:inline-block;
	margin:0px 2px 0px 0px;
	border-radius:3px;
}

.chargeReady {
	background-color:black;
}

.chargeDetonated {
	background-color:green;
}

.chargeError {
	background-color:red;
}
.chargeEmpty {
	background-color:white;
}

/*** CONTENTS ***/

.warningblock{
	background-color:white;
	color:black;
	display:inline-block;
	margin:6px 0px 12px 0px;
	padding:6px;
	font-size:10pt;
	-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.warningblockns{
	background-color:white;
	color:black;
	display:inline-block;
	margin:6px 0px 12px 0px;
	padding:6px;
	font-size:10pt;
}

div#contentcenter,
div.contentcenter {
	text-align: center;
	overflow: visible;
}

div.highlight,
div.inhaltred,
div.inhaltyellow,
div.inhaltgreen,
div.inhaltblue,
div.inhalt {
	margin: 0px 0px 11px 0px;
	padding:0;
	padding-bottom:10px;
	padding-left:16px;
	padding-right:16px;
	padding-top: 10px;
	-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	border: none;
	position: relative;
}

div.highlight .btn,
div.inhaltred .btn,
div.inhaltyellow .btn,
div.inhaltgreen .btn,
div.inhaltblue .btn,
div.inhalt .btn {
	margin-top: 3px;
	box-shadow: none;
}

.usernotification{
	margin: 0px 0px 11px 0px;
	padding:0;
	padding-bottom:10px;
	padding-left:16px;
	padding-right:16px;
	padding-top: 10px;
	-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	border: none;
	position:relative;
	background-color: white;
	padding-left:76px;
	background-image: url('../img/basic/speech66.svg');
	background-position: 12px 12px;
	background-size: 48px;
	background-repeat: no-repeat;
    min-height: 72px;
}

.usernotification h3{
	padding: 0;
	font-size: 26px;
	height: auto;
	line-height: normal;
	font-size:16px;
	font-weight:800;
}
.usernotification p{
	margin:4px 0px;
}

.usernotification:after {
    content: attr(data-attr) '';
    background: #f6bd16;
    height: 100%;
    width: 64px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/basic/speech66.svg');
    background-position: 8px 12px;
    background-size: 48px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 11px;
    line-height: 148px;
}

.inhalttransparent {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
	max-width: 340px;
    margin-left: auto;
	font-size: 13px;
    color: rgb(51,51,51);
}

.content h3 {
	background-color:rgb(248,248,248);
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	right:0px;
	font-size:15px;
	font-weight:300;
	padding:10px 16px;
	color:black;
	font-family:Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-bottom:1px solid grey;
	margin-bottom:10px;
}

div.highlight
{
	color:black;
	background-color:white;
}

.inhaltred h3{
	color:white;
}

div.inhaltred
{
	color:white;
	background-color:#CC0033;
}

div.inhaltyellow
{
	color:black;
	background-color:#FFFFAA;
}

div.inhaltgreen
{
	color:white;
	background-color:#006666;
}

div.inhaltblue
{
	color:white;
	background-color:#1A4175;

}

div.inhalt
{
	color:black;
	background-color:white;
}

h4.inhaltTitle {
	font-size: 24px;
	font-weight: normal;
	margin: 4px 0px 8px 0px;
	color: #1A4175;
}

div.webpush-sub {
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
	padding: .5rem;
	margin-bottom: .5rem;
}

div.webpush-sub h4 {
	margin-block-start: .25rem;
    margin-block-end: .25rem;
}

div.webpush-sub p {
	color: var(--gray);
	margin-block-start: .25rem;
    margin-block-end: .25rem;
}


div.towergroup
{
	color:black;
	background-color:#fff;
	margin:0px 5px 10px 5px;
	padding:6px 2px 0px 10px;
	display: inline-block;
}

div.towergroup[mode="mini"]
{
	color:black;
	background-color:#fff;
	margin:3px 3px 6px 3px;
	padding:0px 0px 0px 3px;
	border-radius: 3px 3px 3px 3px;
	display: inline-block;
}

div.towergroup[mode="mini"] h3
{
	font-size:10pt;
	visibility:hidden;
}

.spmsmallstateimg
{
	max-width:26px;
	height:20px;
	margin-right:0px;
	margin-bottom:0px;
	vertical-align:middle;
}

.nok path,
.nok circle {
    fill: red;
}

svg.spmconnectimg
{
	position:absolute;
	top:106px;
	left:106px;
	width:60px;
	height:60px;
}

svg.spmconnectimg.nc path,
svg.spmconnectimg.nc circle {
    fill: red;
}

div.spmimage
{
	position:relative;
	bottom:6px;
	top:10px;
	left:30px;
	width:200px;
	height:200px;
	padding:3px 6px 3px 6px;
	display: table;
}

div.spmarray
{
	position:relative;
	color:black;
	width:260px;
	height:260px;
	min-width:25px;
	min-height:25px;
	max-width:260px;
	max-height:260px;
	background-color:#99CC66;
	color:black;
	margin:9px 9px 12px 0px;
	padding:6px;
	border: solid 4px #99CC66;
	display:inline-block;
	text-align: center;
}

div.spmarray[mode="mini"]
{
	width:70px;
	height:25px;
	margin:3px 3px 3px 0px;
	font-size:10pt;
}

div.spmarray:hover
{
	border: solid 4px #000000;
	background-color:#99FF66;
}

div#warning.spmarray
{
	background-color:#FFCC33;
}


table.spmdata
{
	color:black;
	font-size:10pt;
	text-align:right;
	padding-top:10px;
	top:106px;
	left:auto;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:center;
}

.spmdata tr { line-height: 16px; }

.spmdata td{ text-align:right; }

td.spmvalue
{
	font-weight:bold;
	text-align:left;
}



div#menu
{
	position:absolute;
	top:20px;
	left:0px;
	height:70px;
	padding-left: 40px;
	padding-top:0px;
	border:0px;
	background-color:white;
	vertical-align:bottom;
	height:36px;
}


/* mainHeader */
.mainHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	height: 56px;
	width: calc( 100vw - 24px );
	padding: 0 12px;
	color: white;
	background: #1a4175;
	z-index: 5;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}

html.sb-active .mainHeader:not(.mainBackHeader) {
	display: none;
}

.mainHeaderLeft {
	display: flex;
	flex-shrink: 0;
	flex-direction: row;
	align-items: center;
	width: 238px;
	height: 56px;
	overflow: hidden;
}

.mainHeaderMenuBtn {
	display: none;
	position: relative;
	align-items: center;
	margin-right: 15px;
	cursor: pointer;
}

.mainHeaderMenuBtn span[data-num]::after {
	content: attr(data-num);
	position: absolute;
	text-align: center;
	top: -6px;
	left: 13px;
	color: #ffffff;
	background: #cf0404;
	padding: 2px;
	height: 16px;
	border-radius: 11px;
	font-size: 11px;
	font-weight: 800;
	line-height: 16px;
	min-width: 16px;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	z-index: 0;
}

.mainHeaderTitle {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	font-weight: lighter;
}

.mainHeaderCenter {
	margin-left: 40px;
	margin-right: 40px;
	width: 100%;
	position: relative;
	z-index: 6;
}

.headerSearchForm {
	display: flex;
	align-items: center;
	max-width: 1000px;
}

.cpHeaderSearchForm {
	max-width: 1155px;
}

.mainHeaderSearch .headerSearch,
.mainHeaderSearch .cpHeaderSearch {
	display: flex;
	width: 100%;
	padding: 8px 12px;
	border-radius: 3px 0px 0px 3px;
	color: rgba( 255, 255, 255, 0.9 );
	background: rgba(255,255,255,0.3);
}

.mainHeaderSearch .headerSearch:hover,
.mainHeaderSearch .cpHeaderSearch:hover {
	background: rgba(255,255,255,0.5);
}

.mainHeaderSearch .headerSearch::-webkit-input-placeholder,
.mainHeaderSearch .cpHeaderSearch::-webkit-input-placeholder {
	color: rgba( 255, 255, 255, 0.9 );
}

.mainHeaderSearch.inFocus .headerSearch,
.mainHeaderSearch.inFocus .cpHeaderSearch {
	color: #333333;
	background-color: #ffffff;
}

.mainHeaderSearch.inFocus .headerSearch::-webkit-input-placeholder,
.mainHeaderSearch.inFocus .cpHeaderSearch::-webkit-input-placeholder {
	color: rgba( 51, 51, 51, 0.9 );
}

.mainHeaderSearch .seachBtn,
.mainHeaderSearch .cpHeaderMoreBtn {
	padding: 5px 12px;
	border-radius: 0px 3px 3px 0px;
	background-color: #589AE9;
	cursor: pointer;
}

.cpHeaderMoreBtnContainer {
	display: flex;
	margin-left: 5px;
	min-width: 150px;
}

.cpMobileHeaderMoreBtnContainer .cpHeaderMoreBtnContainer {
	display: none;
}

.mainHeaderSearch .cpHeaderMoreBtn {
	padding: 5px 5px;
	border-radius: 100%;
	margin-left: 10px;
	background: transparent;
}

.mainHeaderSearch .cpHeaderMoreBtn:hover {
    background: rgba( 255, 255, 255, 0.3 );
}

.headerSearchPreview,
.cpSearchFilterContainer {
	display: block;
	width: calc( 100% - 48px );
	position: absolute;
	top: 32px;
	overflow-x: auto;
	max-height: calc(100vh - 56px );
	max-width: calc( 1000px - 48px );
	background-color: #ffffff;
	border-radius: 0px 0px 3px 3px;
	box-shadow: 0px 8px 11px rgb(0 0 0 / 0.24);
}

.headerSearchResult {
	padding: 0 12px;
	cursor: pointer;
}

.headerSearchResult:hover,
.headerSearchResult:focus {
	background-color: rgba(88, 154, 233, 0.3);
	outline: 1px solid rgba(88, 154, 233, 0.3);
}

.headerSearchPreview .noSearchResult,
.headerSearchPreview p {
    color: #333333;
    margin: 0;
    border-bottom: 1px solid lightgrey;
	padding: 10px;
	position: relative;
}

.headerSearchPreview p {
	padding: 10px 10px 10px 52px;
}

.headerSearchPreview p small {
    color:#1a4175;
	margin-right: 15px;
	margin-left: -10px;
}

.headerSearchPreview p::before {
    content:attr(data-icon);
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;/* Preferred icon size */
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
    width: 18px;
    height: 18px;
    position: absolute;
    left:7px;
	color:#1a4175;
}

.headerSearchResult:first-child p {
	border-top: 1px solid lightgrey;
}

.headerSearchResult:last-child p {
    border-bottom: none;
}


.mainHeaderRight {
	display: flex;
	flex-shrink: 0;
	flex-direction: row;
	align-items: center;
	position: relative;
	padding-right: 10px;
	z-index: 7;
}

.headerOptions {
	margin-right: 10px;
}

.headerOptionsToggle {
	display: inline-block;
	position:relative;
	height: 56px;
	width: 44px;
	margin-top: 15px;
	cursor:pointer;
	font-size: 8px;
	line-height: 18px;
	text-align: center;
}

.headerOptionsToggle::before {
	content:'';
	display: inline-block;
	position:absolute;
	top:0;
	left: 2px;
	height: 10px;
	width: 30px;
	margin: 23px 5px;
	border-radius: 12px;
	background-color: rgba(255,255,255,0.5);
	cursor:pointer;
}

.headerOptionsToggle::after{
	content:'';
	position:absolute;
	background-color: lightblue;
	border-radius:100%;
	height: 18px;
	width: 18px;
	left: 4px;
	top: 50%;
	margin-top: -9px;
	margin-left: 0px;
	margin-right: 0px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.headerOptionsToggle.active {
	border-color:rgba(255,255,255,0.9);
}

.headerOptionsToggle.active::after{
	left: 24px;
	-webkit-transition: all 400ms ease;
	   -moz-transition: all 400ms ease;
	     -o-transition: all 400ms ease;
	        transition: all 400ms ease;
	background-color:rgba(0,255,0,0.9);
}

.headerLogo:not(.nodisplay) {
	display: flex;
	align-items: center;
}

.headerLogo img {
	height: 28px;
}

.headerSmallSearchBtn {
	display: none;
	align-items: center;
}


/* mainBackHeader */
.page_cockpit .mainBackHeader,
.page_pistecheck .mainBackHeader,
.page_rescuedoc .mainBackHeader,
.page_runtracker .mainBackHeader,
.page_snowprofiler .mainBackHeader,
.page_assessment .mainBackHeader,
.mainBackHeader {
	display: none;
	color: #333333;
	background-color: rgb(237, 244, 253);
	z-index: 6;
}

.mainBackHeader .mainHeaderTitle {
	cursor: pointer;
}

html.sb-active .mainBackHeader {
	display: flex;
	/* z-index: 90002; */
}

.mainBackHeader .mainHeaderMenuBtn {
	display: flex;
}

/* mainHeader / mainBackHeader media querys */
@media ( max-width: 59.999em ), ( display-mode:fullscreen ) {
	.mainHeaderMenuBtn {
		display: flex;
	}
}

@media ( min-width: 1340px ) and (display-mode:fullscreen) {
	.mainHeaderCenter:not(.cockpitHeader) {
		margin-left: calc( (100vw - 1000px - 500px) / 2 );
	}
}

.page_pistecheck .mainHeaderMenuBtn,
.page_rescuedoc .mainHeaderMenuBtn,
.page_explodoc .mainHeaderMenuBtn,
.page_cockpit .mainHeaderMenuBtn,
.page_runtracker .mainHeaderMenuBtn,
.page_snowprofiler .mainHeaderMenuBtn,
.page_assessment .mainHeaderMenuBtn {
	display: flex;
}

@media ( max-width: 959px ) {
	.mainHeaderMenuBtn {
		display: flex;
	}

	.mainHeaderCenter {
		margin-left: 15px;
		margin-right: 15px;
	}

	.mainHeaderRight {
		padding-right: 0px;
	}
}

@media ( max-width: 819px ) {
	.mainHeaderMenuBtn,
	.headerSmallSearchBtn {
		display: flex;
	}

	.headerLogo:not(.nodisplay),
	.mainHeaderSearch {
		display: none;
	}

	.mainHeaderLeft {
		max-width: calc(100vw - 132px);
	}

	.cpMainHeaderLeft {
		max-width: calc(100vw - 227px);
	}

	.mainHeaderCenter.cockpitHeader {
		margin-left: 0px;
		margin-right: 0px;
	}

	.mainHeaderSearch.openSearch {
		display: flex;
		justify-content: center;
	}

	.headerSearchPreview {
		display: none !important;
	}

	.headerSearchPreview.openSearch,
	.cpSearchFilterContainer.openSearch {
		width: calc( 100% - 48px);
	}

	.headerSearchPreview.openSearch {
		display: block !important;
	}

	.mainHeaderLeft.openSearch {
		display: none;
	}

	.mainHeaderCenter.openSearch {
		margin-left: 0px;
		margin-right: 0px;
	}

	.headerSearchForm {
		width: 100%;
	}

	.mainHeaderRight.openSearch {
		display: none;
	}

	.mainBackHeader .headerLogo {
		display: flex;
	}
}

@media ( max-width: 450px ) {
	.mainBackHeader .headerLogo {
		display: none;
	}
}

@media ( min-width: 1340px ) {
	.mainHeaderCenter:not(.cockpitHeader) {
		margin-left: calc( (100vw - 1000px - 250px) / 2 );
	}
}

@media ( min-width: 1340px ) and (display-mode:fullscreen) {
	.mainHeaderCenter:not(.cockpitHeader) {
		margin-left: calc( (100vw - 1000px - 500px) / 2 );
	}
}


div#scrolldummy{
	position:absolute;
	display:block;
	top:155px;
	left:0px;
	width:1px;
	height:100%;
}

div#map-container{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	bottom:23px;
	margin:0px;
	padding:0px;
	left:0px;
	z-index:-5;
}

div#map-canvas{
	position:relative;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	left:0px;
}


div#map-canvas:after{
	position:absolute;
	content:"";
	bottom:0px;
	height:50px;
	width:50px;
	margin-bottom:-50px;
}

.btn-ratio,
.btn-multi-ratio {
	background-color:#1a4175;
	display:inline;
	font-weight: 800;
	font-size: 14px;
	margin: 0;
	padding: 2px 6px;
	margin-right:1px;
	cursor:pointer;
	color:white;
}

.btn-ratio:hover,
.btn-multi-ratio:hover {
	background-color:rgb(88,154,233);
}

.btn-ratio:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.btn-ratio:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#menubtn{
	position:fixed;
	top:0;
	left:0px;
	width:56px;
	height:56px;
	z-index:6;
	cursor:pointer;
}
#menubtn:after,
#menubtn:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 24px;
}
#menubtn:before{
	height: 12px;
	margin: 18px 16px;
	background:transparent;
	border-top: 4px solid rgba(255,255,255,0.9);
	border-bottom: 4px solid rgba(255,255,255,0.9);
}
#menubtn:after{
	height: 4px;
	margin: 26px 16px;
	background:rgba(255,255,255,0.9);
}
#menubtn:hover:before,
#title:hover + #menubtn:before{
	border-color:white;
}
#menubtn:hover:after,
#title:hover + #menubtn:after{
	background:white;
}

@media (min-width: 60.0em) {
	#menubtn{
		display:none;
	}
}

.sb-close{
	cursor:pointer;
}

.sidebartitle{
    background-color: #1A4175;
    color: white;
    height: auto;
    vertical-align: bottom;
    font-size: 46px;
    line-height: 100%;
    font-weight: 200;
    padding-top: 72px;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    overflow: visible;
	position:relative;
}

@media( max-width:350px ){
	.sidebartitle{
		font-size: 11vw;
	}
}

.sidebartitle::before{
	content:attr(data-attr);
	position:absolute;
	right: 0;
	margin: 0;
	left: 0;
	margin-right: -8px;
	margin-top: -64px;
	line-height: 60px;
	vertical-align: top;
	font-size: 115px;
	color: rgba(255,255,255,0.15);
	font-weight:800;
	text-align: right;
	word-wrap: break-word;
	height: 100%;
}

.title{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 24px;
	font-weight:lighter;
	line-height: 56px;
	margin:0;
	padding:0;
	margin-left:56px;
	margin-top: 0px;
	width: auto;
	overflow:hidden;
	max-height: 56px;
}

@media (min-width: 60.0em) {
	#titlecontainer .title{
		margin-left:12px;
	}
}

body:not(.page_cockpit):not(.page_rescuedoc):not(.page_pistecheck):not(.page_assessment):not(.page_explodoc):not(.page_runtracker):not(.page_snowprofiler) div#content
{
	width:auto;
	left: 0px;
	right:0px;
	margin-top: 22px;
	/* margin-bottom: 83px; */
	padding-top:     0px;
	/* padding-bottom:	80px; */
	padding-left:	40px;
	padding-right:	40px;
}

.page_cockpit .customerSearchBar,
.page_pistecheck .customerSearchBar,
.page_runtracker .customerSearchBar,
.page_snowprofiler .customerSearchBar,
.page_assessment .customerSearchBar,
.page_rescuedoc .customerSearchBar {
	margin-top: 22px;
}


@media (min-width: 50.0em) {

	div#fullcontent
	{
		position:absolute;
		width:auto;
		top:235px;
		margin-top:0px;
		padding:0px;
		bottom:0px;
		left:0px;
		right:0px;
	}

	body:not(.page_cockpit):not(.page_pistecheck):not(.page_rescuedoc):not(.page_assessment):not(.page_explodoc):not(.page_runtracker):not(.page_snowprofiler) div#content
	{
		padding-top: 0px;
		/* padding-bottom: 23px; */
		padding-left:	40px;
		padding-right:	40px;
		/*height: auto;*/
	}
}

@media (max-width: 49.938em) {


	div#fullcontent
	{
		position:absolute;
		width:100%;
		top:101px;
		margin:0;
		padding:0px;
		bottom:0px;
		left:0px;
		right:0px;
	}

	body:not(.page_cockpit):not(.page_pistecheck):not(.page_rescuedoc):not(.page_assessment):not(.page_explodoc):not(.page_runtracker):not(.page_snowprofiler) div#content
	{
		padding-top:	 0px;
		padding-bottom: 23px;
		padding-left:   15px;
		padding-right:  15px;
	}
}

div.menupoint
{
	background-color:#1A4175;
	height:34px;
	top:20px;
	padding:	12px 7px 0px 7px;
	margin-right: 3px;
	margin-top:0px;
	font-size:9pt;
	float:left;
	cursor: pointer;
	color:white;
	vertical-align:middle;
}

div.menupointrefresh
{
	float:left;
	background-color:#1A4175;
	height:46px;
	width:46px;
	top:0px;
	padding:0px;
	margin-right: 3px;
	margin-top:0px;
	font-size:9pt;
	cursor: pointer;
	color:white;
}

.menupointrefresh svg{
	position:relative;
	top:3px;
	left:3px;
	width:40px;
	height:40px;
}

div.menupoint#this
{
	color:black;
	color:white;
	font-weight:bold;
}

div.menupoint:hover
{
	color:white;
	background-color:rgb(142,180,227);
}

div.menupoint#this:hover
{
	color:white;
	background-color:rgb(142,180,227);
}

img#rounding
{
	position:absolute;
	width:300px;
	bottom:0px;
	left:0px;
}

h2
{
	font-size:11pt;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:20px;
}

hr
{
	color:black;
	margin-top:0px;
}

a.menu
{
	text-decoration:none;
	color:black;
}

a.menu:hover
{
	text-decoration:none;
	color:black;
}

#this > a.menu
{
	text-decoration:none;
	color:white;
	font-weight:bold;
}

#this > a.menu:hover
{
	text-decoration:none;
	color:white;
	font-weight:bold;
}

/* FANCY HR */

hr.fancy-line {
    border: 0;
    height: 1px;

}
hr.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.5em;
    top: 1px;
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}

body, hr.fancy-line:after {
    background: rgb(245,245,245);
}

/**** LOGIN FORM ****/

h3 {
	margin: 0;
	color: rgb( 51, 51, 51);
	font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	padding: 8px 16px;
	font-size: 13px;
}

a {
	color: rgb(26,64,115);
	text-decoration: none;
}

a:hover { color: #1A4175; text-decoration:underline; }
a:visited { color: rgb(26,64,115); }

fieldset {
	border: none;
}

input[type="mail"],
input[type="number"],
input[type="text"],
input[type="reset"],
input[type="submit"] {
	border: none;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	-webkit-appearance: none;
}

input:focus {
  outline: none;
}

input:invalid {
	text-decoration: underline red;
}

input + .invalidity_hint {
	display: none;
	cursor: help;
}

input:invalid + .invalidity_hint {
	display:initial;
	color: red;
}

.saving:not(.btn),
.saved:not(.btn)
{
	position: relative;
}

.saved:not(.btn)::after {
	position: absolute;
	font-family: 'Material Icons';
	content: '\e5ca';
	color: #0a0;
	right: 0;
}

.saving:not(.btn)::after {
	position: absolute;
	font-family: 'Material Icons';
	content: '\e161';
	color: #da0;
	right: 0;
}

.btn,input[type="reset"],input[type="submit"] { cursor: pointer; }

.newTemplate {
	display: none;
}

.clearfix { zoom: 1; top:0px; bottom:0px; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }

/* ---------- smallform ---------- */

#smallform {
	margin: 10px auto;
	max-width: 300px;
	background-color:#fff;
}

div#smallform {
	-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

#smallform .userinfo {
	font-size:9pt;
	color:black;
	line-height: 16px;
	padding-bottom:8px;
}

#smallform .formtitle {
	background-color: #282830;
	color: #fff;
	font-size: 18px;
	font-weight:300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	padding: 20px;
	text-align: center;
}

#smallform form {
	margin:0px;
}

#smallform fieldset {
	padding: 20px;
	position: relative;
	margin:0px;
}

#smallform fieldset:first-child::before {
	background-color: #fff;
	content: "";
	height: 8px;
	left: 50%;
	margin: -4px 0 0 -4px;
	position: absolute;
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
}

#smallform hr {
	margin: 0 20px -20px 20px;
	border: 0.2px solid #c8c8c8;
}

input[name="code"] {
	font-family: monospace;
	font-size: 26px;
	padding: 12px 10px;
	width: 90%;
	max-width:200px;
	text-align:center;
	color:black;
	border: 1px solid #dcdcdc;
	text-transform: uppercase;
}

input#listname[name="code"],
input#listpw[name="code"]{
	text-transform: none;
}

input[name="code"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    black;
	line-height:30px;
	font-size: 18px;
	font-weight:300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	text-transform: none;
}
input[name="code"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    black;
	line-height:30px;
	font-size: 18px;
	font-weight:300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	text-transform: none;
}
input[name="code"]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    black;
	line-height:30px;
	font-size: 18px;
	font-weight:300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	text-transform: none;
}
input[name="code"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    black;
	line-height:30px;
	font-size: 18px;
	font-weight:300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	text-transform: none;
}


#smallform input[name="code"] {
	font-size: 26px;
	font-weight:bold;
	color:darkred;
	border: 1px solid #dcdcdc;
	padding: 12px 10px;
	width: 90%;
}

#smallform input[type="submit"], #smallform button {
	background: #1A4175;
	border-radius: 3px;
	border: none;
	color: #fff;
	float: right;
	margin-top: 20px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:300;
	font-size: 16px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#smallform input[type="submit"]:hover, #smallform button:hover {
	background: rgb(88,154,233);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#smallform input[type='submit']:disabled {
	background-color: #ccc;
	color: #666;
	cursor: not-allowed;
}

#smallform footer {
	font-size: 12px;
	margin-top: 16px;
}

/********************************************************************/

#content form input:not([type="submit"]) {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid #c8c8c8;
	color: #000;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:300;
	font-size: 16px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	width: 100%;
	width: calc(100% - 20px);
}

#content form input[type="email"],
#content form input[type="password"] {
	margin: 0 0 10px;
	width: 80%;
	padding: 10px 10px 10px 40px;
	background: #fff url(../img/8bcLQqF.png) no-repeat;
}
#content form input[type="text"]:focus,
#content form input[type="email"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
input[type="password"] { background-position: 10px -53px !important }

/********************************************************************/

.batteryfull{
	background-color:#94FF94;
}

.batteryok{
	background-color:#FFff94;

}

.batteryempty{
	background-color:#FF9494;
}

.batterysymbol{
	height:16px;
	width:40px;
	border:solid 1px black;
	font-size:8pt;
	font-weight:bold;
	padding:0px;
	text-align:center;
	line-height:145%;
	float:left;
}

.batterysymbol,
.batterysymbolpad {
    -moz-box-shadow:    inset  0  8px 8px -8px #696868,
                        inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868,
                        inset  0 -8px 8px -8px #696868;
     box-shadow:        inset  0  8px 8px -8px #696868,
                        inset  0 -8px 8px -8px #696868;
}

.batterysymbolpad{
	position:relative;
	height:8px;
	width:2px;
	margin-top:4px;
	border-top:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	font-size:1pt;
	line-height:10%;
	float:left;
}

.listcontainer{
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 !important;
}

.listcontainer-chips {
	margin-top: 20px;
}

.list{
	text-align:left;
	max-width:100%;
}

.small {
	width:auto;
}

.list td,
.list th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:0px;
	margin-left:0px;
}

.list th:first-child{
	width:40px;
}

.list th:not(:first-child) {
    border-left: 1px solid white;
}

.list th {
    border-bottom: 1px solid white;
}

.list td{
	color:black;
	height:26px;
	vertical-align:middle;
}

.listcontainer td,
.listcontainer.listcontainer-chips tr td:first-child {
	white-space: nowrap;
}

.listcontainer.listcontainer-chips td {
	padding: 7px 10px 7px 0;
	white-space: normal;
}

.listcontainer-chips tr {
	background: #fff !important;
}

.listcontainer-chips tr:hover {
	background: #def !important;
}

.listcontainer-chips .material-icons {
	transform: none;
}

.dataTables_length {
	display: flex;
	align-items: center;
	height: 36px;
	margin-right: 10px;
}

.listcontainer .dataTables_wrapper {
	width: calc( 100% - 20px );
}

.dataTable{
	border-collapse:collapse !important;
}

.dt-buttons{
	margin-top:5px;
}

.dataTables_wrapper table.dataTable {
	margin: 0px !important;
}

.tr-nohover:hover {
	background: none !important;
}

.list td.grouptitle{
	text-align:center;
	color: white;
    background-color: #1A4175;
	padding-top:2px;
}

table.list {
	border-collapse:collapse;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:400;
	table-layout:fixed;
	width:100%;
}

.listcontainer table.list{
	table-layout:auto;
}

.list tr {
	padding-left: 0px;
	padding-right: 0px;
	padding-top:0px;
	padding-bottom:0px;
}

.list tr:nth-child(odd) {
    background: #def;
}

.list th {
    color: white;
    background-color: #1A4175;
    padding-top:2px;
}

.list tr .odd  {
    background-color: #eee;
}
.list tr .even {
    background-color: #fff;
}

tr.tabletable tr:hover,
tr.tabletable tr:focus,
tr.tabletable tr:hover input,
tr.tabletable tr:focus input,
tr.tabletable tr:hover select,
tr.tabletable tr:focus select {
    background-color: #f0f0f0 !important;
}

tr.spm_warning,
tr.spm_error,
tr.spm_ok {
	border-top: solid 1px #1A4175;
}

tr.spm_ok {			background-color: #B3FEB3;	}
tr.spm_ok:hover {	background-color: #B3FEB3;	}

tr.spm_warning {		background-color: #FEEFB3;	}
tr.spm_warning:hover {	background-color: #FEEFB3;	}

tr.spm_error{			background-color: #FF9494;	}
tr.spm_error:hover{		background-color: #FF9494;	}

.spmlistbutton{
	float:right;
}

.spmlistmessage{
	font-size:9pt;
	line-height: 120%;
	margin-right:150px;
	margin-bottom:10px;
}

tr.spmlistwarning {
    background-color: orange;
}

tr.spmlistwarning:hover {
    background-color: orange;
}

tr.spmlisterror {
    background-color: #FF9494;
}

tr.spmlisterror:hover {
    background-color: #FF9494;
}

/***** COMMANDFORM ****/

.userinfoC {
	font-size:9pt;
	color:black;
	line-height: 16px;
	padding-top:3px;
	padding-bottom:8px;
	margin: 0 0 0 0;
}


@media (min-width: 50.0em)
{
	div.towerdetail
	{
		color:black;
		background-color:#fff;
		margin:0px 5px 10px 5px;
		padding:6px 2px 0px 10px;
		width:250px;
		height:250px;
		float:left;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}

	div.towerdetailwide
	{
		color:black;
		background-color:#fff;
		margin:0px 5px 10px 5px;
		padding:6px 2px 0px 10px;
		width:522px;
		min-height:250px;
		float:left;
		position:relative;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}

	div.dynamicstatecontainer
	{
		color:black;
		margin:0px;
		position:relative;
		display: inline-block;
		vertical-align: top;
	}

	div.towerdetailwide.high
	{
		color:black;
		background-color:#fff;
		margin:0px 5px 10px 5px;
		padding:6px 2px 0px 10px;
		width:522px;
		height:516px;
		float:left;
		position:relative;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}

	.towerdetail input {
		font-size: 14px;
	}

	.btn,
	input[type="reset"],
	input[type="submit"] {
		background: #1A4175;
		color: #fff;
		font-family: 'Lato', Calibri, Arial, sans-serif;
		font-weight:300;
		font-size: 16px;
		margin-top: 3px;
		margin-bottom: 3px;
		padding: 12px 20px;
	}
}

@media (min-width: 32.5em) and (max-width: 49.938em)
{
	div.towerdetail
	{
		color:black;
		background-color:#fff;
		margin:0px 0.5% 10px 0.5%;
		padding:6px 0px 0px 0px;
		width:49%;
		height:250px;
		float:left;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}

	div.towerdetailwide
	{
		color:black;
		background-color:#fff;
		margin:0px 0.5% 10px 0.5%;
		padding:0px 0px 0px 0px;
		width:99%;
		min-height:250px;
		float:left;
		position:relative;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}

	div.dynamicstatecontainer
	{
		color: black;
		margin: 0px 0.5% 10px 0.5%;
		color: black;
		margin: 0px;
		padding: 0;
	}

	div.towerdetailwide.high
	{
		min-height:516px;
	}

	.towerdetail input {
		font-size: 14px;
	}

	.btn,
	input[type="reset"],
	input[type="submit"] {
		background: #1A4175;
		border-radius: 3px;
		color: #fff;
		font-family: 'Lato', Calibri, Arial, sans-serif;
		font-weight:300;
		font-size: 16px;
		margin-top: 16px;
		margin-bottom: 3px;
		padding: 12px 20px;
	}
}

@media (max-width: 32.5em)
{
	div.towerdetail
	{
		color:black;
		background-color:#fff;
		margin:0px 0px 10px 0px;
		padding:6px 0px 0px 0px;
		width:100%;
		height:250px;
		float:left;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		/* Irgendwie funktioniert hier inline-block nicht richtig. (19.8.2014, Beni) */
		/*display: inline-block;*/
	}

	div.towerdetailwide
	{
		color:black;
		background-color:#fff;
		margin:0px 0px 10px 0px;
		padding:6px 0px 0px 0px;
		width:auto;
		height:250px;
		float:left;
		position:relative;
		-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	}

	div.dynamicstatecontainer
	{
		color:black;
		margin:0px 0.5% 10px 0.5%;
		color:black;
		margin:0px;
		padding: 6px 2px 0px 0px;
		position:relative;
	}

	div.towerdetailwide.high
	{
		height:auto;
		max-height:516px;
	}


	.towerdetail input {
		font-size: 14px;
	}
}

.btn,
input[type="reset"],
input[type="submit"] {
	background: #1A4175;
	border-radius: 3px;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight:300;
	font-size: 16px;
	line-height: 24px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 12px 20px;
}

.btn:hover, input[type="submit"]:hover, input[type="reset"]:hover, .btn-active { background: rgb(88,154,233); } /*Default can be overritten*/

.blue-btn:hover, input[type="submit"]:hover, input[type="reset"]:hover, .blue-btn-active { /*should not be overwritten*/
	background: rgb(88,154,233) !important;
}

.btn {
	display: inline-block;
	margin-right:3px;
	position:relative;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.btn.mini {
    font-size: 10px;
    padding: 1px 6px;
    vertical-align: middle;
    line-height: 14px;
	margin-top:0 !important;
}

.btn:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{ background: rgb(88,154,233); }
input[type="reset"]:focus,
input[type="submit"]:focus{ background: rgb(88,154,233); }


.red-btn { background-color: #8b0000; }
.red-btn:hover, 
.red-btn:focus{ background-color: #FF2833; }

.green-btn { background-color: #006400; }
.green-btn:hover,
.green-btn:focus { background-color: #28D822; }

.greenblue-btn { background-color: #006666; }
.greenblue-btn:hover,
.greenblue-btn:focus { background-color: #66bb6a; }

.btntitle{
	font-size:13px;
	padding-top:10px;
}
.btntitle:first-child{
	padding-top:0;
}

.buttons{
	margin-right: 0;
	margin-left: auto;
	vertical-align: top;
	width: auto;
	margin-top: 10px;
}

.tab .buttons{
	float: right;
	margin-right: 0;
	margin-left: auto;
	vertical-align: top;
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
	text-align:left;
	margin-bottom: 20px;
	margin-top: 0;
}
.tab .buttons:not(.nonright)::before{
	content:'';
	height:100%;
	position:absolute;
	left:-16px;
	top:0;
	background-color:lightgrey;
	width:1px;
}

.buttons.nonright {
    float: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
    right: 0;
}

.buttons .btn{
	width: 170px;
	display:block;
	margin-top:3px;
	position:relative;
}

.groupCommandsBox .buttons .btn{
	display: inline-block;
}


.btn-compact {
	height:20px !important;
	line-height: 20px !important;
	padding:0px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	margin-left:5px !important;
	margin-top:1px !important;
	white-space: nowrap !important;
}

.btn-inverted {
	display: inline-flex;
	position: relative;
	align-items: center;
	padding: 6px 12px;
	color: #1A4175;
	background-color: rgba(26, 65, 117, 0.08);
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	margin: 10px 8px 5px 0px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.btn-inverted.red-btn {
    color: #8B0000;
    background-color: rgba(139, 0, 0, 0.08);
}

.btn-inverted.green-btn {
    color: #006400;
    background-color: rgba(0, 100, 0, 0.08);
}

.btn-inverted.greenblue-btn {
    color: #006666;
    background-color: rgba(0, 102, 102, 0.08);
}

.btn-inverted[data-icon] {
	padding-left: 35px;
}

.btn-inverted[data-icon]::after{
	content:attr(data-icon);
	position:absolute;
	left: 6px;
	top: 50%;
	margin-top: -12px;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
}

.btn-inverted[class^="wac3icon-"],
.btn-inverted[class*=" wac3icon-"] {
	padding-left: 35px;
}

.btn-inverted[class^="wac3icon-"]::before,
.btn-inverted[class*=" wac3icon-"]::before {
	display: inline-block;
	position:absolute;
	left: 6px;
	top: 50%;
	margin-top: -12px;
	height: 24px;
	width: 24px;
	font-size: 24px;  /* Preferred icon size */
	background-size: 24px 24px;
	font-family: 'WAC3-Icon-Font' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn-inverted[disabled] {
  opacity: 0.6;
  pointer-events: none;
}


/* inverted icon btn hover */

.btn-inverted:hover, .btn-inverted:focus {
    background-color: rgba(26, 65, 117, 0.16);
}

.btn-inverted.red-btn:hover, .btn-inverted.red-btn:focus {
    background-color: rgba(139, 0, 0, 0.16);
}

.btn-inverted.green-btn:hover, .btn-inverted.green-btn:focus {
    background-color: rgba(0, 100, 0, 0.16);
}

.btn-inverted.greenblue-btn:hover, .btn-inverted.greenblue-btn:focus {
    background-color: rgba(0, 102, 102, 0.16);
}


/* inverted icon btn active */

.btn-inverted:active {
	background-color: rgba(26, 65, 117, 0.24);
}

.btn-inverted.red-btn:active {
    background-color: rgba(139, 0, 0, 0.24);
}

.btn-inverted.green-btn:active {
    background-color: rgba(0, 100, 0, 0.24);
}

.btn-inverted.greenblue-btn:active {
    background-color: rgba(0, 102, 102, 0.24);
}

.btn-traffic-red,
.btn-traffic-dark,
.btn-runantiice,
.btn-manualrelease,
.btn-serviceopen,
.btn-runtogoal,
.btn-runrunhome,
.btn-runtestrun,
.btn-runignition,
.btn-resettower,
.btn-restartcontrol,
.btn-tone1,
.btn-tone2,
.btn-tone3,
.btn-ping,
.btn-confirm,
.setuplink{
	padding-left: 48px;
}

.btn.btn-runignition:hover{
	background-color:red;
}

.btn.btn-runignition{
	background-color:orangered;
}

.btn.disabled{
	background-color:grey !important;
	cursor: not-allowed;
}

.btn-traffic-red::after,
.btn-traffic-dark::after,
.btn-runantiice::after,
.btn-manualrelease::after,
.btn-serviceopen::after,
.btn-runtogoal::after,
.btn-runrunhome::after,
.btn-runtestrun::after,
.btn-runignition::after,
.btn-resettower::after,
.btn-restartcontrol::after,
.btn-tone1::after,
.btn-tone2::after,
.btn-tone3::after,
.btn-ping::after,
.btn-confirm::after,
.setuplink::after{
	content:'';
	position:absolute;
	left: 12px;
	top: 50%;
	margin-top: -12px;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
}

.btn-tone1::after{			background-image: url("../img/basic/triangular30.svg"); }
.setuplink::after{			background-image: url("../img/basic/clipboard45.svg") ; }
.btn-runtestrun::after{		background-image: url("../img/basic/verified9.svg")   ; }
.btn-runignition::after{	background-image: url("../img/basic/explosion.svg")   ; }
.btn-resettower::after{		background-image: url("../img/basic/arrow494.svg")    ; }
.btn-restartcontrol::after{	background-image: url("../img/basic/lifebelt.svg")    ; }
.btn-tone2::after{			background-image: url("../img/basic/toxic4.svg")      ; }
.btn-tone3::after{			background-image: url("../img/basic/stop24.svg")      ; }
.btn-ping::after{		    background-image: url("../img/basic/plug42.svg")      ; }
.btn-confirm::after{		background-image: url("../img/basic/check35_inv.svg") ; }
.btn-runantiice::after{		background-image: url("../img/basic/100825.svg") 	  ; }
.btn-runtogoal::after{		background-image: url("../img/basic/map29.svg") 	  ; }
.btn-runhome::after{		background-image: url("../img/basic/undo6.svg") 	  ; }
.btn-traffic-red::after{background-image: url("../img/basic/traffic8.svg");}
.btn-traffic-dark::after{	background-image: url("../img/basic/traffic10.svg") ; }

.btndescription{
	display:inline-block;
	font-size: 13px;
	padding-left: 10px;
	vertical-align: top;
	margin-top: 16px;
	max-width: 220px;
	line-height: 18px;
	padding: 6px;
}

.inhalt input {
	font-size: 14px;
}

.inhalt input[type="text"],
.inhalt input[type="search"],
.inhalt input[type="email"],
.inhalt input[type="password"] {
	border: 1px solid #dcdcdc;
	padding: 12px 10px;
	width: 238px;
}

.inhalt select,
.inhaltyellow select {
	border: 1px solid #dcdcdc;
	border-radius: 3px 3px 3px 3px;
	padding: 12px 10px;
	width: 260px;
}

@media (max-width: 480px){
	.inhalt select,
	.inhaltyellow select {
		width: 180px !important;
	}
}

.inhalt input[name="code"] {
	font-size: 26px;
	font-weight:bold;
	color:darkred;
	border: 1px solid #dcdcdc;
	padding: 12px 10px;
	width: 238px;
}

.reportDateFilter {
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	padding: 12px 10px;
	width: 72px;
}

.towerdetail form {
	margin-top: 0px;
	margin-bottom: 0px;
}

input.print {
	background: #1A4175;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 3px;
	padding: 12px 20px;
}

input.print:hover { background: rgb(88,154,233); }
input.print:hover { background: rgb(88,154,233); }

.info {
	background: #e5e5e5;
	border-radius: 50%;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 20px;
}


h1 {
	color:white;
	color: #ffffff;
	text-transform: none;
	font-weight: lighter;
	font-family:inherit;
	margin-left:	40px;
	margin-right:	40px;
	margin-top:		15px;
	margin-bottom:	0px;
	padding-top: 12px;
}

/* CODE FOR PRETTY CHECKBOXES */

input[id^="checkbox-3-"] {
	display: none;
}

.DTE_Inline input[type=checkbox]{
	display:inline-block !important;
}

input[type=checkbox]{
	display:none;
}

input[id^="checkbox-3-"] + label {
	cursor: pointer;
	font-size: 1em;
	z-index:10;
}

/* ==================================================================== */
/* CHECKBOX TYPE 3 ---------------------------------------------------- */
/* ==================================================================== */

.wm-group-row:hover::before{
	content:'';
	position:absolute;
	width:2px;
	top:0;
	left:0;
	height:100%;
	background-color:#1A4175;
}

.wm-group-row.active::before{
	content:'';
	position:absolute;
	width:2px;
	top:0;
	left:0;
	height:100%;
	background-color:#1A4175;
}

.towerselectboxlabel:hover + .signature1,
.towerselectboxlabel:hover + .signature2,
.towerselectboxlabel:hover + .signature3 {
	opacity:0;
}

.multicheck > .wm-group-row > label + .signature1,
.multicheck > .wm-group-row > label + .signature2,
.multicheck > .wm-group-row > label + .signature3 {
	opacity:0;
}

[id^="checkbox-3-"] + label:hover {
	opacity:1;
}

.multicheck > .wm-group-row > [id^="checkbox-3-"] + label,
.wm-group-row:only-child > label + .signature1,
.wm-group-row:only-child > label + .signature2,
.wm-group-row:only-child > label + .signature3,
[id^="checkbox-3-"] + label:active {
	opacity:1;
}

[id^="checkbox-3-"] + label {
	opacity:0;
	border:none;
	padding: 0;
	margin:0;
	display: inline-block;
	position: absolute;
	left: 0px;
	width:64px;
	height:64px;
}

input[type=checkbox].pretty + label {
	border:none;
	padding: 0;
	margin:0;
	display: inline-block;
	position: absolute;
	height:24px;
	padding-left: 30px;
	cursor: pointer;
}

[id^="checkbox-3-"]:checked + label {
	color: #1A4175;
}

[id^="checkbox-3-"]:checked ~ div.panel-options{
	background:#edf4fd;
}

[id^="checkbox-3-"]:checked + label:before {
}

[id^="checkbox-3-"] + label:before {
	position: absolute;
	display: none;
	top: 20px;
	left: 20px;
	content: 'check_box_outline_blank';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;/* Support for IE. */
	font-feature-settings: 'liga';
}

input[type=checkbox].pretty + label:before {
	color:#1a4175;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	content: 'check_box_outline_blank';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;/* Support for IE. */
	font-feature-settings: 'liga';
}

input[type=checkbox].pretty:checked + label:before,
[id^="checkbox-3-"]:checked + label:before {
	content: 'check_box';
}

#checkbox-3-2:checked + label:before {
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
}

#checkbox-3-3:checked + label:before {
	top: 5px;
	left: 5px;
	width: 28px;
	height: 28px;
}

#checkbox-3-2 + label {
	width: 10px;
	height: 10px;
}

#checkbox-3-3 + label {
	width: 20px;
	height: 20px;
}

#checkbox-3-2 + label {
	width: 10px;
	height: 10px;
}

#checkbox-3-3 + label {
	width: 20px;
	height: 20px;
}

.groupCommandsInfo > div, .groupCommandsBox > div{
	position:relative;
	margin-left: 64px;
	font-size: 9pt;
	line-height:150%;
	margin-top:4px;
	margin-right:4px;
	color: rgb(51,51,51);
	margin-top: 15px;
}

.groupCommandsBox{
	margin-bottom:10px;
}

.groupCommandsInfo > div:before, .groupCommandsBox > div:before{
	position:absolute;
	content:"";
	width:0px;
	height:0px;
	border:5px solid;
	border-color: transparent transparent rgb(80,80,80) transparent;
	top: -12px;
	left: -36px;
}

.groupCommandsInfo > div:after, .groupCommandsBox > div:after{
	position:absolute;
	content:"";
	width: 22px;
	height: 13px;
	border-left: 2px solid  rgb(80,80,80);
	border-bottom: 2px solid  rgb(80,80,80);
	top: -5px;
	left: -32px;
	border-bottom-left-radius:3px;
}


.groupCommandsInfo, .groupCommandsBox{
	opacity: 0;
	max-height:0;
	overflow:hidden;
	transition: max-height 0.6s ease-in-out,opacity 0.6s ease-in-out;
}

.multicheck ~ .groupCommandsBox{
	max-height:500px;
	opacity: 1;
}

.towergroupcontainer{
	padding: 0px;
	margin-bottom: 40px;
	position:relative;
}
_.towergroupcontainer:before{
	content:"";
	position:absolute;
	width:20px;
	top:0px;
	left:0px;
	bottom:0px;
	z-index:-1;
}

.tgmk{
	position:relative;
	width:100%;
	color:black;/* LIGHT */
	margin:0px;
	padding:0px;
	top: 0px;
	box-shadow: 0 1.5px 6px rgba(0, 0, 0, 0.24), 0 1.5px 8px rgba(0, 0, 0, 0.12);
	z-index: 1;
}

h3.tgmt{
	color:rgb( 51, 51, 51);/* LIGHT */
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size:13px;
	padding: 8px 16px;/* LIGHT */
	font-size: 13px;
	margin: 0;
	display: block;
	width: 118px;
	background: #1a4175;
	color: white;
	vertical-align: bottom;
	width: auto;
	right: 0;
	left: 0;
}

.towergroupmarking{
	position:absolute;
	color: rgba( 255,255,255,0.9 );/* LIGHT */
	right: 0px;
	bottom: 3px;
	height: 32px;
	margin-bottom: 0px;
	padding:0px;
	width:auto;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	overflow: hidden;
}

.markingchargebox,
.marking{
	display:inline-block;
	overflow:hidden;
	position:relative;
	vertical-align:top;
	font-size: 11px;
	font-weight:400;
	white-space: nowrap;
	border:0px;
	margin:0px;
	padding:0px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}

.marking{
	width: 57px;
	word-wrap: break-word;
	padding: 0 4px;
	white-space: normal;
	height: 32px;
	height: auto;
	vertical-align: middle;
	top: 0;
	overflow: visible;
	margin-top: auto;
}
.markingchargebox{
	width:147px;
	padding-left:6px;
}

.marking:not(:first-child):after {
    content: '';
    position: absolute;
    top: -16px;
    left: 0;
    height: 64px;
    width: 1px;
    background: transparent;
    border-left: 1px solid rgba( 255,255,255,0.7);
}

.iconspace{
	display:inline-block;
	overflow:hidden;
	width:18px;
	height:18px;
	margin-right:0px;
	margin-left:9px;
	position:relative;
}

/* --------- COLLAPSIBLE PANELS ----------*/

.wm-group-row:first-child {
	border-top: none;
}
.wm-group-row {
    position:relative;
    min-height:50px;
    min-height:30px;/* NARROW */
    overflow:hidden;
    margin-top: 0px;
    border-top: solid 1px #e5e5e5;
    margin-left:0px;
    margin-right:0px;
    color:#000;
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400;
}
.wm-group-row:only-child{
}

.wm-group-row {
    width:100%;
    cursor:pointer;
    height: 64px;
    clear:both;
    color:#000;
    position:relative;
    z-index:2;
    overflow:hidden;
}

.wm-group-row {
    background-color: #fff;
}


.wm-group-row.erroneous {
	box-shadow: 0 0 32px red inset;
}
.wm-group-row.erroneous:before {
    content:"";
	position:absolute;
}

.wm-group-row > .twolineblock > .towername {
    display: block;
    height: 20px;
    font-size: 13px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    margin-bottom:2px;
    color: rgb( 51, 51, 51 );
    border-collapse:collapse;
    white-space: nowrap;
}
.auxilary {
    display: block;
    height: 18px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 18.4615px;
    color: rgb( 153, 153, 153 );
    white-space: nowrap;
}

.wm-group-row:only-child [id^="checkbox-3-"] + label {
	display:none;
	margin-left:0px;
}

.twolineblock{
    margin: 12px 0px 12px auto;
    height: 40px;
    display: block;
    padding: 0;
    left: 0;
    right: auto;
    margin-right: 94px;
    margin-left: 0;
    overflow: hidden;
    word-wrap: break-word;
    max-width: 300px;
}

.signature1,
.signature2,
.signature3,
.signatureimg {
	display:block;
	float: left;
	margin: 16px 16px;
	font-size: 8pt;
	font-weight: 500;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 16px;
	color: white;
	position: relative;
	background-color:#1A4175;
}
.signature1 {
	font-size: 12pt;
	font-weight: 500;
}
.signature2 {
	font-size: 10pt;
	font-weight: 500;
}

.panel-options {
    position: absolute;
    display: block;
    height: 64px;
    top: 0;
    margin: 0;
    padding: 0;
    right: 0px;
    left: auto;
    width: 1000px;
    text-align: right;
    overflow: hidden;
    z-index: -1;
}

.option-expltime, .stateimg {
    border-left: solid 1px #e5e5e5;
}

.Hspacer{
	height:10px;
}

.errordetail {
    background-color: red;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    position:relative;
	overflow:display;
	font-size:14px;
	line-height:20px;
	margin-bottom: 5px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}

.errordetail.warning {
    background-color: yellow;
    margin-left: 15px;
    margin-right: 10px;
    padding-left: 20px;
    position:relative;
	overflow:display;
	font-size:14px;
	line-height:20px;
	margin-bottom:15px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

	background: #f1e767; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI2NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-8 */
}

.errordetailmarking{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:20px;
}

.errordetailmarking:before {
	content:"- FEHLER -";
	opacity:1;
	white-space: nowrap;
	font-size:8pt;
	font-weight:800;
	text-align:center;
	color:black;
	position: absolute;
    top: 50%;
    left: 50%;
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}

.errortitle {
    font-weight:bold;
}

.errorProblem,
.errorAction {
    background-color:rgba( 255,255,255,0.99 );
	padding:5px;
}

.errorProblem{
	position:relative;
	margin-bottom:1px;
}

.errorProblem:before{
	content:"";
	position:absolute;
	bottom:0px;
	margin-bottom:-2px;
	left:0px;
	width:100%;
	height:1px;
	border-top:1px white dashed;
}

.errordetail ol{
	padding-left:30px;
}

.errordetail ol li{
	cursor:pointer;
	position:relative;
}

.errordetail ol:hover li{
	color:grey;
}

.errordetail ol:hover li:hover{
	color:black;
	text-decoration:underline;
}

.errordetail ol:hover li:hover:before{
	right: 100%;
	top: 10px;
	margin-right:20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: red;
	border-width: 5px;
	margin-top: -5px;
}



.errorNumber{
	color:white;
	font-size:8px;
	padding:0px;
	margin:0px;
}

.statewrapper{
	display:inline-block;
	vertical-align: top;
	margin-right: 250px;
	max-width: calc(100% - 250px);
}

.attributes{
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align: top;
    margin-left: 6px;
    margin-right: 6px;
	max-width:100%;
}

.attribute {
	padding-top:14px;
	padding-bottom:4px;
	padding-left:25px;
	position:relative;
}

.attribute:last-child {
	padding-bottom:14px;
}

.attribute:after {
	content:attr(data-tool);
	position:absolute;
	left:25px;
	top:0px;
	font-size:7pt;
	font-weight:600;
}

.attribute.stateOK:before,
.attribute.stateError:before {
	content:'';
	position:absolute;
	left:0px;
	top:15px;
	height: 20px;
	width: 20px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;  /* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
 }

.attribute.stateOK:before {
	content:'done';
	color:green;
}

.attribute.stateError:before {
	content:'error';
	color:red;
}

/*** PANEL CROSS */

.panel-cross {
	width: 18px;
	height: 18px;
	position: absolute;
	right:15px;
	top:10px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

.panel-cross:before, .panel-cross:after {
	content: "";
	position: absolute;
	z-index: -1;
	background: #444;
}

.panel-cross:before {
	left: 50%;
	width: 12%;
	margin-left: -6%;
	height: 53%;
}

.panel-cross:after {
	top: 50%;
	height: 12%;
	margin-top: -6%;
	width: 53%;
}

.header-active .panel-cross:before {	height: 100%;		}
.header-active .panel-cross:after {		width: 100%;		}
.header-active .panel-cross:before,
.header-active .panel-cross{			top:6px;			}


/*** PANEL OPTIONS ***/
.panel-options div {
	display:inline-block;
	height: 32px;
	min-width: 32px;
	padding: 16px;
	line-height: 32px;
	margin: 0;
}

.bgraph{
	text-align: right;
	vertical-align: top;
	font-size: 24px;
	padding-top: 4px;
	padding-right: 10px;
	width: 45px;
}

.extrainfo{
	color:black;
	overflow:visible;
	margin:0px;
	width:40px;
	font-size:10pt;
	font-weight:400;
	vertical-align:top;
	position:relative;
	padding:0px;
	height:18px;
	white-space: nowrap;
	display: none !important;
}
.l-2{
}

.temperatureinfo {
	margin-top:0px;
	vertical-align:top;
	width:2px;
	height:18px;
	margin-left:17px;
	margin-right:8px;
	border-radius:1px;
	position:relative;
	background:red;
}
.temperatureinfo:before {
	position:absolute;
	content:"";
    background:white;
	top:12px;
    left:-2px;
    width:6px;
    height:6px;
	border-radius:3px;
	background:red;
}
.temperatureinfo:after {
	position:absolute;
	content:"";
    background:white;
	top:0px;
    left:0px;
    width:2px;
    height:6px;
	border-top-left-radius:1px;
	border-top-right-radius:1px;
}


.processinfo {
	margin-top:0px;
	vertical-align:top;
	width:18px;
	height:18px;
	margin-left:3px;
	border-radius:9px;
	position:relative;
}
.processinfo.infoSafe {
	background:green;
}
.processinfo.infoSafe:before,
.processinfo.infoSafe:after {
	position:absolute;
	content:"";
    background:white;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.processinfo.infoSafe:before {
	top:8px;
    left:4.125px;
    width:4px;
    height:3px;
}

.processinfo.infoSafe:after {
	top:4px;
    left:9px;
    width:3px;
    height:10px;
}


.processinfo.infoError {
	background:red;
}
.processinfo.infoError:before,
.processinfo.infoError:after {
	position:absolute;
	content:"";
    background:white;
    left:8px;
    width:2px;
}
.processinfo.infoError:before {
	top:12px;
    height:2px;
}

.processinfo.infoError:after {
	top:3px;
    height:7px;
}


.batteryinfo {
	margin-top:0px;
	vertical-align:top;
    display: inline-block;
    width: 12px;
    height: 18px;
 	border-width: 1px;
	margin: 0px 3px 0px 12px;

    position: relative;
    background-color: white;
    background-size: 100%;
}

.batteryinfo:before {
    position: absolute;
    top: -2px;
    left: 3px;
    display: block;
    background: #666;
    width: 6px;
    height: 2px;
    content : "";
}
.batteryinfo:after {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    background: #666;
    width: 12px;
    height: 0;
    content : "";
}

.batteryinfo.l-100:before {
    background:white;
}
.batteryinfo.l-75:after {
    height: 4.5px;
}
.batteryinfo.l-50:after {
    height: 9px;
}
.batteryinfo.l-25:after {
    height: 13.5px;
}
.batteryinfo.l-25 {
    background-color: red;
}
.batteryinfo.l-0:after {
    height: 18px;
}

.chrg{
	margin-top:0px;
	vertical-align:top;
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 0;
	text-align: center;
	margin-left:11px;
	border-left: solid 1px #e5e5e5;
}
.chrg:after{
	color:black;
	font-size: 14px;
	font-weight:800;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	text-align:center;
	line-height: 64px;
}
.chrg:before{
	color:orangered;
	font-size: 9px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	text-align:center;
	line-height: 116px;
}

.chrg.c-0{
}
.chrg.c-0:after { content:"-"; }
.chrg.c-1:after { content:"1"; }
.chrg.c-2:after { content:"2"; }
.chrg.c-3:after { content:"3"; }
.chrg.c-4:after { content:"4"; }
.chrg.c-5:after { content:"5"; }
.chrg.c-6:after { content:"6"; }
.chrg.c-7:after { content:"7"; }
.chrg.c-8:after { content:"8"; }
.chrg.c-9:after { content:"9"; }
.chrg.c-10:after{ content:"10"; }
.chrg.c-11:after{ content:"11"; }
.chrg.c-12:after{ content:"12"; }
.chrg.c-13:after{ content:"13"; }
.chrg.c-14:after{ content:"14"; }
.chrg.c-15:after{ content:"15"; }
.chrg.c-16:after{ content:"16"; }
.chrg.c-17:after{ content:"17"; }
.chrg.c-18:after{ content:"18"; }
.chrg.c-19:after{ content:"19"; }
.chrg.c-20:after{ content:"20"; }
.chrg.c-21:after{ content:"21"; }
.chrg.c-22:after{ content:"22"; }
.chrg.c-23:after{ content:"23"; }
.chrg.c-24:after{ content:"24"; }

.stateimg {
	height:20px;
	width:20px;
	background-size: 20px 20px;
	margin-top: 6px;
	background-repeat: no-repeat;
    background-position: center;
}
.stateimg {
	background-image: url( "../img/basic/delete30.svg" );
}
.stateimg.ok {
	background-image: url( "../img/basic/check34.svg" );
}



/** tooltip styles
 **/
.tooltip{
  position: relative;
  display: inline;
}
.tooltip:after{
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: -50px;
  opacity: 0;
  content: attr(data-tool); /* might also use attr(title) */
  height: auto;
  min-width: 100px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: -3px;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
}
.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

.tooltip.animate:after,
.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* tips on bottom */
.tooltip.bottom:after { bottom: auto; top: 0; }
.tooltip.bottom:hover:after { top: 28px; }
.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
.tooltip.bottom:hover:before { top: 20px; }


/* tips on the right */
.tooltip.right:after { left: 100%; bottom: -45%; }
.tooltip.right:hover:after { left: 110%; bottom: -45%; }
.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0,0,0,0.85) transparent transparent;
  left: 90%;
  bottom: 2%;
}
.tooltip.right:hover:before { left: 100%; bottom: 2%; }


/* tips on the left */
.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
.tooltip.left:hover:after { right: 110%; bottom: -45%; }
.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}
.tooltip.left:hover:before { right: 100%; bottom: 2%; }


/* tooltip colors (add your own!) */
.tooltip.blue:after { background:#5f87c2; }
.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }

/* tooltip colors (add your own!) */
.tooltip.red:after { background:#c25f87; }
.tooltip.red:before { border-color: #c25f87 transparent transparent transparent; }
.tooltip.bottom.red:before{ border-color: transparent transparent #c25f87 transparent; }
.tooltip.right.red:before { border-color: transparent #c25f87 transparent transparent; }
.tooltip.left.red:before { border-color: transparent transparent transparent #c25f87; }



/* input field tooltips */
input + .fieldtip {
  visibility: hidden;
  position: relative;
  bottom: 0;
  left: 15px;
  opacity: 0;
  content: attr(data-tool);
  height: auto;
  min-width: 100px;
  padding: 5px 8px;
  z-index: 9999;
  color: #fff;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: rgb(26,64,116);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input + .fieldtip:after {
  display: block;
  position: absolute;
  visibility: hidden;
  content:'';
  width: 0;
  height: 0;
  top: 8px;
  left: -8px;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent rgba(0,0,0,0.75) transparent transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input:focus + .fieldtip, input:focus + .fieldtip:after {
  visibility: visible;
  opacity: 1;
}


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



a.deleter:hover,
a.deleter{
	background: rgba(215,26,64,0);
	color: rgba(215,26,64,1);
	width:25px;
	height:25px;
	border-radius:25%;
	margin-right:6px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
}

a.deleter:hover{
	background: rgba(215,26,64,1);
	color: white;
	width:25px;
	height:25px;
	border-radius:25%;
	margin-right:6px;
	padding-left:4px;
	padding-right:4px;
}


a.linkadder:hover,
a.linkadder{
	background: rgba(215,26,64,0);
	color: rgba(215,26,64,1);
	width:25px;
	height:25px;
	border-radius:25%;
	margin-right:6px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
}

a.linkadder:hover{
	background: rgba(215,26,64,1);
	color: white;
	width:25px;
	height:25px;
	border-radius:25%;
	margin-right:6px;
	padding-left:4px;
	padding-right:4px;
}

/* * * STYLE FOR DYNAMIC STATE VIEW * * */
.statecontainer{
	text-align:center;
	display: inline-block;
	width: 340px;
	max-width: 80vw;
}

div.rotatedcontainer{
	position:absolute;
	height:100%;
	width:100%;
	text-align:center;
	background-color:rgba(26,64,115,1);
	border-radius:50%;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

div.rotatedcontainer:after{
	content: "";
	position: absolute;
	left: -10%;
	top: 25%;
	width: 50%;
	height: 50%;
	background-color: rgba(26,64,115,1);
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	border-radius: 15%;
	z-index: 0;
}
div.rotatedcontainer:before{
	content: "";
	position: absolute;
	left: -30%;
	top: 30%;
	width: 50%;
	height: 40%;
	background-color: grey;
}

div.minitowercontainer{
	position:absolute;
	height:100%;
	width:100%;
	text-align:center;
	border: 3px solid rgba(26,64,115,1);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	background-color: transparent;
	background-image:       linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent);
	height:100%;
	background-size:10px 50px;
}

div.minitowercontainer:after{
	content: "";
	position: absolute;
	right: 0;
	top: 5%;
	margin-top: -3px;
	margin-right: -3px;
	width: 50%;
	height: 90%;
	border: 3px solid rgba(26,64,115,1);
	background: lightgrey;
	border-radius: 0;
	z-index: 0;
}
div.minitowercontainer:before{
	content: "";
	position: absolute;
	left: -30%;
	top: 30%;
	width: 50%;
	height: 40%;
	background-color: grey;
	z-index: 0;
}

.minitower {
    z-index: 1;
}

div.islmtowercontainer{
	position:absolute;
	height:100%;
	width:100%;
	text-align:center;
	border: 3px solid rgba(26,64,115,1);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	background-color: transparent;
	background-image:       linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent);
	height:100%;
	background-size:10px 50px;
}

div.islmtowercontainer:after{
	content: "";
	position: absolute;
	right: 0;
	top: 5%;
	margin-top: -3px;
	margin-right: -3px;
	width: 70%;
	height: 90%;
	border: 3px solid rgba(26,64,115,1);
	background: lightgrey;
	border-radius: 0;
	z-index: 0;
}
div.islmtowercontainer:before{
	content: "";
	position: absolute;
	left: -30%;
	top: 30%;
	width: 50%;
	height: 40%;
	background-color: grey;
	z-index: 0;
}

.islmtower {
    z-index: 1;
}



div.rotateddeco{
	text-align:left;
	line-height:20px;
	word-wrap: break-word;
	max-width: 28vw;
}

div.rotated{
	left: 2%;
	top: 2%;
	position:relative;
	height: 96%;
	width: 96%;
	-webkit-transition-duration: 1.8s;
	-moz-transition-duration: 1.8s;
	-o-transition-duration: 1.8s;
	transition-duration: 1.8s;
	transition-timing-function: linear;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background-color:white;
	z-index: 2;
}

div.rotated.preloading{
	transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
}

div.rotated.preloading .charge{
	visibility: hidden;
}

div.rotated.erroneous{
	background-color:orangered;
}
div.minitowercontainer.erroneous:after {
    background: orangered;
}

div.rotated .charge {
	width: 17.5%;
	height: 0;
	padding: 8.75% 0;
	background: #ffffff;
	position: absolute;
	left: 41%;
	top: 41%;
	border:1px solid black;
	font-size: 8pt;
	font-weight: 500;
	line-height: 0;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.rotated .chargels24 {
	width: 13%;
	height: 0;
	padding: 6.5% 0;
	background: #ffffff;
	position: absolute;
	left: 43.5%;
	top: 43.5%;
	border:1px solid black;
	font-size: 8pt;
	font-weight: 500;
	line-height: 0;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.rotated .chargelm32 {
	width: 13%;
	height: 0;
	padding: 6.5% 0;
	background: #ffffff;
	position: absolute;
	left: 43.5%;
	top: 43.5%;
	border:1px solid black;
	font-size: 8pt;
	font-weight: 500;
	line-height: 0;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.rotated div.charge1  { -webkit-transform:rotate(90deg)translate(0, -214%);          -ms-transform:rotate(90deg)translate(0, -214%);          -moz-transform:rotate(90deg)translate(0, -214%);          }
div.rotated div.charge2  { -webkit-transform:rotate(117.6923077deg)translate(0, -214%); -ms-transform:rotate(117.6923077deg)translate(0, -214%); -moz-transform:rotate(117.6923077deg)translate(0, -214%); }
div.rotated div.charge3  { -webkit-transform:rotate(145.3846154deg)translate(0, -214%); -ms-transform:rotate(145.3846154deg)translate(0, -214%); -moz-transform:rotate(145.3846154deg)translate(0, -214%); }
div.rotated div.charge4  { -webkit-transform:rotate(173.0769231deg)translate(0, -214%); -ms-transform:rotate(173.0769231deg)translate(0, -214%); -moz-transform:rotate(173.0769231deg)translate(0, -214%); }
div.rotated div.charge5  { -webkit-transform:rotate(200.7692308deg)translate(0, -214%); -ms-transform:rotate(200.7692308deg)translate(0, -214%); -moz-transform:rotate(200.7692308deg)translate(0, -214%); }
div.rotated div.charge6  { -webkit-transform:rotate(228.4615385deg)translate(0, -214%); -ms-transform:rotate(228.4615385deg)translate(0, -214%); -moz-transform:rotate(228.4615385deg)translate(0, -214%); }
div.rotated div.charge7  { -webkit-transform:rotate(256.1538462deg)translate(0, -214%); -ms-transform:rotate(256.1538462deg)translate(0, -214%); -moz-transform:rotate(256.1538462deg)translate(0, -214%); }
div.rotated div.charge8  { -webkit-transform:rotate(283.8461538deg)translate(0, -214%); -ms-transform:rotate(283.8461538deg)translate(0, -214%); -moz-transform:rotate(283.8461538deg)translate(0, -214%); }
div.rotated div.charge9  { -webkit-transform:rotate(311.5384615deg)translate(0, -214%); -ms-transform:rotate(311.5384615deg)translate(0, -214%); -moz-transform:rotate(311.5384615deg)translate(0, -214%); }
div.rotated div.charge10 { -webkit-transform:rotate(339.2307692deg)translate(0, -214%); -ms-transform:rotate(339.2307692deg)translate(0, -214%); -moz-transform:rotate(339.2307692deg)translate(0, -214%); }
div.rotated div.charge11 { -webkit-transform:rotate(366.9230769deg)translate(0, -214%); -ms-transform:rotate(366.9230769deg)translate(0, -214%); -moz-transform:rotate(366.9230769deg)translate(0, -214%); }
div.rotated div.charge12 { -webkit-transform:rotate(394.6153846deg)translate(0, -214%); -ms-transform:rotate(394.6153846deg)translate(0, -214%); -moz-transform:rotate(394.6153846deg)translate(0, -214%); }
div.rotated div.charge13 { -webkit-transform:rotate(422.3076923deg)translate(0, -214%); -ms-transform:rotate(422.3076923deg)translate(0, -214%); -moz-transform:rotate(422.3076923deg)translate(0, -214%); }

div.rotated div.chargels24-1  { -webkit-transform:rotate(90deg)translate(0, -295%); }
div.rotated div.chargels24-2  { -webkit-transform:rotate(90deg)translate(0, -185%); }
div.rotated div.chargels24-3  { -webkit-transform:rotate(112.5deg)translate(0, -295%); }
div.rotated div.chargels24-4  { -webkit-transform:rotate(135deg)translate(0, -295%); }
div.rotated div.chargels24-5  { -webkit-transform:rotate(157.5deg)translate(0, -295%); }
div.rotated div.chargels24-6  { -webkit-transform:rotate(180deg)translate(0, -295%); }
div.rotated div.chargels24-7  { -webkit-transform:rotate(202.5deg)translate(0, -295%); }
div.rotated div.chargels24-8  { -webkit-transform:rotate(225deg)translate(0, -295%); }
div.rotated div.chargels24-9  { -webkit-transform:rotate(247.5deg)translate(0, -295%); }
div.rotated div.chargels24-10  { -webkit-transform:rotate(270deg)translate(0, -295%); }
div.rotated div.chargels24-11  { -webkit-transform:rotate(292.5deg)translate(0, -295%); }
div.rotated div.chargels24-12  { -webkit-transform:rotate(315deg)translate(0, -295%); }
div.rotated div.chargels24-13  { -webkit-transform:rotate(337.5deg)translate(0, -295%); }
div.rotated div.chargels24-14  { -webkit-transform:rotate(360deg)translate(0, -295%); }
div.rotated div.chargels24-15  { -webkit-transform:rotate(382.5deg)translate(0, -295%); }
div.rotated div.chargels24-16  { -webkit-transform:rotate(405deg)translate(0, -295%); }
div.rotated div.chargels24-17  { -webkit-transform:rotate(427.5deg)translate(0, -295%); }
div.rotated div.chargels24-18  { -webkit-transform:rotate(126deg)translate(0, -185%); }
div.rotated div.chargels24-19  { -webkit-transform:rotate(162deg)translate(0, -185%); }
div.rotated div.chargels24-20  { -webkit-transform:rotate(198deg)translate(0, -185%); }
div.rotated div.chargels24-21  { -webkit-transform:rotate(234deg)translate(0, -185%); }
div.rotated div.chargels24-22  { -webkit-transform:rotate(270deg)translate(0, -185%); }
div.rotated div.chargels24-23  { -webkit-transform:rotate(306deg)translate(0, -185%); }
div.rotated div.chargels24-24  { -webkit-transform:rotate(342deg)translate(0, -185%); }
div.rotated div.chargels24-25  { -webkit-transform:rotate(378deg)translate(0, -185%); }
div.rotated div.chargels24-26  { -webkit-transform:rotate(414deg)translate(0, -185%); }

div.rotated div.chargelm32-1  { -webkit-transform:rotate(90deg)translate(0, -305%); }
div.rotated div.chargelm32-2  { -webkit-transform:rotate(112.5deg)translate(0, -305%); }
div.rotated div.chargelm32-3  { -webkit-transform:rotate(135deg)translate(0, -305%); }
div.rotated div.chargelm32-4  { -webkit-transform:rotate(157.5deg)translate(0, -305%); }
div.rotated div.chargelm32-5  { -webkit-transform:rotate(180deg)translate(0, -305%); }
div.rotated div.chargelm32-6  { -webkit-transform:rotate(202.5deg)translate(0, -305%); }
div.rotated div.chargelm32-7  { -webkit-transform:rotate(225deg)translate(0, -305%); }
div.rotated div.chargelm32-8  { -webkit-transform:rotate(247.5deg)translate(0, -305%); }
div.rotated div.chargelm32-9  { -webkit-transform:rotate(270deg)translate(0, -305%); }
div.rotated div.chargelm32-10  { -webkit-transform:rotate(292.5deg)translate(0, -305%); }
div.rotated div.chargelm32-11  { -webkit-transform:rotate(315deg)translate(0, -305%); }
div.rotated div.chargelm32-12  { -webkit-transform:rotate(337.5deg)translate(0, -305%); }
div.rotated div.chargelm32-13  { -webkit-transform:rotate(360deg)translate(0, -305%); }
div.rotated div.chargelm32-14  { -webkit-transform:rotate(382.5deg)translate(0, -305%); }
div.rotated div.chargelm32-15  { -webkit-transform:rotate(405deg)translate(0, -305%); }
div.rotated div.chargelm32-16  { -webkit-transform:rotate(427.5deg)translate(0, -305%); }

div.rotated div.chargelm32-17  { -webkit-transform:rotate(90deg)translate(0, -200%); }
div.rotated div.chargelm32-18  { -webkit-transform:rotate(120deg)translate(0, -200%); }
div.rotated div.chargelm32-19  { -webkit-transform:rotate(150deg)translate(0, -200%); }
div.rotated div.chargelm32-20  { -webkit-transform:rotate(180deg)translate(0, -200%); }
div.rotated div.chargelm32-21  { -webkit-transform:rotate(210deg)translate(0, -200%); }
div.rotated div.chargelm32-22  { -webkit-transform:rotate(240deg)translate(0, -200%); }
div.rotated div.chargelm32-23  { -webkit-transform:rotate(270deg)translate(0, -200%); }
div.rotated div.chargelm32-24  { -webkit-transform:rotate(300deg)translate(0, -200%); }
div.rotated div.chargelm32-25  { -webkit-transform:rotate(330deg)translate(0, -200%); }
div.rotated div.chargelm32-26  { -webkit-transform:translate(0, -200%); }
div.rotated div.chargelm32-27  { -webkit-transform:rotate(30deg)translate(0, -200%); }
div.rotated div.chargelm32-28  { -webkit-transform:rotate(60deg)translate(0, -200%); }

div.rotated div.chargelm32-29  { -webkit-transform:rotate(90deg)translate(0, -95%); }
div.rotated div.chargelm32-30  { -webkit-transform:rotate(180deg)translate(0, -95%); }
div.rotated div.chargelm32-31  { -webkit-transform:rotate(270deg)translate(0, -95%); }
div.rotated div.chargelm32-32  { -webkit-transform:translate(0, -95%); }


div.minitower div {
	width: 17.5%;
	height: 0;
	padding: 8.75% 0;
	background: #ffffff;
	position: absolute;
	right: 21%;
	top: 0;
	margin-top: 41.25%;
	margin-right: 3%;
	border:1px solid black;
	font-size: 8pt;
	font-weight: 500;
	line-height: 0;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	z-index: 3;
}

div.minitower div.charge3  { transform:translate(  110%, -120% ); }
div.minitower div.charge1  {transform: translate(  110%,    0% );}
div.minitower div.charge6  {transform: translate(    0%,  120% );}
div.minitower div.charge5  {transform: translate(    0%, -120% );}
div.minitower div.charge4  {transform: translate(    0%,    0% );}
div.minitower div.charge2  {transform: translate(  110%,  120% );}

div.minitower .charge {background-color:white;cursor: pointer;}
div.minitower .charge.present { background-color:orange; }
div.minitower .charge.present.twok { background-color:#ffeb3b; }
div.minitower .charge:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

div.islmtower div {
	width: 17.5%;
	height: 0;
	padding: 8.75% 0;
	background: #ffffff;
	position: absolute;
	right: 21%;
	top: 0;
	margin-top: 41.25%;
	margin-right: 3%;
	border:1px solid black;
	font-size: 8pt;
	font-weight: 500;
	line-height: 0;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	z-index: 3;
}

div.islmtower div.charge1  { transform:translate(    -120%, -175% ); }
div.islmtower div.charge2  {transform: translate(    0%,    -175% );}
div.islmtower div.charge3  {transform: translate(    120%,  -175% );}
div.islmtower div.charge4  {transform: translate(  -60%, -55% );}
div.islmtower div.charge5  {transform: translate(  60%,    -55% );}
div.islmtower div.charge6  {transform: translate(  -120%,  55% );}
div.islmtower div.charge7  {transform: translate(  0%,  55% );}
div.islmtower div.charge8  {transform: translate(  120%,  55% );}
div.islmtower div.charge9  {transform: translate(  -60%,  175% );}
div.islmtower div.charge10  {transform: translate(  60%,  175% );}

.mtype-0 .chrg span,
.mtype-24 .chrg span,
.mtype-5 .chrg span {
	position:absolute;
	top: 30px;
	left: 30px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: red;
	display:none;
}
.mtype-0 .chrg span.twok,
.mtype-24 .chrg span.twok,
.mtype-5 .chrg span.twok{
	background: #c7b51a;
}

.mtype-0 .chrg span:nth-child(  1 ) { display:block; -webkit-transform:rotate(615deg)translate(0, 16px); -ms-transform:rotate(615deg)translate(0, 15px); -moz-transform:rotate(615deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  2 ) { display:block; -webkit-transform:rotate(585deg)translate(0, 16px); -ms-transform:rotate(585deg)translate(0, 15px); -moz-transform:rotate(585deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  3 ) { display:block; -webkit-transform:rotate(555deg)translate(0, 16px); -ms-transform:rotate(555deg)translate(0, 15px); -moz-transform:rotate(555deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  4 ) { display:block; -webkit-transform:rotate(525deg)translate(0, 16px); -ms-transform:rotate(525deg)translate(0, 15px); -moz-transform:rotate(525deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  5 ) { display:block; -webkit-transform:rotate(495deg)translate(0, 16px); -ms-transform:rotate(495deg)translate(0, 15px); -moz-transform:rotate(495deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  6 ) { display:block; -webkit-transform:rotate(465deg)translate(0, 16px); -ms-transform:rotate(465deg)translate(0, 15px); -moz-transform:rotate(465deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  7 ) { display:block; -webkit-transform:rotate(435deg)translate(0, 16px); -ms-transform:rotate(435deg)translate(0, 15px); -moz-transform:rotate(435deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  8 ) { display:block; -webkit-transform:rotate(405deg)translate(0, 16px); -ms-transform:rotate(405deg)translate(0, 15px); -moz-transform:rotate(405deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child(  9 ) { display:block; -webkit-transform:rotate(375deg)translate(0, 16px); -ms-transform:rotate(375deg)translate(0, 15px); -moz-transform:rotate(375deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child( 10 ) { display:block; -webkit-transform:rotate(345deg)translate(0, 16px); -ms-transform:rotate(345deg)translate(0, 15px); -moz-transform:rotate(345deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child( 11 ) { display:block; -webkit-transform:rotate(315deg)translate(0, 16px); -ms-transform:rotate(315deg)translate(0, 15px); -moz-transform:rotate(315deg)translate(0, 15px); }
.mtype-0 .chrg span:nth-child( 12 ) { display:block; -webkit-transform:rotate(285deg)translate(0, 16px); -ms-transform:rotate(285deg)translate(0, 15px); -moz-transform:rotate(285deg)translate(0, 15px); }

.mtype-5 .chrg span:nth-child(  1 ) { display:block; -webkit-transform:rotate(570deg)translate(0, 16px); -ms-transform:rotate(570deg)translate(0, 15px); -moz-transform:rotate(570deg)translate(0, 15px); }
.mtype-5 .chrg span:nth-child(  2 ) { display:block; -webkit-transform:rotate(510deg)translate(0, 16px); -ms-transform:rotate(510deg)translate(0, 15px); -moz-transform:rotate(510deg)translate(0, 15px); }
.mtype-5 .chrg span:nth-child(  3 ) { display:block; -webkit-transform:rotate(450deg)translate(0, 16px); -ms-transform:rotate(450deg)translate(0, 15px); -moz-transform:rotate(450deg)translate(0, 15px); }
.mtype-5 .chrg span:nth-child(  4 ) { display:block; -webkit-transform:rotate(390deg)translate(0, 16px); -ms-transform:rotate(390deg)translate(0, 15px); -moz-transform:rotate(390deg)translate(0, 15px); }
.mtype-5 .chrg span:nth-child(  5 ) { display:block; -webkit-transform:rotate(330deg)translate(0, 16px); -ms-transform:rotate(330deg)translate(0, 15px); -moz-transform:rotate(330deg)translate(0, 15px); }
.mtype-5 .chrg span:nth-child(  6 ) { display:block; -webkit-transform:rotate(270deg)translate(0, 16px); -ms-transform:rotate(270deg)translate(0, 15px); -moz-transform:rotate(270deg)translate(0, 15px); }

.mtype-24 .chrg span{ display:block; visibility:hidden; }
.mtype-24 .chrg span.present{ visibility:visible; }
.mtype-24 .chrg span:nth-child(  1 ) { transform:rotate( 270deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  2 ) { transform:rotate( 230deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  3 ) { transform:rotate( 190deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  4 ) { transform:rotate( 150deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  5 ) { transform:rotate( 110deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  6 ) { transform:rotate(  70deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  7 ) { transform:rotate(  30deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  8 ) { transform:rotate( -10deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child(  9 ) { transform:rotate( -50deg)translate(0, 14px); }
.mtype-24 .chrg span:nth-child( 10 ) { transform:rotate( 270deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 11 ) { transform:rotate( 246deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 12 ) { transform:rotate( 222deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 13 ) { transform:rotate( 198deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 14 ) { transform:rotate( 174deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 15 ) { transform:rotate( 150deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 16 ) { transform:rotate( 126deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 17 ) { transform:rotate( 102deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 18 ) { transform:rotate(  78deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 19 ) { transform:rotate(  54deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 20 ) { transform:rotate(  30deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 21 ) { transform:rotate(   6deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 22 ) { transform:rotate( -18deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 23 ) { transform:rotate( -42deg)translate(0, 20px); }
.mtype-24 .chrg span:nth-child( 24 ) { transform:rotate( -66deg)translate(0, 20px); }


div.rotated div.charge1,
div.rotated div.chargels24-1,
div.rotated div.chargels24-2{
	background-color:black;
}
div.rotated div.charge1:before,
div.rotated div.chargels24-1:before,
div.rotated div.chargels24-2:before{
	position:absolute;
	content:"";
	background:white;
	width: 40%;
	height: 70%;
	margin-left: -10%;
	margin-top: -35%;
	top:50%;
	left:50%;
	border-radius:2px;
}
div.rotated div.charge1:after,
div.rotated div.chargels24-1:after,
div.rotated div.chargels24-2:after{
	position:absolute;
	content:"";
	background:transparent;
	width: 30%;
	height: 40%;
	margin-left: -40%;
	margin-top: -28%;
	top:50%;
	left:50%;
	border:2px solid white;
	border-bottom-left-radius:50%;
	border-top-left-radius:50%;
}
div.rotated .charge,
div.rotated .chargels24{
	background-color:white;
}
div.rotated .charge.present,
div.rotated .chargels24.present{
	background-color:orange;
}
div.rotated .charge.present.twok,
div.rotated .chargels24.present.twok{
	background-color:#ffeb3b;
}
.e2k div.rotated .charge.present:nth-child(2n) { background-color:green; }

div.suqarecontainer{
	position:relative;
	max-width: 300px;
	margin-left: 0;
	margin-right: 0;
	height:auto;
}

div.suqarecontent{
	width: 70%;
	margin-left: 26%;
	padding-bottom: 70%;
	margin-right: 0;
	position:relative;
}

.outer {
	display: table;
	position: absolute;
	height: 100%;
	left:100%;
	padding-left:5%;
	width:34%;
}

.middle {
	display: table-cell;
	vertical-align: middle;
}

.inner {
	margin-left: auto;
	margin-right: auto;
}

.offlineinfo{
	color:black;
	font-size:7pt;
}

.liveinfo{
	font-weight:500;
	color:red;
}

.offlineinfo,
.liveinfo{
	position:absolute;
	right:10px;
	top:5px;
}

.liveinfo{
	animation:signup-response 0.5s 1;
	-webkit-animation:signup-response 0.5s 1;
	animation-fill-mode: forwards;

	animation-delay:2s;
	-webkit-animation-delay:1s; /* Safari and Chrome */
	-webkit-animation-fill-mode: forwards;

}

@keyframes signup-response{
	from {opacity :1;}
	to {opacity :0;}
}

@-webkit-keyframes signup-response{
	from {opacity :1;}
	to {opacity :0;}
}

/* * * * POPUP WARNINGS * * */
.popupwarning {
	text-align:left;
    background-color: red;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    position:relative;
	overflow:display;
	font-size:14px;
	line-height:20px;
	margin-bottom:15px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}

.popupwarningmarking{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:20px;
}

.popupwarningmarking:before {
	content:attr( data-title );
	opacity:1;
	white-space: nowrap;
	font-size:8pt;
	font-weight:800;
	text-align:center;
	color:black;
	position: absolute;
    top: 50%;
    left: 50%;
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}

.popupwarningtitle {
    font-weight:bold;
}

.popupwarningDescription,
.popupwarningAction {
    background-color:rgba( 255,255,255,0.99 );
	padding:5px;
	padding-left:15px;
}

.popupwarningDescription{
	position:relative;
}

.popupwarning ol{
	padding-left:30px;
}

.popupwarning ol li{
	cursor:pointer;
	position:relative;
}

.popupwarning ol:hover li{
	color:grey;
}

.popupwarning ol:hover li:hover{
	color:black;
	text-decoration:underline;
}

.popupwarning ol:hover li:hover:before{
	right: 100%;
	top: 10px;
	margin-right:20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: red;
	border-width: 5px;
	margin-top: -5px;
}

/* * * LOADER * * */
.cssload-wrap {
	text-align: center;
	height: 60px;
}

.cssload-container {
	display: inline-block;
}

.cssload-dots {
	display: inline-block;
	position: relative;
}
.cssload-dots:not(:last-child) {
	margin-right: 9px;
}
.cssload-dots:before, .cssload-dots:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
}
.cssload-dots:nth-child(1):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -1.04s;
		-o-animation-delay: -1.04s;
		-ms-animation-delay: -1.04s;
		-webkit-animation-delay: -1.04s;
		-moz-animation-delay: -1.04s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(1):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -1.04s;
		-o-animation-delay: -1.04s;
		-ms-animation-delay: -1.04s;
		-webkit-animation-delay: -1.04s;
		-moz-animation-delay: -1.04s;
	background-color: #777;
}
.cssload-dots:nth-child(2):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -2.07s;
		-o-animation-delay: -2.07s;
		-ms-animation-delay: -2.07s;
		-webkit-animation-delay: -2.07s;
		-moz-animation-delay: -2.07s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(2):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -2.07s;
		-o-animation-delay: -2.07s;
		-ms-animation-delay: -2.07s;
		-webkit-animation-delay: -2.07s;
		-moz-animation-delay: -2.07s;
	background-color: #777;
}
.cssload-dots:nth-child(3):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -3.11s;
		-o-animation-delay: -3.11s;
		-ms-animation-delay: -3.11s;
		-webkit-animation-delay: -3.11s;
		-moz-animation-delay: -3.11s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(3):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -3.11s;
		-o-animation-delay: -3.11s;
		-ms-animation-delay: -3.11s;
		-webkit-animation-delay: -3.11s;
		-moz-animation-delay: -3.11s;
	background-color: #777;
}
.cssload-dots:nth-child(4):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -4.14s;
		-o-animation-delay: -4.14s;
		-ms-animation-delay: -4.14s;
		-webkit-animation-delay: -4.14s;
		-moz-animation-delay: -4.14s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(4):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -4.14s;
		-o-animation-delay: -4.14s;
		-ms-animation-delay: -4.14s;
		-webkit-animation-delay: -4.14s;
		-moz-animation-delay: -4.14s;
	background-color: #777;
}
.cssload-dots:nth-child(5):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -5.18s;
		-o-animation-delay: -5.18s;
		-ms-animation-delay: -5.18s;
		-webkit-animation-delay: -5.18s;
		-moz-animation-delay: -5.18s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(5):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -5.18s;
		-o-animation-delay: -5.18s;
		-ms-animation-delay: -5.18s;
		-webkit-animation-delay: -5.18s;
		-moz-animation-delay: -5.18s;
	background-color: #777;
}
.cssload-dots:nth-child(6):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -6.21s;
		-o-animation-delay: -6.21s;
		-ms-animation-delay: -6.21s;
		-webkit-animation-delay: -6.21s;
		-moz-animation-delay: -6.21s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(6):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -6.21s;
		-o-animation-delay: -6.21s;
		-ms-animation-delay: -6.21s;
		-webkit-animation-delay: -6.21s;
		-moz-animation-delay: -6.21s;
	background-color: #777;
}
.cssload-dots:nth-child(7):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -7.25s;
		-o-animation-delay: -7.25s;
		-ms-animation-delay: -7.25s;
		-webkit-animation-delay: -7.25s;
		-moz-animation-delay: -7.25s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(7):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -7.25s;
		-o-animation-delay: -7.25s;
		-ms-animation-delay: -7.25s;
		-webkit-animation-delay: -7.25s;
		-moz-animation-delay: -7.25s;
	background-color: #777;
}
.cssload-dots:nth-child(8):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -8.28s;
		-o-animation-delay: -8.28s;
		-ms-animation-delay: -8.28s;
		-webkit-animation-delay: -8.28s;
		-moz-animation-delay: -8.28s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(8):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -8.28s;
		-o-animation-delay: -8.28s;
		-ms-animation-delay: -8.28s;
		-webkit-animation-delay: -8.28s;
		-moz-animation-delay: -8.28s;
	background-color: #777;
}
.cssload-dots:nth-child(9):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -9.32s;
		-o-animation-delay: -9.32s;
		-ms-animation-delay: -9.32s;
		-webkit-animation-delay: -9.32s;
		-moz-animation-delay: -9.32s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(9):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -9.32s;
		-o-animation-delay: -9.32s;
		-ms-animation-delay: -9.32s;
		-webkit-animation-delay: -9.32s;
		-moz-animation-delay: -9.32s;
	background-color: #777;
}
.cssload-dots:nth-child(10):before {
	transform: translateY(-200%);
		-o-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
	animation: cssload-animBefore 1.15s linear infinite;
		-o-animation: cssload-animBefore 1.15s linear infinite;
		-ms-animation: cssload-animBefore 1.15s linear infinite;
		-webkit-animation: cssload-animBefore 1.15s linear infinite;
		-moz-animation: cssload-animBefore 1.15s linear infinite;
	animation-delay: -10.35s;
		-o-animation-delay: -10.35s;
		-ms-animation-delay: -10.35s;
		-webkit-animation-delay: -10.35s;
		-moz-animation-delay: -10.35s;
	background-color: #1A4175;
}
.cssload-dots:nth-child(10):after {
	transform: translateY(200%);
		-o-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-webkit-transform: translateY(200%);
		-moz-transform: translateY(200%);
	animation: cssload-animAfter 1.15s linear infinite;
		-o-animation: cssload-animAfter 1.15s linear infinite;
		-ms-animation: cssload-animAfter 1.15s linear infinite;
		-webkit-animation: cssload-animAfter 1.15s linear infinite;
		-moz-animation: cssload-animAfter 1.15s linear infinite;
	animation-delay: -10.35s;
		-o-animation-delay: -10.35s;
		-ms-animation-delay: -10.35s;
		-webkit-animation-delay: -10.35s;
		-moz-animation-delay: -10.35s;
	background-color: #777;
}




@keyframes cssload-animBefore {
	0% {
		transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	25% {
		transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	50% {
		transform: scale(1) translateY(200%);
		z-index: -1;
	}
	75% {
		transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	100% {
		transform: scale(1) translateY(-200%);
		z-index: -1;
	}
}

@-o-keyframes cssload-animBefore {
	0% {
		-o-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	25% {
		-o-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	50% {
		-o-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	75% {
		-o-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	100% {
		-o-transform: scale(1) translateY(-200%);
		z-index: -1;
	}
}

@-ms-keyframes cssload-animBefore {
	0% {
		-ms-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	25% {
		-ms-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	50% {
		-ms-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	75% {
		-ms-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	100% {
		-ms-transform: scale(1) translateY(-200%);
		z-index: -1;
	}
}

@-webkit-keyframes cssload-animBefore {
	0% {
		-webkit-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	25% {
		-webkit-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	50% {
		-webkit-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	75% {
		-webkit-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	100% {
		-webkit-transform: scale(1) translateY(-200%);
		z-index: -1;
	}
}

@-moz-keyframes cssload-animBefore {
	0% {
		-moz-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	25% {
		-moz-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	50% {
		-moz-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	75% {
		-moz-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	100% {
		-moz-transform: scale(1) translateY(-200%);
		z-index: -1;
	}
}

@keyframes cssload-animAfter {
	0% {
		transform: scale(1) translateY(200%);
		z-index: -1;
	}
	25% {
		transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	50% {
		transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	75% {
		transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	100% {
		transform: scale(1) translateY(200%);
		z-index: 1;
	}
}

@-o-keyframes cssload-animAfter {
	0% {
		-o-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	25% {
		-o-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	50% {
		-o-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	75% {
		-o-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	100% {
		-o-transform: scale(1) translateY(200%);
		z-index: 1;
	}
}

@-ms-keyframes cssload-animAfter {
	0% {
		-ms-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	25% {
		-ms-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	50% {
		-ms-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	75% {
		-ms-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	100% {
		-ms-transform: scale(1) translateY(200%);
		z-index: 1;
	}
}

@-webkit-keyframes cssload-animAfter {
	0% {
		-webkit-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	25% {
		-webkit-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	50% {
		-webkit-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	75% {
		-webkit-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	100% {
		-webkit-transform: scale(1) translateY(200%);
		z-index: 1;
	}
}

@-moz-keyframes cssload-animAfter {
	0% {
		-moz-transform: scale(1) translateY(200%);
		z-index: -1;
	}
	25% {
		-moz-transform: scale(0.7) translateY(0);
		z-index: -1;
	}
	50% {
		-moz-transform: scale(1) translateY(-200%);
		z-index: 1;
	}
	75% {
		-moz-transform: scale(1.3) translateY(0);
		z-index: 1;
	}
	100% {
		-moz-transform: scale(1) translateY(200%);
		z-index: 1;
	}
}


/* * * TABS * * */

/*----- Tabs -----*/
.tabs {
	display: block;
	text-align:left;
	background-color: #fff;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	border: none;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*----- Tabs Head -----*/
.tab-head{
    padding: 0;
    height: 50px;
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
}

.tab-head:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: lightgrey;
    position: absolute;
    left: 0;
    top: 49px;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}

.tab-links li {
	display:inline;
	list-style:none;
	position:relative;
}

ul.tab-links {
	margin:0;
	padding:0;
	font-size: 12px;
	height: 35px;
}

.tab-links a {
	padding: 9px 15px;
	display:inline-block;
	font-size: 13px;
	height: 24px;
	font-weight:400;
	color:#4c4c4c;
	border-bottom-color: #fff;
	cursor: pointer;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
}

.tab-links a:hover {
	text-decoration:none;
}

.tab-links li.active a {
	color:#4c4c4c;
	border-bottom: 4px solid #1a4175;
	color: #25477f;
	font-weight: 800;
}

.tab-links li.active a:hover {
	color:#4c4c4c;
	border-bottom: 4px solid #25477f;
	color: #25477f;
	font-weight: 800;
}

.tab-links li.notify:before {
	content: attr(data-notify);
	position: absolute;
	top: 0;
	right: 3;
	right: 0;
	background: red;
	height: 16px;
	min-width: 16px;
	line-height: 16px;
	text-align: center;
	margin-top: -6px;
	margin-right: -6px;
	border-radius: 8px;
	font-weight: 800;
	color: white;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}

.tab {
	display:none;
	position:relative;
}

.tab.active {
	display:block;
}

#tab1{
	min-height:400px;
}


.canvasjs-chart-credit{
	display:none;
}

/* GLOWING HIGHLIGHTS */

.glow.yellow{
	text-shadow: 0px 0px 3px rgba(255, 255, 0, 1);
}
.glow.red{
	text-shadow: 0px 0px 3px rgba(255,   0, 0, 1);
}
.glow.green{
	text-shadow: 0px 0px 3px rgba(  0, 255, 0, 1);
}


.canvasjs-chart-credit{
	display:none;
}

/* GLOWING HIGHLIGHTS */

.glow.yellow{
	text-shadow: 0px 0px 3px rgba(255, 255, 0, 1);
}
.glow.red{
	text-shadow: 0px 0px 3px rgba(255,   0, 0, 1);
}
.glow.green{
	text-shadow: 0px 0px 3px rgba(  0, 255, 0, 1);
}


/*----- Content of Tabs -----*/
.tab-content {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	padding: 10px;
}

.tab {
	display:none;
}

.tab.active {
	display:block;
}


.canvasjs-chart-credit{
	display:none;
}

/* GLOWING HIGHLIGHTS */

.glow.yellow{
	text-shadow: 0px 0px 3px rgba(255, 255, 0, 1);
}
.glow.red{
	text-shadow: 0px 0px 3px rgba(255,   0, 0, 1);
}
.glow.green{
	text-shadow: 0px 0px 3px rgba(  0, 255, 0, 1);
}

.tab3-infinity-scroll {
	margin-top: -400px;
	position: absolute;
	background-color: transparent;
}

.protocol-filter-big {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	background-color: #fff;
	position: relative;
}

.protocol-filter-big .btn {
	margin-right: 10px;
	margin-bottom: 12px;
}

.protocol-filter select {
	border-radius: 3px;
	position: relative;
	color: #000;
	background-color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	margin-top: 16px;
	margin-bottom: 0px;
	padding: 12px 20px;
	cursor: pointer;
}

.protocol-filter .btn-hide-all {
	display: none;
}

@media (max-width: 480px){
	.protocol-filter {
		position: relative;
	}
}

.protocol-filter-date {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.protocol-type-filter-menu {
	display: none;
	position: absolute;
	top: 20px;
	margin-top: -4px;
	right: 0;
	border: 1px solid gray;
	border-radius: 3px;
	background-color: #ffffff;
	z-index: 10;
}

.protocol-type-filter-menu-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 11px 16px;
	max-height: 27px;
	cursor: pointer;
}

.protocol-type-filter-menu-btn .protocol-type-filter-menu-btn-name {
	white-space: nowrap;
	width: calc( 100% - 30px);
	text-overflow: ellipsis;
	overflow: hidden;
}

.protocol-type-filter-menu-container {
	display: none;
	overflow-x: auto;
	padding: 6px 10px;
}

.protocol-type-filter-menu-btn.open {
	border-bottom: 1px solid var(--main-gray);
}

.protocol-filter-line {
	display: flex;
	align-items: center;
}

.protocol-daterange,
.map-daterange {
	margin: 16px 0px 0px 3px;
	border-radius: 3px;
}

.protocol-daterange .input-sm,
.protocol-daterange .input-addon,
.map-daterange .input-sm,
.map-daterange .input-addon {
	border: 1px solid #aaaaaa;
	color: #000;
	background-color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 0px;
	width: 100px;
	cursor: pointer;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.protocol-daterange .input-from,
.map-daterange .input-from {
	border-radius: 0px 0px 3px 3px;
}

.protocol-daterange .input-addon,
.map-daterange .input-addon {
	background-color: #eee;
	margin: -4px;
	padding: 14px 15px 15px 15px;
	width: auto;
	cursor: default;
}

.protocol-daterange .input-to,
.map-daterange .input-to {
	border-radius: 3px 3px 0px 0px;
}

.map-daterange-close {
	display: none;
}

@media (max-width: 600px) {
	.protocol-filter .protocol-filter-date {
		flex-flow: row wrap;
	}
}

.protocol-box {
	width: 100%;
	margin-top: 35px;
}

/* Command-Tracking. */

.trackcontainer {
    text-align: left;
    display: block;
    overflow: hidden;
    max-width: 400px;
    margin: auto;
}

.trackname {
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-weight: 800;
    height: 30px;
    line-height: 18px;
    height: 20px;
    word-break: none;
    white-space: nowrap;
    margin-right: 10px;
}

.trackcontainer .track{
	display: inline-block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 20px;
	line-height: 18px;
	width: 100%;
}

.trackdesc{
	max-width: 46%;
	display: inline-block;
	padding-left: 10px;
	height: 20px;
	line-height: 18px;
	white-space: nowrap;
}

.trackcontainer progress {
	background-color: #f3f3f3;
	border: 0;
	width: 200px;
	max-width: 46%;
	height: 18px;
	border-radius: 2px;
	margin: 0;
	padding: 0;
}


progress {
	background-color: #f3f3f3;
	border: 0;	width: 200px;
	max-width: 46%;
	height: 18px;
	border-radius: 2px;
	margin: 0;
	padding: 0;
}


#towerstats progress{
	position:relative;
}

#towerstats .progresstext {
	margin-left: -200px;
	width: 200px;
	display: inline-block;
	color: black;
	z-index: 900;
	position: relative;
	text-align: center;
	text-shadow:
    -1px -1px 0 rgba( 255,255,255,0.5),
    1px -1px 0 rgba( 255,255,255,0.5),
    -1px 1px 0 rgba( 255,255,255,0.5),
    1px 1px 0 rgba( 255,255,255,0.5);
}

progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.25) inset;
}
progress::-webkit-progress-value {
	background: #1A4175;
	background: -moz-linear-gradient(top,  #1A4175 0%, #45679f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
	background: -webkit-linear-gradient(top,  #1A4175 0%,#45679f 100%);
	background: -o-linear-gradient(top,  #1A4175 0%,#45679f 100%);
	background: -ms-linear-gradient(top,  #1A4175 0%,#45679f 100%);
	background: linear-gradient(to bottom,  #1A4175 0%,#45679f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
	border-radius:2px;
}
progress::-moz-progress-bar {
	background: #1A4175;
	background: -moz-linear-gradient(top,  #1A4175 0%, #45679f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1A4175), color-stop(100%,#45679f));
	background: -webkit-linear-gradient(top,  #1A4175 0%,#45679f 100%);
	background: -o-linear-gradient(top,  #1A4175 0%,#45679f 100%);
	background: -ms-linear-gradient(top,  #1A4175 0%,#45679f 100%);
	background: linear-gradient(to bottom,  #1A4175 0%,#45679f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A4175', endColorstr='#45679f',GradientType=0 );
	border-radius:2px;
}
progress.green::-webkit-progress-value {
	background: #257f47;
	background: -moz-linear-gradient(top,  #257f47 0%, #45bf67 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#257f47), color-stop(100%,#45bf67));
	background: -webkit-linear-gradient(top,  #257f47 0%,#45bf67 100%);
	background: -o-linear-gradient(top,  #257f47 0%,#45bf67 100%);
	background: -ms-linear-gradient(top,  #257f47 0%,#45bf67 100%);
	background: linear-gradient(to bottom,  #257f47 0%,#45bf67 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#257f47', endColorstr='#45bf67',GradientType=0 );
	border-radius:2px;
}
progress.green::-moz-progress-bar {
	background: #257f47;
	background: -moz-linear-gradient(top,  #257f47 0%, #45bf67 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#257f47), color-stop(100%,#45bf67));
	background: -webkit-linear-gradient(top,  #257f47 0%,#45bf67 100%);
	background: -o-linear-gradient(top,  #257f47 0%,#45bf67 100%);
	background: -ms-linear-gradient(top,  #257f47 0%,#45bf67 100%);
	background: linear-gradient(to bottom,  #257f47 0%,#45bf67 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#257f47', endColorstr='#45bf67',GradientType=0 );
	border-radius:2px;
}
progress.red::-webkit-progress-value {
	background: #257f47;
	background: -moz-linear-gradient(top,  #AA0000 0%, #CC0033 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA0000), color-stop(100%,#CC0033));
	background: -webkit-linear-gradient(top,  #AA0000 0%,#CC0033 100%);
	background: -o-linear-gradient(top,  #AA0000 0%,#CC0033 100%);
	background: -ms-linear-gradient(top,  #AA0000 0%,#CC0033 100%);
	background: linear-gradient(to bottom,  #AA0000 0%,#CC0033 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AA0000', endColorstr='#CC0033',GradientType=0 );
	border-radius:2px;
}
progress.red::-moz-progress-bar {
	background: #257f47;
	background: -moz-linear-gradient(top,  #AA0000 0%, #CC0033 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA0000), color-stop(100%,#CC0033));
	background: -webkit-linear-gradient(top,  #AA0000 0%,#CC0033 100%);
	background: -o-linear-gradient(top,  #AA0000 0%,#CC0033 100%);
	background: -ms-linear-gradient(top,  #AA0000 0%,#CC0033 100%);
	background: linear-gradient(to bottom,  #AA0000 0%,#CC0033 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AA0000', endColorstr='#CC0033',GradientType=0 );
	border-radius:2px;
}
progress.gray::-webkit-progress-value {
	background: #257f47;
	background: -moz-linear-gradient(top,  #666666 0%, #AAAAAA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#AAAAAA));
	background: -webkit-linear-gradient(top,  #666666 0%,#AAAAAA 100%);
	background: -o-linear-gradient(top,  #666666 0%,#AAAAAA 100%);
	background: -ms-linear-gradient(top,  #666666 0%,#AAAAAA 100%);
	background: linear-gradient(to bottom,  #666666 0%,#AAAAAA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#AAAAAA',GradientType=0 );
	border-radius:2px;
}
progress.gray::-moz-progress-bar {
	background: #257f47;
	background: -moz-linear-gradient(top,  #666666 0%, #AAAAAA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#AAAAAA));
	background: -webkit-linear-gradient(top,  #666666 0%,#AAAAAA 100%);
	background: -o-linear-gradient(top,  #666666 0%,#AAAAAA 100%);
	background: -ms-linear-gradient(top,  #666666 0%,#AAAAAA 100%);
	background: linear-gradient(to bottom,  #666666 0%,#AAAAAA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#AAAAAA',GradientType=0 );
	border-radius:2px;
}


.extrainfo>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    height: 20px;
    width: 100%;
    margin-right: 30px;
}

.extrainfo>ul>li {
    display: inline-block;
    font-size:9pt;
    font-weight:800;
    position: relative;
    height: 5px;
    width: 15%;
    margin: 0;
    padding: 0;
}


.extrainfo>ul>li::after {
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    top: 0;
    left: 5px;
    margin-left: -5px;
    margin-top: -5px;
    border: 1px solid black;
	z-index: 1;
}

.extrainfo>ul>li::before {
    content: '';
    width: 30px;
    height: 4px;
    top: 0;
    background: #666;
    position: absolute;
    left: 5px;
    margin-top: -2px;
	margin-left:-100%;
    width: 100%;
}
.extrainfo>ul>li.active::before {
	background: #257f47;
}
.extrainfo>ul>li.active::after {
	background: #257f47;
	border: 1px solid #257f47;
}
.extrainfo>ul>li:first-child::before {
	display:none;
}

.curp{
	background: red;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    box-shadow: 0px 0px 8px rgba(255, 0, 0, 1);
    left: 240%;
    margin-left: 0px;
    margin-top: -5px;
    -webkit-transition: left .6s ease;
    -moz-transition: left .6s ease;
    -o-transition: left .6s ease;
    -ms-transition: left .6s ease;
    transition: left .6s ease;
    z-index: 2;
}

.curp {
	animation: curp_anim .6s infinite;
}

.badgered{
	position:absolute;
	top:-2px;
	left:-10px;
	height:16px;
	min-width:16px;
	border:2px solid white;
	background-color:#ef5350;
	border-radius:10px;
	font-size:10px;
	font-weight:500;
	letter-spacing:.1px;
	vertical-align:baseline;
	margin:0;
	padding:0;
	line-height: 1.5384616;
}

@keyframes curp_anim {
    0%   { background-color:rgba(255,  0,  0,1.0); }
   10%   { background-color:rgba(255,  0,  0,1.0); }
   50%   { background-color:rgba(255,255,255,1.0); }
   90%   { background-color:rgba(255,  0,  0,1.0); }
  100%   { background-color:rgba(255,  0,  0,1.0); }
}

.longcontent {
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
body:not(.page_cockpit):not(.page_explodoc):not(.page_pistecheck):not(.page_rescuedoc):not(.page_assessment):not(.page_runtracker):not(.page_snowprofiler) .longcontent:not(.wide) {
    max-width: 1000px;
}
.longcontent.wide{
	max-width:unset;
}
.page_cockpit .longcontent,
.page_rescuedoc .longcontent,
.page_runtracker .longcontent,
.page_snowprofiler .longcontent,
.page_assessment .longcontent,
.page_pistecheck .longcontent {
	max-width:unset;
}

.towergroupcontentcontainer{
	border: none;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	background-color: #fff;
	z-index: 10;
	position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}

details{
	font-size:13px;
	line-height:24px;
}

summary{
	font-size:16px;
}

.hlineX{ display:none; }

.statewrapper .hlineX{
	display:block;
	margin:16px;
	height:1px;
	background-color:lightgrey;
}


@media (max-width: 600px){
	#tab1{
		text-align:center;
	}

	.statewrapper{
	    margin-right: 0;
		max-width:100%;
	}

	.attributes{
		text-align:left;
	}

	.tab .buttons{
		float: none;
		display: inline-block;
		position: initial;
	}

	.hlineX{
		display:block;
		margin:16px;
		height:1px;
		background-color:lightgrey;
	}

	.buttons::before{
		display:none;
	}
}


h3#modal1Title{
    background-color: #1A4175;
    color: white;
    height: auto;
    vertical-align: bottom;
    font-size: 46px;
    line-height: 100%;
    font-weight: 200;
    padding-top: 72px;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    overflow: visible;
    text-align: left;
    margin-top: -35px;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 20px;
    overflow: hidden;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	position:relative;
}

h3#modal1Title.red{
	background-color: #f6bd16;
	color: black;
}

h3#modal1Title::before{
	content:attr(data-attr);
	position:absolute;
	right: 0;
	margin: 0;
	left: 0;
	margin-right: -8px;
	margin-top: -64px;
	line-height: 60px;
	vertical-align: top;
	font-size: 115px;
	color: rgba(255,255,255,0.15);
	font-weight:800;
	text-align: right;
	word-wrap: break-word;
}

form#entercodeform::before {
    content:attr(data-attr);
    display: block;
    width: 220px;
    left: auto;
    right: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}

.sb-active #sb-site{
	box-shadow:0 1.5px 4px rgba(0, 0, 0, 0.24) inset, 0 1.5px 6px rgba(0, 0, 0, 0.12) inset;
}

/* MATERIAL ICONS FROM GOOGLE */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;/* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;/* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;/* Support for IE. */
  font-feature-settings: 'liga';
}


/* // Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* // Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* // Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }



td.highlight{
	color:red;
	font-weight:800;
	text-decoration: underline;
}

.xscroll{
    overflow: hidden;
    overflow-x: auto;
}
.xscroll td {
    white-space: nowrap;
}

.yscroll{
    overflow-y: auto;
}

.errmsg{
	font-weight: 800;
	margin-top: 12px;
	padding-left: 16px;
	position: relative;
	display: none;
	color: white;
	background: #CC0033;
}

.errmsg:before{
	content:'';
	position: absolute;
	left: 6px;
	top: 50%;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: white;
}

textarea{
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 9px;
    width: 100%;
    font-family: roboto;
    white-space: pre-wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompletecontainer4 {
    margin-bottom: 4px;
}

.edits {
    margin-left: auto;
    margin-right: 0;
    width: auto;
    text-align: right;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 0;
    transition: height 0.2s ease-out;
}

.open .edits{
	height: 30px;
}

.edits div {
    height: 24px;
    width: 24px;
    background-color: grey;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.issuesteps {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 6px;
    overflow:hidden;
    max-height:0;
    transition: max-height 0.5s ease-in-out;
    border-top:none;
}

.open .issuesteps{
    max-height: 20000px;
    border-top: 1px solid #e5e5e5;
}

.issuestep {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    min-height: 72px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}

.issue:not(.editing) .issuestep:last-child {
    border-bottom: none;
}

.issuestep:last-child,
.issuestep.textcompletion {
    font-weight: 800;
    background-color: lightyellow;
}

.iss-content {
    width: auto;
    padding: 6px 72px;
    min-height: 37px;
    max-width: 500px;
    position: relative;
}

.iss-who {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    width: 64px;
    line-height: 16px;
    text-align: center;
    height: 100%;
    background: lightgoldenrodyellow;
    padding-top: 6px;
    border-right: 1px solid #e5e5e5;
	overflow:hidden;
}

.iss-when {
    position: absolute;
    bottom: 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 64px;
    z-index: 2;
}

.iss-action {
    position: relative;
    padding-left: 72px;
    padding-right: 72px;
    margin-top: auto;
    margin-bottom: 0;
    font-size: 13px;
}

.iss-action:after {
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: black;
    left: 72px;
    top: 50%;
    margin-top: -6px;
}

.iss-action i,
.iss-action a {
    color: #1a4175;
    font-style: normal;
}

.iss-content i,
.issue div:first-child a,
.issue div:first-child a:hover,
.issue div:first-child a:visited {
    color: #db4437;
    font-style: normal;
}

.iss-content a,
.iss-action  a {
	cursor:pointer;
}

.issuetitle {
    border-bottom: none;
    padding: 9px;
    font-weight: bold;
    padding-right: 60px;
    line-height: 24px;
    padding-left: 72px;
    cursor: pointer;
    position: relative;
}

.issuetitle span{
	font-weight:normal;
	font-size:13px;
	color:#555;
}

.issue .textcompletion {
    display: none;
}

.issue-editing .textcompletion{
	display:block;
}

.edits a {
    width: 24px;
    height: 24px;
    margin-left: 6px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 24px;
    color: #AAA;
}

.edits a:hover{
	color: #1a4175;
}

.issue .issuetitle:before {
    content: '';
    position: absolute;
    left: 19px;
    top: 50%;
    margin-top: -16px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;/* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    color: #333;
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
}

.issue.issue-delay .issuetitle:before {content: 'build';color: #1A4175;}
.issue.issue-done .issuetitle:before {	content: 'done';color: green;}
.issue.issue-open .issuetitle:before {	content: 'error_outline';color: red;}

.textcompletion h4 {
    margin: 0;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    color: #1a4175;
}

.textcompletion .btn {
    margin: 0;
}

.issue {
    margin-bottom: 0px;
    transition: margin 0.2s ease-out;
    text-align: left;
}

.issue:not(:first-child) {
	margin-top: -5px;
}

.issue.open > div:first-child{
	box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)
}

.issue > div:first-child{
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	background: #fff;
}

.issue.open > div:first-child{
	box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}

.issue.editing .edits{
	display:none;
}

.issuestep.textcompletion {
    border: none;
}

.textcompletion .iss-content {
    max-width: none;
    padding-left: 9px;
}

.textcompletion .iss-who {
    display: none;
}

.textcompletion.issue-add-new {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    padding: 9px;
}

.issue .btn-cancel {
    background: #e5e5e5;
    color: black;
    margin-right: 5px;
}
.issue .btn-cancel:hover {
    background: lightgrey;
}

.issue .btn,
.textcompletion .btn {
    padding: 5px 15px;
    margin-bottom: 5px;
}

.issuetitle:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: black;
    right: 12px;
    bottom: 0;
    margin-bottom: 6px;
}

.open .issuetitle:after {
    border-top-color: transparent;
    border-bottom-color: black;
    margin-bottom: 12px;
}

.issuetitle:hover:after{
	border-top-color:red;
}

.open .issuetitle:hover:after {
    border-top-color: transparent;
    border-bottom-color: red;
}

.issue.open {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

.issue-attachments {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: -8px;
}

.issue-attachment {
    /* height: 88px; */
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    background: rgba(0,0,0,.03);
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0,0,0,.11), 0 1px 2px rgba(0,0,0,.22);
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: filter, box-shadow .15s cubic-bezier(.4,0,.2,1);
    filter: brightness(90%);
}

.issue-attachment img {
    max-width: 132px;
    max-height: 88px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    vertical-align: middle;
}

.issue-attachment:hover {
    box-shadow: 0 0 3px rgba(0,0,0,.13), 0 3px 6px rgba(0,0,0,.26);
	filter: brightness(100%);
}

.note-file-attachment_line {
	display: flex;
	flex-direction: row;
}

.note-file-attachment {
	display: flex;
	align-items: center;
	padding: 5px 6px;
	margin-left: 2px;
	margin-bottom: 10px;
	max-width: calc( 100% - 12px);
}

.note-file-attachment .material-icons {
	color: #194175;
	padding-left: 5px;
	padding-right: 5px;
}

.tabs h4 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.tabs + :not(.jsoneditor) table {
    margin-bottom: 20px;
    border: 1px solid lightgrey;
    border-collapse: collapse;
}

.tabs table:not(.q-table) td,
.tabs table:not(.q-table) th {
    border: 1px solid lightgrey;
    padding: 5px;
    height: 20px;
    background: transparent;
}

.tabs table:not(.q-table) tr:hover,
.tabs table:not(.q-table) tr:hover th,
.tabs table:not(.q-table) tr:hover td,
.tabs table:not(.q-table) td:hover,
.tabs table:not(.q-table) th:hover {
    border-color: lightgrey;
    background-color: #fff;
}


.tg_map{
	height:180px;
	position:relative;
	z-index: -1;
}

.meta_map{
	height: 580px;
	position:relative;
}

.tg_map_type-1 .tg_map{
	height:320px;
}

.tg_map_overlay {
    content: '';
    width: 100%;
    height: 141px;
    position: absolute;
    top: 0;
    z-index: 10;
}

.tg_map_type-1 .tg_map_overlay{
	height: 320px;
}


/**** ANIMATION OF SIGNATURE ****/

.multicheck .twolineblock > .towername{
    transform: translate(24px);
}

.towerselectboxlabel:hover + .signature1 + .twolineblock > .towername,
.towerselectboxlabel:hover + .signature2 + .twolineblock > .towername,
.towerselectboxlabel:hover + .signature3 + .twolineblock > .towername{
    transform: translate(24px);
}

.towerselectboxlabel:hover + .signature1,
.towerselectboxlabel:hover + .signature2,
.towerselectboxlabel:hover + .signature3 {
	opacity:1;
	transform: translate(40px,-10px) scale(0.6);
}

.multicheck > .wm-group-row > label + .signature1,
.multicheck > .wm-group-row > label + .signature2,
.multicheck > .wm-group-row > label + .signature3 {
	opacity:1;
	transform: translate(40px,-10px) scale(0.6);
}

.signature1,
.signature2,
.signature3 {
	transition: transform 0.2s ease-in-out;
}


.wm-group-row > .twolineblock > .towername {
    transition: transform 0.2s ease-in-out;
}

[id^="checkbox-3-"] + label {
    transition: opacity 0.2s ease-in-out;
}

/* TABLE OF EVENTS */

.option-expltime:before {
    content:'';
    position:absolute;
    width:auto;
    top: 10px;
    left: 0;
    right: 0;
    height:24px;
    background-size: 24px;
    background-position:center;
    background-repeat: no-repeat;
}

.option-expltime.expl:before {
	background-image:url('../img/basic/explosionb.svg');
}

.option-expltime.dud:before {
	background-image:url('../img/basic/explosionneg.svg');
}

.option-expltime.test:before {
	background-image:url('../img/basic/verified9b.svg');
}

.option-expltime.check:before {
	background-image:url('../img/basic/verified9b.svg');
}

.option-expltime:after {
    content: attr(data-attr);
    position: absolute;
    font-size: 12px;
    color: #555;
    bottom: 10px;
    width: 100%;
    text-align: center;
    left: 0;
    line-height: 14px;
    color: rgb( 153, 153, 153 );
}

.option-expltime.loading:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid rgba(0,0,0,0.2);
    border-top-color: black;
    position:absolute;
    margin:0;
    margin-left: -8px;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    border-radius: 100%;
    animation: rotating 1.5s linear infinite;
    z-index:-1000;
}

.option-expltime {
    position: relative;
}

.option-number{
	position:relative;
	text-align:center;
	border-left: solid 1px #e5e5e5;
}

/*********** RESPONSIVE *************/
@media (max-width: 805px) {	.l-8 {	display:none !important;	}	}
@media (max-width: 740px) {	.l-7 {	display:none !important;	}	}
@media (max-width: 675px) {	.l-6 {	display:none !important;	}	}
@media (max-width: 610px) {	.l-5 {	display:none !important;	}	}
@media (max-width: 545px) {	.l-4 {	display:none !important;	}	}
@media (max-width: 480px) {	.l-3 {	display:none !important;	}	}
@media (max-width: 415px) {	.l-2 {	display:none !important;	}	}
@media (max-width: 415px) {	.l-1 {	display:none !important;	}	}

@media (max-width: 415px) {
	.stateimg{
		display:inline-block !important;
		padding: 16px 0 !important;
	}
	.chrg{
		display:inline-block !important;
		padding: 16px 12px !important;
	}
	.chrg span{
		left:26px !important;
	}
}

/* Extra space to spread "table" over large screens. */
.ex{
	display:none !important;
}

@media (max-width: 340px) {

	.panel-cross {
		opacity: 0;
	}
}

@media (max-width:340px) {

	.towergroupmarking{
		display:none;
	}
}

/***  SWEET ALERT ***/

.sweet-alert h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.sweet-alert input {
	margin: 10px;
	padding: 5px;
	text-align: left;
	font-size: 20px;
	border: 1px solid lightgrey;
	box-shadow: 0 0 1px red;
}

/*** MAP GRADIENT ***/

h3.tgmt{
	position: absolute;
	bottom: 0;
	background: rgba(26,65,117,0.75);
}



.inhalttransparent {
    margin-bottom: 20px;
}

.sweet-alert .issue {
    font-size: 13px;
}

.sweet-alert .issue > div:first-child {
    box-shadow: none;
    border: 1px solid lightgrey;
}

.sweet-alert .issue .issuesteps {
    margin-bottom: 0;
}

.stattile{
	display:inline-block;
	width: 33.33333%;
	height: 120px;
}

.hideable-usr .stattile{
	display:inline-block;
	width: 25%;
	height: 120px;
}

@media( max-width: 50em )
{
	.hideable-usr .stattile,
	.stattile{
		display:inline-block;
		width:50%;
		height: 120px;
	}
}

@media( max-width: 30em )
{
	.hideable-usr .stattile,
	.stattile{
		display:inline-block;
		width:100%;
		height: 120px;
	}
}

.stattile > div {
    overflow:hidden;
    margin: 10px;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    position:relative;
    cursor:pointer;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 5px;
    z-index: 1;
    background-color:white;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.stattile > div:hover{
	box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}

.stattile div div{
    position:absolute;
    top: 20px;
    left: 20px;
    right:15px;
    font-size:16px;
}

.stattile div div small{
    font-size: 11px;
    display:block;
    margin-top: -4px;
}

.stattile div span.sparklines {
	font-size:56px;
	line-height:56px;
	position:absolute;
	bottom: -3px;
	right: 10px;
	text-align:right;
	z-index: -1;
}

span.statvalue {
    font-size: 24px;
    font-weight: 800;
}

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

/* remodal header */
.remodalHeader {
	display: flex;
	flex-direction: column;
	text-align: left;
	gap: 10px;
	margin-bottom: 10px;
}

.remodalHeaderTilte {
	color: #1A4175;
	font-size: 36px;
	margin-bottom: 5px;
}

.remodalHeaderContent {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.remodalHeaderInfos {
	display: flex;
	flex-direction: column;
}

.remodalHeaderBtns {
	display: flex;
	gap: 5px;
}

.remodalHeaderBtns .btn {
	margin-top: 0px;
}

@media ( max-width: 700px ) {
	.remodalHeaderContent {
		align-items: flex-start;
	}

	.remodalHeaderBtns {
		flex-direction: column;
		text-align: right;
	}

	.remodalHeaderBtns a {
		width: fit-content;
		align-self: flex-end;
	}
}

@media ( max-width: 550px ) {
	.remodalHeaderContent {
		flex-direction: column;
		gap: 10px;
	}

	.remodalHeaderBtns {
		text-align: left;
	}

	.remodalHeaderBtns a {
		width: fit-content;
		align-self: flex-start;
	}
}


.remodal table,
.editpage table {
    text-align: left;
    border-collapse:collapse;
    border-spacing: 0;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
}

.remodal table:not(.riskeval_table_matrix),
.editpage table:not(.riskeval_table_matrix) {
	overflow-x: scroll;
}

.remodal table td,
.remodal table th,
.editpage table td,
.editpage table th
{
    border:1px solid lightgrey;
    padding: 0px 3px;
}

.remodal table tr.nodud {
    opacity: 0.8;
    text-decoration: line-through;
    filter: grayscale(90%);
}

.remodal table.producttable {
	border-collapse: separate;
	border-spacing: 2px;
	overflow-x: auto;
	font-size: 11.5pt;
}

.remodal table.producttable td,
.remodal table.producttable th{
	border: 0;
	padding: 5px 10px;
}

.stattile.loading  > div:after {
    content: '';
    position: absolute;
    height: 48px;
    width: 48px;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
    border-radius: 100%;
    border: 4px solid;
    border-color: rgba( 0,0,0,0.2 );
    border-right-color: rgba( 0,0,0,0.9 );
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    z-index: 12;
}

.stattile.loading > div:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba( 255,255,255,0.7);
    z-index: 11;
}

.stattile-EGAA > div,
.stattile-ERA > div,
.stattile-CRE  > div{	background-color:#F6BD16; 		color:black; 	}
.stattile-CTS  > div,
.stattile-EGA  > div{	background-color: #1a4175;		color: white;	}
.stattile-DUD  > div{	background-color:orangered;		color:white; 	}
.stattile-CPW  > div{	background-color:lightcoral;	color:black; 	}
.stattile-CRB  > div{	background-color:lightcoral;	color:black; 	}
.stattile-ERP > div,
.stattile-EIA > div,
.stattile-EGAC > div,
.stattile-FCRE > div{	background-color: #8BC34A;		color:black;	}
.stattile-FCTS > div{	background-color: #257f47;		color: #FFffff;	}
.stattile-ECRE > div{	background-color: #F6BD16;		color: black;	}

.stattile-CRE > div{ background-image: url('../img/basic/explosion.svg'); }
.stattile-CTS > div{ background-image: url('../img/basic/verified9.svg'); }
.stattile-ECRE > div{ background-image: url('../img/basic/circle48.svg'); }


.stattile  > div{
	background-repeat: no-repeat;
	background-position-x: 90%;
	background-position-y: 50%;
	background-blend-mode: soft-light;
	background-size: 30%;
}

span.sparklines.inlinebar:after {
	content: '';
	width: 1px;
	height: 20%;
	background: black;
	position: absolute;
	bottom: 0;
	right: 2px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


div#overallhistory {
    background: transparent;
    box-shadow: none;
    padding: 0;
    overflow: visible;
    margin-right: -10px;
    margin-bottom: 0;
    background: inherit;
}

.r{
	text-align:right;
}

.c{
	text-align:center;
}

tr.hasissue td {
    background: orange;
}

.reli{
    font-size: 11px;
    font-weight: bold;
    background: #009688;
    padding: 2px 5px;
    border-radius: 2px;
    color: white !important;
    line-height: 1;
    margin-left: 2px;
    margin-right: 2px;
    white-space: nowrap;
}

.reli-tower:before,
.reli-phone:before,
.reli-mail:before,
.reli-move:before,
.reli-person:before,
.reli-issue:before,
.reli-class:before,
.reli-event:before,
.reli-empty:before,
.reli-code:before,
.reli-assign:before {
    content: 'place';
    font-family: 'Material Icons';
    font-size: 12px;
    vertical-align: text-bottom;
    font-weight: normal;
    font-style: normal;/* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
    margin-right: 3px;
}

.reli-event{	background: #F6BD16;	color: black !important;	}
.reli-event.err{background: #ff3019;    color: #fff  !important; 	}
.reli-tower{	background: #2196F3;	}
.reli-issue{	background: #ff3019;	}
.reli-class{	background: #1a4175;	}

.reli-grp{
	background: #FFEB3B;
	color: black !important;
}

.reli-tower + .reli-grp{
	color: white !important;
	background: #1a4175;
	padding-left: 14px;
	position: relative;
}
.reli-tower + .reli-grp:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0px;
    border: 8.6px solid transparent;
    border-left-color: #2196F3;
}

.reli-person:before {	content: 'person';	}
.reli-event:before {	content: 'timeline';}
.reli-phone:before {	content: 'call';	}
.reli-mail:before {		content: 'mail';	}
.reli-move:before {		content: 'moving';	}
.reli-empty:before{		content:'person';	}
.reli-assign:before {	content: 'forward';	}
.reli-issue:before {    content: 'notifications';	}
.reli-class:before {    content: 'label';	}
.reli-code:before {		content: 'block';	}

.reli-code {
	font-style:normal;
}

.reli-code:after {
    content: attr(data-attr);
    background: rgba( 255,255,255,0.6);
    color: black;
    height: 100%;
    padding: 0px 10px 0 10px;
    margin-left: 5px;
    font-family: monospace;
    font-size: 13px;
    font-weight: normal;
}

.mnu-img:not([data-attr=""]):before {
    content: attr(data-attr);
    position: absolute;
    right: 12px;
    background: #cf0404;
    padding: 3px 7px;
    color: white;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 800;
    /* height: 22px; */
    top: 13px;
    text-align: center;
    min-width: 8px;
}

#menubtn div{
	content: attr(data-attr);
	position: absolute;
	right: 5px;
	background: #cf0404;
	padding: 2px;
	color: white;
	border-radius: 11px;
	font-size: 13px;
	font-weight: 800;
	height: 16px;
	top: 9px;
	text-align: center;
	min-width: 16px;
	z-index: 10;
	line-height: 16px;
}

.headerselect div {
    padding: 1px 12px;
    width: auto;
    display: inline-block;
    cursor:pointer;
    border-bottom: 4px solid transparent;
    z-index: 3;
}

.headerselect {
    position:absolute;
    top: -34px;
    right:10px;
    color: #4c4c4c;
    background: inherit;
    font-size: 13px;
    font-weight: 400;
    height: 28px;
    border-bottom: 1px solid lightgrey;
    padding-left: 20px;
}

.headerselect div.act {
    border-bottom-color: #1a4175;
    color: #1a4175;
    font-weight: 800;
}

.protadmininfo {
    margin-left: 74px;
    font-size: 13px;
    margin-top: -5px;
    margin-bottom: 5px;
    color: #777;
}

.protocollist a.reli,
.protocollist i.reli {
    margin-left: 0;
}

.menu-preview {
	color: red;
	float: right;
	font-size: 12px;
}


.convlength {
    position: absolute;
    right: 12px;
    font-weight: normal;
    color: #666;
}

.convlength:before {
    content: 'message';
    font-family: 'Material Icons';
    vertical-align: text-bottom;
    font-weight: normal;
    font-style: normal;/* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
    margin-right: 3px;
}

i.material-icons.mi-small {
    font-size: 18px;
    line-height: 16px;
    vertical-align: bottom;
}

/* TEMPERATURE AMBIENT */
.tempa {
    position: relative;
}

.tempa + .bgraph {
    border-left: solid 1px #e5e5e5;
}

.tempa:after {
    content: attr(data-attr);
    font-size: 13px;
    position: absolute;
    right: 3px;
    left: 3px;
    text-align: center;
}

.marking.l-6 {
    width: 70px;
}

.eventp,
.protocollist > p
{
	box-shadow:0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.eventp:hover {
	box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
	text-decoration:none;
	z-index: 1;
}

.clickable{
	cursor:pointer;
}

/************* AVT ***************/

input#fileToUpload {
	height: 0.1px;
	overflow: hidden;
	width: 0.1px;
	position: absolute;
	opacity: 0;
}

label {}

#filetoUpload {
	background: red;
}

input#fileToUpload + label {
	border-radius: 3px;
	box-sizing: border-box;
	margin: 0;
	overflow: visible;
	padding: 20px;
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	bottom: 0;
	text-align: center;
	vertical-align: middle;
}

form#form1 {
	position: relative;
	height: 72px;
	padding: 10px;
	background: white;
	border: 2px rgb(26,64,117) dashed;
}

/* AVT History */

.avt-pictures img {
	max-width: 150px;
	max-height: 150px;
	box-shadow: 0 0 38px -5px;
	border: 1px solid white;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	display: inline-block;
}

.avt-pictures {
	text-align: center;
}

.avt-param p {
	display: inline-block;
	width: auto;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 50%;
	text-align: right;
	padding-right: 8px;
	font-size: 13px;
	line-height: 24px;
}

.avt {
	background: #F2F2F2;
	padding: 5px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.avt-param {
	padding-left: 50%;
	position: relative;
	border-bottom: 1px solid lightgrey;
	text-align:left;
}

.avt-text{
	cursor:pointer;
	font-size: 13px;
	line-height: 16px;
	padding-left: 5px;
}

.avt.active .avt-text{
	border-bottom: 1px dashed black;
	padding-bottom: 5px;
	margin-bottom: 6px;
}

.avt:not(.active) .avt-param{ display:none; }
.avt:not(.active) .avt-pictures{ display:none; }

.avt-text{
	text-align:left;
	color:grey;
	font-size:11px;
}

.avt-text p {
	color:black;
	font-size:13px;
	margin: 0;
}

.avt-new {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid lightgrey;
}

.avt-new-title {
	line-height: 1;
	font-weight: bold;
	color: rgb(26,64,117);
	margin-bottom:5px;
	margin-top:15px;
}

.avt-new .btn {
	margin-top: 0;
	margin-bottom: 8px;
}

.radiobuttons .btn {
	border-radius: 0;
	margin-right: 0;
	background: transparent;
	color: black;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid lightgrey;
	margin-right: -4px;
}

.radiobuttons .btn:after {
	content: '';
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	overflow: visible;
}

.radiobuttons .btn:hover:after {
	background: grey;
}

.radiobuttons .btn.selected:after {
	background: rgb( 26, 64, 117 );
}

.radiobuttons .btn.selected {
	color: rgb( 26, 64, 117 );
	font-weight:bold;
}

.step{
	margin-top:10px;
	margin-bottom:10px;
}

.stepform{
	text-align:left;
}

.btn{
	transition:padding 0.5s ease;
}

.btn-grey{
	background:#e5e5e5;
	color:black;
}
.btn-grey:hover{
	background:lightgrey;
}

.btn.selected.saving,
.btn.selected.error,
.btn.selected.saved{
	padding-left:44px;
	transition:padding 0.5s ease;
}

.btn.selected.saving:before{
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 100%;
    position: absolute;
    left: 14px;
    top:16px;
    border: 2px solid;
    border-color: #eee #eee #eee rgb(26,64,117);
    animation: rotating 1s linear infinite;
}

.btn.selected.saved:before{
    content: 'done';
}

.btn.selected.error:before{
    content: 'error';
	color:red;
}

.btn.selected.saved:before,
.btn.selected.error:before{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;/* Preferred icon size */
    display: inline-block;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
    width: 18px;
    height: 18px;
    position: absolute;
    left:12px;
}

.steptitle {
    color: black;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    padding-left: 32px;
    margin-top: 32px;
    padding-bottom: 2px;
    line-height: 16px;
    font-size: 13px;
	position:relative;
}

.steptitle:before {
    content: '';
    color:red;
    text-align:center;
    width:24px;
    height:24px;
    background: #ccc;
    border-radius:100%;
    position:absolute;
    left: 0px;
    bottom: -3px;
    content: 'clear';
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;/* Preferred icon size */
    line-height: 24px;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
    position: absolute;
}

.steptitle.selectionmade:before{
	color:green;
	content:'done';
}

.stepform .step.only-explo,
.stepform .step.only-aval{
	display:none;
}

.stepform.avt-exp .step.only-explo,
.stepform.avt-av  .step.only-aval{
	display:block;
}


.eventp p:after {
    content: attr(data-attr);
    color: rgba(0,0,0,0.3);
    font-size: 10px;
    position: absolute;
    right: -8px;
    top: -15px;
}

.eventp.near p:after {
	top: -11px;
}


/* Clean 1. June 2016 */
@media (max-width: 40em)
{
	.logo{ display:none; }
	.headerSearch{ right:6px; }
	#titlecontainer .options{ right:48px; }
}

.servercheck {
    display: inline-block;
    line-height: 24px;
    padding-left: 30px;
    position: relative;
}

.servercheck i {
    line-height: 24px;
    font-size: 24px;
    margin-top: 6px;
    position: absolute;
    left: 0;
    margin-top: -12px;
    top: 50%;
}

.wac-changelog-container {
    display: block;
    position: fixed;
    bottom: 0;
    width: 250px;
    max-height: 300px;
    left: 0;
    right: 0;
    z-index: 1000;
    overflow-y: hidden;
    background: white;
    box-shadow: 0 1.5px 4px rgb(0 0 0 / 24%), 0 1.5px 6px rgb(0 0 0 / 12%);
}


div#multiloginselect div {
    height: 26px;
    border-left:3px solid transparent;
    border-bottom: 1px solid lightgray;
    padding: 16px;
    cursor:pointer;
    padding-right: 56px;
}

div#multiloginselect div:hover {
    border-left-color:#1a4175;
}

div#multiloginselect div:last-child {
	border-bottom:none;
}

#multiloginselect div i.material-icons {
    position: absolute;
    right: 0;
    top: 0px;
    padding: 16px;
    display: none;
}

div#multiloginselect div {
    position: relative;
}

#multiloginselect div:hover i.material-icons {
    display: initial;
    color: lightgray;
}

#multiloginselect div:hover i.material-icons:hover {
    color: darkred;
}

.towername .material-icons {
    font-size: 14px;
    line-height: 0px;
    margin-top: 0;
    transform: translateY(2px);
}

.reli .material-icons {
    font-size: 13px;
    transform: translateY(2px);
    margin-left: 4px;
}


iframe.radar {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 6px);
    margin: 0;
    overflow: hidden;
    box-shadow: 0 1.5px 6px rgba(0, 0, 0, 0.24), 0 1.5px 8px rgba(0, 0, 0, 0.12);
}


h5.doctitle {
    margin-bottom: 0;
    margin-top: 9px;
    font-size: 15px;
    font-weight: 800;
}

a.docdownloadlink {
    background: #fff;
    color: #fff;
    padding: 0;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: 300;
    margin-right: 8px;
    margin-bottom: 8px;
	box-shadow: 0 0 1px rgb(0 0 0 / 11%), 0 1px 2px rgb(0 0 0 / 22%);
	filter: brightness(90%);
	transition: filter, box-shadow .15s cubic-bezier(.4,0,.2,1);
}

a.docdownloadlink:hover {
    text-decoration: none;
    box-shadow: 0 0 3px rgba(0,0,0,.13), 0 3px 6px rgba(0,0,0,.26);
	filter: brightness(100%);
}

a.docdownloadlink .docdownloadlinktitle{
	height:32px;
	line-height:32px;
	font-size: 16px;
	position:absolute;
	bottom:5px;
	left:0;
	margin-right:0;
	width:calc(100% - 10px);
	background:rgba(26,64,117,0.9);
	padding-left:10px;
}

div#excel_table {
    margin-bottom: 20px;
}


table select.jeditselect {
    padding: 0;
    font-size: 14px;
    width: 100px;
}

.completiontable .jedit.changed:after {
	content: attr(attr-initial);
	color: red;
	position: absolute;
	left: 100%;
	margin-left: 5px;
	overflow: visible;
	white-space: nowrap;
}

.completiontable .jedit.changed + td {
	color: red;
}

.completiontable .jedit.confirmed + td {
	color: green;
}

.completiontable td.jedit.confirmed + td + td input {
    display: none;
}

.signatureimg img {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    position: absolute;
}

.signatureimg.flip img {
    transform: rotate(180deg);
}

.wm-group-row .btn {
    padding: 5px 15px;
    margin: 11px;
}

tr.newdate td {
    border-top-width: 2px;
    border-top-color: grey;
}

table .material-icons:not(.q-icon) {
    font-size: 16px;
    line-height: 13px;
    transform: translateY(3px);
}

.dynloader {
    width: 48px;
    height: 62px;
    /* background: yellow; */
    margin: auto;
    position: relative;
    margin-bottom: 10px;
}

.dynloader:after {
    position: absolute;
    content: '';
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    border: 4px solid rgba( 0,0,0,0.2);
    border-right-color: rgba( 0,0,0,0.9);
    margin-left: -28px;
    margin-top: -28px;
    /*animation: rotating 2s linear infinite;*/
	animation: rotating 2s cubic-bezier(0.17, 1.19, 1, 0.56) infinite;
}

.dynloader.small{
	height: 24px;
	width: 24px;
	display:
	inline-block;
	line-height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}

.dynloader.small:after {
	width:24px;
	height:24px;
	margin-left: -12px;
	margin-top: -14px;
}

.dynloader.white:after {
	border-color: rgba( 255,255,255,0.2);
	border-right-color: rgba( 255,255,255,0.9);
}

.mini-dynloader {
	font: 100%/1.5em sans-serif;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight: 400;
	font-size: 11.5pt;
	text-size-adjust: 100%;
	cursor: text;
	color: #717171;
	width: 22px;
	height: 17px;
	margin: auto;
	position: relative;
	margin-bottom: 10px;
	text-align: right;
}

.mini-dynloader:after {
	position: absolute;
	content: '';
	width: 13px;
	height: 13px;
	right: 0;
	top: 50%;
	border-radius: 100%;
	border: 4px solid rgba( 0,0,0,0.2);
	border-right-color: rgba( 0,0,0,0.9);
	/* margin-left: 0; */
	margin-top: -7px;
	/* animation: rotating 2s linear infinite; */
	animation: rotating 2s cubic-bezier(0.17, 1.19, 1, 0.56) infinite;
}

.mini-dynloader.white:after {
	border: 4px solid rgba( 255,255,255,0.2);
	border-right-color: rgba( 255,255,255,0.9);
}

tr.newdate td {
    border-top-width: 2px;
    border-top-color: grey;
}

/* explodoc transfer visualization */

.explo-move>div {
    display: inline-block;
    position: relative;
}

.explo-source:after,
.explo-destination:after {
	content:attr(data-prediction);
	position:absolute;
	top:30px;
	width:100%;
	left:0;
	color:white;
	font-size:20px;
	font-weight:bold;
}

.explo-source, .explo-destination {
    width: 100px;
    max-width: 25vw;
    height: auto;
    max-height: 25vw;
    vertical-align: top;
}

.explo-transfer {
	height:auto;
    width: 200px;
    padding-top: 20px;
}

.explo-source img,
.explo-destination img {
    display:block;
    width:100px;
    height:100px;
}

.explo-transfer:before {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    top: 50px;
    border: 10px solid transparent;
    border-left-color: #2b2e38;
    margin-top: -10px;
    margin-right: -12px;
}

.explo-transfer:after {
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    top: 50px;
    margin-top: -2px;
    background: #2b2e38;
    left: 0;
}

.explo-transfer form#myform {
    margin-top: 20px;
}

.explo-type-title {
    font-size: 13px;
    color: rgb( 51, 51, 51 );
    padding-top: 2px;
    line-height: 20px !important;
    padding-left: 10px !important;
}

@media only screen and (min-width: 750px) {
    .explo-type-title:after {
        content: attr(data-subtitle);
        position: absolute;
        left: 10px;
        top: 21px;
        color: rgb( 153, 153, 153 );
        font-size: 12px;
    }
}

.btn[data-icon]{
	padding-left:48px;
}

.btn[data-icon]::after{
	content:attr(data-icon);
	position:absolute;
	left: 12px;
	top: 50%;
	margin-top: -12px;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

.btn.mini[data-icon]{
	padding-left:18px;
}
.btn.mini[data-icon]::after{
	font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    left: 3px;
}

.btn[class^="wac3icon-"],
.btn[class*=" wac3icon-"] {
	padding-left:48px;
}

.btn[class^="wac3icon-"]::before,
.btn[class*=" wac3icon-"]::before {
	display: inline-block;
	position:absolute;
	left: 12px;
	top: 50%;
	margin-top: -12px;
	height: 24px;
	width: 24px;
	font-size: 24px;  /* Preferred icon size */
	background-size: 24px 24px;
	font-family: 'WAC3-Icon-Font' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn-compact[data-icon] {
	padding-left: 30px !important;
}

.btn-compact[data-icon]::after {
	content: attr(data-icon);
	left: 6px;
	margin-top: -10px;
	font-size: 18px;
	height: 18px;
	width: 18px;
	background-size: 18px 18px;
}

.btn-compact[class^="wac3icon-"],
.btn-compact[class*=" wac3icon-"] {
	padding-left: 30px !important;
}

.btn-compact[class^="wac3icon-"]::before,
.btn-compact[class*=" wac3icon-"]::before {
	left: 6px;
	top: 50%;
	margin-top: -10px;
	height: 18px;
	width: 18px;
	font-size: 18px;  /* Preferred icon size */
	background-size: 18px 18px;
}

.btn-inverted[class^="wac3icon-"],
.btn-inverted[class*=" wac3icon-"],
.btn[class^="wac3icon-"],
.btn[class*=" wac3icon-"] {
	font-family: unset !important;
	speak: unset !important;
	font-style: unset !important;
	font-weight: 600 !important;
	font-variant: unset !important;
	text-transform: unset !important;
	line-height: unset !important;
	/* -webkit-font-smoothing: antialiased; */
	-moz-osx-font-smoothing: unset !important;
}

.end-btn {
	margin-right: 0px;
}

/* outline btn */

.btn-outline {
  color: #1A4175;
  border: 1px solid #1A4175;
  background-color: transparent;
}

.red-btn.btn-outline {
  color: #8b0000;
  border: 1px solid #8b0000;
  background-color: transparent;
}

.green-btn.btn-outline {
  color: #006400;
  border: 1px solid #006400;
  background-color: transparent;
}

.greenblue-btn.btn-outline {
  color: #006666;
  border: 1px solid #006666;
  background-color: transparent;
}

/* outline btn hover  */

.btn-outline:hover,
.btn-outline:focus {
  background-color: rgba(26, 65, 117, 0.16);
}

.red-btn.btn-outline:hover,
.red-btn.btn-outline:focus {
  background-color: rgba(117, 26, 26, 0.16);
}

.green-btn.btn-outline:hover,
.green-btn.btn-outline:focus {
  background-color: rgba(33, 117, 26, 0.16);
}

.greenblue-btn.btn-outline:hover,
.greenblue-btn.btn-outline:focus {
  background-color: rgba(0, 102, 102, 0.16);
}

.package,
.package_add {
    background: #1a4175;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    border-radius: 12px;
    margin: 3px;
	cursor:pointer;
}

.package:hover,
.package_add:hover{
	background: rgb(88,154,233);
}

.package_add {
	width: 8px;
}

.expid{
	background: #e5e5e5;
	color: #000;
	border-radius:3px;
	padding: 1px 12px;
	font-size: 18px;
	font-family: monospace;
	padding-left: 60px;
	position:relative;
	display: inline-block;
	/* min-width: 210px; */
	/* min-width: 18em; */
}

.accordion > .expid {
	min-width: 190px;
}

.expid:before{
	content:attr(data-ctry);
	background:#006666;
	background: #1a4175;
	color: #fff;
	text-align:center;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	position: absolute;
	left: 0px;
	top: 0;
	padding-top: 1px;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.accordion {
	transition: all 0.2s ease-out;
	overflow: hidden;	
}

.collapsed {
	display: none;	
}

.expidIcon {
	cursor:pointer;
	position: relative;
	top: 5px;
	min-width: 25px;
	display: inline-block;
}

.expidIcon.add {
	color: green;
}

.expidIcon.remove {
	color: red;
}

.explistitem {
	width: 420px;
	margin: auto;
	border-radius: 3px;
	padding: 2px;
}

.accordion > .expidIcon {
	min-width: 45px;
}

.change {display: block;padding: 2px 6px;border-bottom: 1px solid lightgray;position: relative;}

.change:nth-child(2n-1) {
    background: lightgoldenrodyellow;
}

.changename {
    position: absolute;
    right: 6px;
}

.changename {
    color: #1a4175;
    top: 2px;
}

.changevalue {
    word-wrap: break-word;
}

.changelog {
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid grey;
    top: 0;
    bottom: 0;
    height: auto;
    max-height: 300px;
}

.changedate,.changename {
    font-size: 11px;
    font-weight: bold;
}

.protocolinfo{
	color:#000;
}
.protocolinfo .material-icons{
	color:#1a4175;
	transform: translateY( 6px );
}


.mgmtChipsNew input[type="text"]{
	background: transparent;
	border: none;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    -webkit-appearance: none;
	left: 0;
    right: 0;
    line-height: 24px;
}

.mgmtChipsNew{
	position:relative;
	display: inline-block;
}

.mgmtChipsList{
	position:absolute;
	background: #fff;
    box-shadow: 0px 8px 11px rgba( 0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
    border-radius: 2px;
	max-width: 80vw;
	width: 500px;
	z-index: 1;
}

.mgmtChipsList p,
.mgmtChipsList li {
    color: black;
    margin: 0 12px;
    border-bottom: 1px solid lightgrey;
    padding: 10px;
	cursor:pointer;
	position:relative;
}

.mgmtChipsList p:hover,
.mgmtChipsList li:hover {
	background: #e2e2e2;
}

.mgmtChipsList p small {
    color:#1a4175;
	margin-right:6px;
}

.mgmtChipsList p::before,
.mgmtChipsList li::before {
    content:attr(data-icon);
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;/* Preferred icon size */
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;/* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;/* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;/* Support for IE. */
    font-feature-settings: 'liga';
    width: 18px;
    height: 18px;
    position: absolute;
    left:7px;
	color:#1a4175;
}

.mgmtChipsList p:last-child
.mgmtChipsList li:last-child {
    border: none;
}

.mgmtChips{
	list-style: disc;
	padding: 5px 20px;
	margin: 0;
	font-size: 13px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	cursor:text;
}

.mgmtChip{
	list-style: disc;
	display: inline-block;
}

.mgmtChip:not(:last-child){
    list-style: disc;
    padding: 5px 32px;
	padding-left: 15px;
    border-radius: 30px;
    background: #e2e2e2;
	position:relative;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.mgmtChip{
	position:relative;
}

.mgmtChip[data-type="user"]:before{
	content:'person'
}
.mgmtChip[data-type="contact"]:before{
	content:'person'
}
.mgmtChip[data-type="list"]:before{
	content:'people'
}

.mgmtChipRemove{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 8px;
    color: gray;
	cursor: pointer;
}

.mgmtChipRemove:hover{
	color:black;
}


.light-table-filter-info {
    margin-left: 10px;
    color: #1a4175;
    font-size: 13px;
    font-weight: bolder;
}

.light-table-filter-info:after {
    content: ' Rows';
}

.tgmk .badge{
    background-color: #db4437;
    color: white;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 6px;
    min-width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    border-radius: 18px;
}

.ida-map-loading {
	display: none;
	position: absolute;
	z-index: 1000;
	height: 50px;
	width: 50px;
	padding: 15px;
	background: #ffffff;
	border-radius: 3px;
	padding: 25px;
	left: 50%;
	top: 50%;
	margin-left: -55px;
	margin-top: -55px;
}

@keyframes hourglass {
	0% { transform: rotate(0deg); }
	40% { transform: rotate(180deg); }
	50% { transform: rotate(180deg); }
	80% { transform: rotate(360deg); }
	100% { transform: rotate(360deg); }
}

.map-datefilter-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 380px;
	position: absolute;
	justify-content: flex-end;
	top: -10px;
	right: 0;
	z-index: 1000;
	pointer-events: none;
}

@media (min-width: 641px) {
	.map-datefilter-container {
		display: flex !important;
	}
}

.map-filter-date {
	order: 2;
	margin-top: -4px;
    margin-right: 3px;
	pointer-events: all;
}

.ida-map-btns {
	text-align: right;
	order: 1;
	pointer-events: all;
}

.btn.active {
    background: rgb(88,154,233);
}


/* === compact ovewrview === */

.towergroupcontainer-preview {
	display: block;
	float: left;
	width: calc(25% - 10px);
	height: 150px;
	margin: 0px 10px 15px 0px;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

@media ( max-width:1320px) {
	.towergroupcontainer-preview{
		width: calc(33.3333% - 10px);
	}
}

@media ( max-width:800px), (min-width:960px) AND (max-width:1150px)  {
	.towergroupcontainer-preview {
		width: calc(50% - 10px);
	}
}

@media ( max-width:480px) {
	.towergroupcontainer-preview {
		width: calc(100% - 10px);
	}
}

.towergroupcontainer-preview:hover,
.towergroupcontainer-preview:focus {
	box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}

.tgp_map {
	position: relative;
	height: 100%;
	z-index : -1;
}

.tgp_name {
	display: block;
	z-index: 10;
	height: 24px;
	padding: 8px 0px;
	margin-top: -47px;
}

.tgp_name h3 {
	font-size: 11.5pt;
	font-weight: 400;
}

.tgp_name_white h3 { background: rgba(255,255,255,0.85); color: black; }
.tgp_name_green h3 { background: rgba(255,255,255,0.85); color: black; }
.tgp_name_orange h3 { background: rgba(255,255,255,0.85); color: black; }
.tgp_name_operating h3 { background: rgba(255,255,255,0.85); color: black; }
.tgp_name_red h3 { background: rgba(255,168,0,0.85); color: black; }

.tgp_info{
	float: right;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	margin-top: -31px;
	margin-right: 16px;
	line-height: 25px;
	text-align: center;
	font-size: 25px;
}

.tgp_info_white { color: #000000; }
.tgp_info_green { color: #36aa00; }
.tgp_info_orange { color: #db4437; }
.tgp_info_red { color: #ffffff; background-color: #db4437; font-size: 20px;}
.tgp_info_operating { color: #36aa00; }

.tgp_info_operating {
	-webkit-animation: tgp_info_rotation 6s infinite linear;
	-moz-animation: tgp_info_rotation 6s infinite linear;
	-o-animation: tgp_info_rotation 6s infinite linear;
	animation: tgp_info_rotation 6s infinite linear;
}

@-webkit-keyframes tgp_info_rotation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}

.tgp_info_red {
	-webkit-animation: tgp_info_bling 2s infinite;
	-moz-animation: tgp_info_bling 2s infinite;
	-o-animation: tgp_info_bling 2s infinite;
	animation: tgp_info_bling 2s infinite;
}

@-webkit-keyframes tgp_info_bling {
	0% { box-shadow: 0 0 3px 2px #b5281c; }
	50% { box-shadow: 0 0 19px 12px #b5281c; }
	100% { box-shadow: 0 0 3px 2px #b5281c; }
}

.hide_tgp {
	display: block; /* will not be loaded else */
}

#tgp_backnavigate {
	display: none;
	background-color: rgb(237, 244, 253);
	color: black;
	z-index: 6;
	position: fixed;
	top: 0;
	left: 0;
	height: 56px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.tabs.tabs-transparent {
	background: transparent;
	box-shadow: none;
}

.new_userinfo [type=checkbox]{
	display: inline-block;
	margin-right: 5px;
}

/* Datepicker */

.datepicker-dropdown.screenCenter {
	position: fixed  !important;
	top: 50% !important;
	margin-top: -151px !important;
	left: 50% !important;
	margin-left: -152px !important;
	-webkit-box-shadow: 1px 1px 100px 10px !important;
	box-shadow: 1px 1px 100px 10px !important;
}

.datepicker-dropdown.screenCenter::after,
.datepicker-dropdown.screenCenter::before {
	display: none !important;
} 

.alert-add{
	text-align:left;
	background: #fff;
	padding: 5px;
	box-shadow: 0px 8px 11px rgba( 0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
	margin-bottom: 8px;
	cursor:pointer;
}

.alert-add:hover{
	box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}

.alert-add div {
	border-top: 1px solid lightgrey;
	margin: 0;
	margin-top: 5px;
	font-size: 13px;
	padding: 10px;
	position: relative;
	padding-bottom: 5px;
	line-height: 18px;
	display: flex;
}


.alert-add div>i.icon {
	padding:.5rem;
	background-color: var(--main);
	color: var(--white);
	border-radius: 50%;
	margin-right: 1rem;
	align-self: center;
}

.alert-add p>span.multiline {

}

.alert-add p:not([onclick=""]):hover:before{
	content: '';
	background: #1a4175;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 2px;
}

#alertFilter{
	padding: 8px;
	border: 1px solid lightgrey;
}

#alertsToFilter{
	margin-top: 10px;
}

/* Laser Scanner */

.laserTimelineBtns .btn:first-child{
	margin-right: 10px;
}
.laserSliceTimelineContainer {
	display: none;
	background-color: #F2F2F2;
	margin-bottom: 20px;
}

.laserSliceHeader {
	display: flex;
	height: 20px;
	margin-top: 15px;
	padding: 8px 12px;
	margin-bottom: 5px;
	justify-content: space-between;
}

.laserSliceTitle {
	text-align: center;
}

.laserSliceClose {
	cursor: pointer;
}

/* ChangeCanvas */

.ChangeCanvasContainer {
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.ChangeCanvasHeatMap {
	float: left;
	width: 502px;
}

.ChangeCanvasTop {
	display: flex;
	position: relative;
	width: 482px;
	height: 20px;
	margin-left: 20px;
	background-color: #F2F2F2;
}
.ChangeCanvasTop .MeterStep {
 	justify-content: flex-start;
    padding: 0px;
	padding-left: 3px;
    border: 0px;
    margin: 0px;
    width: 77px;
	height: 20px;
}

.ChangeCanvasTop .MeterStep:not(:first-child)
{
    border-left: 1px solid #000000;
}

.ChangeCanvasTop .meter-line {
	position: absolute;
	width: 0px;
	height: 20px;
	top: 0px;
	left: 50%;
	border-left: 1px solid red;
}

.ChangeCanvasLeft {
	position: relative;
	float: left;
	width: 20px;
	height: 482px;
	background-color: #F2F2F2;
}

.ChangeCanvasLeft .MeterStep {
 	justify-content: flex-start;
    padding: 0px;
	padding-top: 3px;
    border: 0px;
    margin: 0px;
    height: 77px;
	width: 20px;
	writing-mode: vertical-rl;
	writing-mode: sideways-lr;
	text-orientation: sideways;
}

.ChangeCanvasLeft .MeterStep:not(:last-child)
{
    border-bottom: 1px solid #000000;
}

.ChangeCanvasLeft .meter-line {
	position: absolute;
	width: 20px;
	height: 0px;
	top: 50%;
	left: 0px;
	border-top: 1px solid red;
}


.curentMeter {
	color: red;
}

#heightChangeCanvas {
	outline: 1px solid #d3d3d3;
	float: left;
	width: 481px;
	height: 481px;
	cursor: crosshair;
	margin-bottom: 7px;
}


.hightCanvasOverlay {
	top: 20px;
	left: 20px;
	width: 482px;
	height: 482px;
	position: absolute;
	pointer-events: none;
	overflow: hidden;
}

.CanvasCrosshair {
	display: none;
	position: absolute;
	pointer-events: none;
	font-size: 30px;
    height: 20px;
    line-height: 10px;
    text-align: center;
    width: 20px;
	top: 50%;
	left: 50%;
	text-shadow: 1px 1px 10px #fff;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
}

.CanvasCrosshairtemp {
	top: -200px;
	lefT: -200px;
}

.CanvasCrosshairHide {
	display: none;
}

.CanvasSliceLine {
	display: none;
	position: absolute;
	border-style: solid;
	border-color: blue;
}

.CanvasSliceLineX {
	height: 0px;
	left: 0;
	top: 10%;
	width: calc(100% - 2px);
	margin-left: 1px;
	margin-top: -1px;
	border-width: 0px 0px 1px 0px;
}

.CanvasSliceLineY {
	height: calc(100% - 2px);
	left: 10%;
	top: 0;
	width: 0px;
	margin-top: 1px;
	margin-left: -1px;
	border-width: 0px 1px 0px 0px;
}

.CanvasHighLine {
	width: 480px;
	margin-left: 1px;
	margin-top: 1px;
}

@media (max-width: 520px) {
	.CanvasHighLine {
		width: 300px;
	}
}

.HightDiff {
	display: block;
	float: left;
	min-width: 200px;
}

.ToggleSliceDirection {
	display: flex;
	float: right;
	align-self: center;
	cursor: pointer;
}

.ToggleSliceDirection i {
	margin-left: 5px;
}

.ToggleSliceDirection.rotate i {
	transform: rotate(90deg);
}

.ChangeCanvasDetailsTitle {
	font-size: 18px;
    display: flex;
    margin-bottom: 10px;
	padding-right: 6px;
    justify-content: space-between;
}

.detailsEdit span {
	color: #616161;
	cursor: pointer;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
}

.detailsEdit:hover,
.detailsEdit:focus {
	color: #000000;	
}

.detailsEdit-active {
	display: none;
}

.detailsEdit .closeAndSaveDetailsEdit {
	color: darkgreen;
}

.detailsEdit .closeDetailsEdit {
	margin-right: 5px;
	color: darkred;
}

.ChangeCanvasDetailPoints {
	float: right;
	display: block;
	margin-left: 15px;
	width: calc( 100% - 517px );
}

.ChangeCanvasDetails {
	padding-right: 6px;
}

.ChangeCanvasDetailsTemp {
	display: none;
}
	
.ChangeCanvasDetails-saved {
    max-height: 355px;
    overflow-y: auto;
    margin: -10px;
    padding: 10px;
}

@media (max-width: 1130px) and (min-width: 960px) , (max-width: 812px) {
	.ChangeCanvasDetailPoints {
		width: 100%;
		float: left;
		margin-left: 0px;	
	}
	.ChangeCanvasDetails-saved {
		max-height: none;
	}
}

.ChangeCanvasDetail {
	cursor: pointer;
	padding: 6px 10px 6px 0px;
	margin-bottom: 20px;
	background-color: #F2F2F2;
	border-radius: 3px;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.ChangeCanvasDetail:hover,
.ChangeCanvasDetail:focus {
	box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}

.ChangeCanvasDetailtemp{
	margin-bottom: 0px;
}

.ChangeCanvasDetail-active{
	background-color: #589AE9;
	color: #ffffff;
}

.ChangeCanvasDetail .line {
	display: flex;
    justify-content: stretch;
}

.ChangeCanvasDetail .icon {
	display: inline-flex;
	align-items: center;
	width: 40px;
}

.ChangeCanvasDetail .icon i {
	margin-left: 7px;
}

.ChangeCanvasDetail .icon.rotate i {
	transform: rotate(90deg);
}

.ChangeCanvasDetail .data {
	display: inline-block;
	width: calc(100% - 43px);
}

.ChangeCanvasDetail .dataTitle {
	width: 100%;
	overflow-wrap: break-word;
}

.ChangeCanvasDetail .nameInput {
	width: 100%;
}

.ChangeCanvasDetail .xy {
	margin-right: 10px;
}

.ChangeCanvasDetail .dataDiff {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}

.ChangeCanvasDetail .del,
.ChangeCanvasDetail .nameInput {
	display: none;
}

.ChangeCanvasDetail .del:hover,
.ChangeCanvasDetail .del:focus {
	color: red;
}

.ChangeCanvasDetail .diff b{
	display: inline-block;
	width: 60px;
}

.ChangeCanvasDetailsStatus.error {
	color: #cc0000;
}

.ChangeCanvasDetailsStatus.green {
	color: darkgreen;
}

.SaveCanvasDetailPoints{
	float: right;
}

@media (max-width: 520px) {
	.ChangeCanvasHeatMap {
		width: 322px;
	}
	.ChangeCanvasTop {
		width: 302px;
	}
	.ChangeCanvasLeft{
		height: 302px;
	}
	#heightChangeCanvas {
		height: 301px;
		width: 301px;
	}
	.hightCanvasOverlay {
		height: 302px;
		width: 302px;
	}
	.ChangeCanvasTop .MeterStep{
		width: 50.5px;
	}
	.ChangeCanvasLeft .MeterStep{
		height: 46.5px;
	}
	.newCrosshair {
		float: left;
	}
}

/* heatmap tile */
.cpTileLarge .ChangeCanvasHeatMap {
	width: auto;
}

.cpTileLarge .ChangeCanvasContainer {
	margin-left: auto;
	margin-right: 5%;
	width: 250px;
	height: 250px;
}

.cpTileLarge .heightChangeCanvas {
	width: auto;
	height: 250px;
	border: none;
	margin-bottom: 0px;
	cursor: pointer;
}

.cpTileLarge .hightCanvasOverlay {
	top: 0;
	left: 0;
	width: 250px;
	height: 250px;
}

.cpTileLarge .CanvasHighLine {
	width: 250px;
	margin-left: 0px;
	margin-top: 0px;
}

.cpTileLarge.lia-headmap .cpTile-wac-type1-name {
	width: calc(75% - 30px);
}

.cpTileLarge.lia-headmap .cpTile-wac-type1-primary,
.cpTileLarge.lia-headmap .cpTile-wac-type1-second,
.cpTileLarge.lia-headmap .cpTile-wac-type1-third {
	width: 25%;
}

/* map-timeline */
.map-timeline-selecter {
	position: relative;
	min-width: 310px;
	height: 150px;
	margin: 10px -10px -10px -10px;
}

.map-timeline-live-btn {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #333333;
	padding: 2px 4px 2px 3px;
	border-radius: 3px;
	background-color: #eeeeee;
	z-index: 1;
}

.map-timeline-live-btn:hover,
.map-timeline-live-btn:focus {
	cursor: pointer;
	background-color: #dddddd;
}

/* map-filter-visible */
.map-visible-options {
	display: block;
    position: absolute;
	text-align: left;
    bottom: 150px;
    z-index: 400;
}

.map-visible-btn,
.map-filter-date-btn {
	display: inline-block;
    margin-right: 3px;
    position: relative;
	background: #ffffff;
	border-radius: 3px;
	color: #000000;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	padding: 9px 10px 3px 10px;
	border: 2px solid rgba(0,0,0,0.2);
	-moz-background-clip: padding;
  	-webkit-background-clip: padding;
  	background-clip: padding-box;
	cursor: pointer;
}

.map-visible-btn:hover,
.map-visible-btn:focus,
.map-visible-option:hover,
.map-visible-option:focus,
.map-filter-date-btn:hover,
.map-filter-date-btn:focus {
	background-color: #f4f4f4;
}

.map-visible-list,
.cpMapLayersMenuList {
	display: none;
	flex-wrap: wrap;
	background-color: #ffffff;
	border: 2px solid rgba(0,0,0,0.2);
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	bottom: 50px;
}

.map-visible-options:hover .map-visible-list,
.cpMapLayersMenu:hover .map-visible-list {
	display: block !important;
}

.map-visible-option {
	display: flex;
	vertical-align: middle;
	white-space: nowrap;
	height: 20px;
	padding: 7px 10px;
	cursor: pointer;
}

.cpMapLayersMenuList {
	padding: 6px;
	max-width: 250px;
	max-height: calc(100vh - 156px );
	overflow: auto;
}

.cpMenuLayer {
	display: flex;
	white-space: nowrap;
	flex-direction: column;
	padding: 2px 0px 2px 5px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-left: 2px solid var( --layer-color );
	color: #333333;
}

.cpMenuLayerName {
	display: flex;
	align-items: center;
	padding: 3px 5px 3px 1px;
	position: relative;
}

.cpMenuLayerNameText {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cpMenuLayer.cpMenuLayerDrag {
	cursor: move;
}

.cpMenuLayerName .material-icons {
	font-size: 20px;
	cursor: pointer;
}

.map-visible-option .material-icons,
.cpMenuLayerName .material-icons {
	margin-right: 10px;
}

.map-visible-option .material-icons:not(.active),
.cpMenuLayer .material-icons:not(.active,.semi) {
	display: none;
}

.cpMenuLayer .material-icons.semi {
	opacity: 0.3;
}

.map-visible-option.shape-meta-on .material-icons:not(.active),
.map-visible-option.shape-meta-off .material-icons:not(.active) {
	display: block;
	opacity: 0;
}

.adn-map-tab-container {
	display: flex;
}

.ida-map-container {
	width: 100%;
	position: relative;
}

.map-filter-date-btn {
	display: none;
	top: 0px;
	right: -3px;
	margin-top: 0px;
	position: absolute;
	z-index: 400;
}

.cpMenuLayerName .layerEditBtn,
.cpMenuLayerName .layerDownloadBtn {
	cursor: pointer;
}

.cpMenuLayerName:hover .layerEditBtn,
.cpMenuLayerName:focus .layerEditBtn,
.cpMenuLayerName:hover .layerDownloadBtn,
.cpMenuLayerName:focus .layerDownloadBtn {
	display: flex;
	position: absolute;
	right: 0;
}

.leaflet-popup-content .ida-pop-up-text,
.lara-pop-up-content .ida-pop-up-text{
	display: flex;
	align-items: center;
	margin-top: 5px;
	column-gap: 3px;
}

.leaflet-popup-content .material-icons,
.lara-pop-up-content .material-icons {
	margin-right: 7px;
	color: #1A4175;
}

.lara-pop-up-content {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-bottom: 20px;
}

@media ( max-width: 550px ) {
	.lara-pop-up-content {
		flex-direction: column;
	}
}

/* map shape option */
.map-detection-shape-options {
	display: block;
	position: absolute;
	text-align: left;
	bottom: 150px;
	left: 58px;
	z-index: 400;
}

.map-detection-shape-options .map-visible-btn {
	font-size: 20px;
	padding: 6px 9px 6px 9px;
}

.map-detection-shape-options:hover .map-visible-list {
	display: block !important;
}

/* map datail side view */

.map-detail-sideview {
	position: relative;
	z-index: 1000;
	margin: -10px 10px -10px -10px;
	border-right: 1px solid lightgray;
}

.map-detail-sideview-container {
	display: none;
	width: 250px;
	height: 650px;
	padding: 0;
	background-color: #ffffff;
}

.map-detail-sideview-close-btn {
	display: flex;
	width: 25px;
	height: 30px;
	border-left: none;
	cursor: pointer;
}

.map-detail-sideview-close-btn i {
	align-self: center;
}

.map-detail-sideview-main-title {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	padding: 13px 9px 6px 9px;
}

.map-detail-sideview-title {
	padding: 0px 3px 13px 3px;
	border-bottom: 1px solid lightgray;
}

/* mdsdp -> map-detail-sideview-daterange-picker */
.mdsdp, .mdsdp-date-range, .mdsdp-date-singe-day {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.mdsdp-date-singe-day {
	display: none;
}

.mdsdp-date-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 120px;
}

.mdsdp-date-hyphen, .mdsdp-btn {
	display: flex;
	justify-content: center;
	align-self: center;
}

.mdsdp-date, .mdsdp-date-singe-day {
	font-weight: 800;
}

.mdsdp-date, .mdsdp-time {
	text-align: center;
}

.mdsdp-btn {
	position: relative;
	cursor: pointer;
}

.mdsdp-btn-back:hover:before {
	white-space: nowrap;
	content: attr(data-title);
	position: absolute;
	padding: 4px 5px;
	align-self: center;
	right: 35px;
	width: auto;
	z-index: 1000;
	background-color: #ffffff;
	border: 1px solid lightgray;
}

.mdsdp-btn-back[disabled=disabled], .mdsdp-btn-next[disabled=disabled] {
	opacity: 0;
	pointer-events: none;
}

.mdsdp-btn-next:hover:after {
	white-space: nowrap;
	content: attr(data-title);
	position: absolute;
	padding: 4px 5px;
	align-self: center;
	left: 35px;
	width: auto;
	z-index: 1000;
	background-color: #ffffff;
	border: 1px solid lightgray;
}

.map-detail-date-title {
	color: grey;
	font-size: 13px;
	width: calc(100% - 16px);
	margin-top: 20px;
	padding-left: 16px;
    padding-bottom: 2px;
	border-bottom: 1px solid lightgray;
}

.map-detail-events {
	height: calc(100% - 109px);
	overflow-y: auto;
}

.map-detail-events.long {
	height: calc(100% - 87px);
}


.map-detail-event {
	position: relative;
	display: flex;
    margin: 0px 0px;
	border-bottom: 1px solid lightgray;
	cursor: pointer;
}

.map-detail-event-icon {
	justify-content: center;
	margin-right: 10px;
	display: block;
	position: absolute;
	margin: 16px 16px;
	font-size: 8pt;
	font-weight: 500;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 16px;
	color: white;
	background-color: #1A4175;
}

.map-detail-event-icon.idacross {
	box-sizing: border-box;
	padding-top: 5px;
	line-height: 10px;
}

.map-detail-event-icon i {
	font-size: 30px;
	align-self: center;
}

.mde-blue:before,
.mde-orange:before,
.mde-green:before,
.mde-red:before,
.mde-black:before,
.mde-nav-lara:before,
.mde-ex-lara:before,
.mde-ida-r-event:before,
.mde-ida-r-detection:before,
.mde-cav-lara:before {
	content: "";
 	position: absolute;
    width: 2px;
    top: 0;
    left: 0;
    height: 100%; 
}

.mde-blue:before 		{ background-color: #00d1ff; }
.mde-orange:before 		{ background-color: #ebbc15; }
.mde-green:before 		{ background-color: #2FE80C; }
.mde-red:before 		{ background-color: #f60535; }
.mde-black:before 		{ background-color: #000000; }
.mde-nav-lara:before 	{ background-color: #ff5ec3; }
.mde-ex-lara:before 	{ background-color: #e95eff; }
.mde-cav-lara:before 	{ background-color: #ff5e73; }
.mde-ida-r-event:before 	{ background-color: #005aca; }
.mde-ida-r-detection:before 	{ background-color: #00cc33; }

.map-detail-event-content {
	display: block;
	margin: 12px 0px 12px auto;
	min-height: 40px;
	padding: 0;
	margin-left: 64px;
	margin-right: 5px;
	right: auto;
	overflow: hidden;
	word-wrap: break-word;
}

.map-detail-event-title {
	display: block;
	height: 20px;
	font-size: 13px;
	padding: 0;
	margin: 0;
	line-height: 20px;
	margin-bottom: 2px;
	color: #333333;
	border-collapse: collapse;
	white-space: nowrap;
}

.map-detail-event-text {
	display: block;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 18.4615px;
	color: #999999;
	white-space: break-spaces;
}

/* ADN MAP Mobile */

@media (max-width: 640px) {
	.map-datefilter-container {
		display: block;
		wrap: nowrap;
		width: calc(100% - 17px);
		background-color: #ffffff;
		border-radius: 3px;
		top: 0;
		right: unset;
		left: 50%;
	    margin-left: -175px;
		padding: 10px 7px 5px 10px;
	}

	.map-datefilter-container .map-filter-date,
	.map-datefilter-container .map-filter-date .map-daterange,
	.map-datefilter-container .btn {
		margin: 0;
	}

	.map-datefilter-container .btn {
		margin-top: 15px;
	}

	.map-datefilter-container .map-filter-date {
		text-align: left;
	}

	.map-datefilter-container .ida-map-btns {
		order: 1;
		overflow: scroll;
		white-space: nowrap;
		padding-bottom: 5px;
	}

	.map-daterange {
		display: flex;
		justify-content: space-between;
	}

	.map-daterange-close, .map-filter-date-btn {
		display: block;
	}

	.map-datefilter-container, .adn-helpselect {
		display: none;
	}

	.adn-map-tab-container .ida-tab-map {
		height: calc( 100vh - 326px ) !important;
	}

	.adn-siedbartitle {
		margin-top: -65px;
		max-height: 46px;
		transition: all 0.3s;
	}

	.adn-tabs {
		margin-bottom: 0px;
	}

	.map-detail-sideview {
		border-right: none;
	    width: 100vw;
	    height: 50vh;
	    position: fixed;
	    z-index: 10000;
		text-align: left;
		bottom: calc( -50vh + 10px );
		transition: all 0.3s;
	}

	.map-detail-sideview-title {
		border-bottom: none;
	}

	.map-detail-sideview-container {
		width: 100vw;
		height: 50vh;
	}

	.map-detail-sideview-header {
		background-color: #1A4175;
		color: #ffffff;
	}
}

@media (min-width: 641px) {
	.map-detail-sideview {
		bottom: unset !important;
	}

	.adn-siedbartitle {
		margin-top: 0px !important; 
	}
}

@media (max-width: 378px) {
	.map-datefilter-container {
		left: 0;
	    margin-left: 0;
	}
}

/* Metamap */

.metamap-color-picker {
	cursor: pointer;
}

.metamap-checkbox {
	display: inline !important;
}

.edit_meta_map {
	height: calc(90vh - 200px);
	margin-bottom: 15px;
}

.MetaContainerLine {
	margin-bottom: 10px;
	display: flex;
	padding: 8px;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #F2F2F2;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.MetaContent {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: 15px;
}

.MetaDescription {
	font-weight: bold;
	margin-bottom: 5px;
}

.MetaData {
    width: 100%;
}

.MetaContent .meta_map {
	width: 100%;
	height: 250px;
}

.MetaOption {
	display: flex;
	align-self: flex-end;
}

.MetaOption a:not(:last-child) {
	margin-right: 5px;
}

/* Managment */
.managmentNewForm {
	display: grid;
	max-width: 500px;
	grid-template-columns: 120px auto;
	gap: 4px
}

.managmentNewItem {
	display: flex;
	flex-flow: column;
	position: relative;
	justify-content: center;
	align-items: start;
	text-align: left;
	min-height: 40px;
}

.managmentNewForm .fieldtip {
	display: flex;
	align-self: flex-start;
	position: absolute;
	width: 120px;
	right: 0px;
	top: 0px;
}

/* Risk eval */

.newEvalCase-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

@media ( max-width:540px ) {
	.newEvalCase-header {
		flex-flow: column;
		margin-bottom: 15px;
	}

	.newEvalCase-header .btn[data-icon] {
		width: fit-content;
	}
}

.riskeval-new-container .riskeval-select {
	font-size: 14px;
	padding: 6px 8px;
	outline: none;
}

.riskeval-page-selecter {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.riskeval-page-selecter-btn {
	background-color: #1a4175;
    color: #ffffff;
	display: flex;
	padding: 4px 4px;
	margin-right: 3px;
	margin-left: 3px;
	align-self: center;
	cursor: pointer;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.riskeval-comparison-btn {
	display: inline-table;
	background-color: #1a4175;
	color: #ffffff;
	padding: 4px 4px;
	line-height: 12px;
	width: calc( 50% - 1px );
	text-align: center;
	cursor: pointer;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.riskeval-comparison-btn:first-child {
	border-radius: 2px 0px 0px 2px;
}

.riskeval-comparison-btn:last-child {
	border-radius: 0px 2px 2px 0px;
	margin-left: 3px;
}

.riskeval-page-selecter-btn:hover,
.riskeval-page-selecter-btn:focus,
.riskeval-comparison-btn:hover,
.riskeval-comparison-btn:focus {
	background-color: #589ae9;
}

.riskeval-page-selecter-btn:first-child {
	border-radius: 2px 0px 0px 2px;
}

.riskeval-page-selecter-btn:last-child {
	border-radius: 0px 2px 2px 0px;
}

.page-selecter-hide,
.eval-selecter-hide {
	opacity: 0;
	pointer-events: none;
}

.closeEvalList h2,
.openEvalList h2{
	margin-top: 20px;
	margin-bottom: 15px;
}

.riskeval-c {
	border: none !important;
	background-color: #ffffff !important;
}

.re-history-picker-title {
	width: 100%;
}

.re-history-picker-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.re-history-picker-toggler {
	cursor: pointer;
}

.re-history-picker-toggler i {
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
}

.riskeval-value {
	min-width: 1px;
	color: #717171;
}

.riskeval-value:not(:first-child){
	display: none;
}

.riskeval-new-container .riskeval-select option {
	padding: 5px 6px;
}

.riskeval_table td, .riskeval_table th {
	padding: 2px 3px !important;
	padding-left: 16px;
}

td.riskeval-comparison-btn-container {
	padding: 5px 0 0 0 !important;
	text-align: left;
}

.riskeval_table .subschema,
.riskeval_table .subschema_bold {
	/*padding-left: 0px;*/
	margin-top: 15px;
}

.riskeval_table .spacer,
.riskeval_table_details .spacer {
	height: 15px;
	width: 100%;
}

.riskeval_table .bigspacer,
.riskeval_table_details .bigspacer {
	height: 30px;
	width: 100%;
}

.riskeval_table .subschema_big {
	font-size: 20px;
}

.riskeval_table .subschema_bold, 
.riskeval_table .title_bold { font-weight: bold; }
.riskeval_table .subschema_italic, 
.riskeval_table .title_italic { font-style: italic; }
.riskeval_table .subschema_underline, 
.riskeval_table .title_underline,
.riskeval_table .title_underline::-webkit-input-placeholder { text-decoration: underline; }
.riskeval_table .subschema_bold_italic, 
.riskeval_table .title_bold_italic { font-weight: bold; font-style: italic; }
.riskeval_table .subschema_bold_underline, 
.riskeval_table .title_bold_underline,
.riskeval_table .title_bold_underline::-webkit-input-placeholder { font-weight: bold; text-decoration: underline; }
.riskeval_table .subschema_italic_underline, 
.riskeval_table .title_italic_underline,
.riskeval_table .title_italic_underline::-webkit-input-placeholder{ font-style: italic; text-decoration: underline; }
.riskeval_table .subschema_bold_italic_underline, 
.riskeval_table .title_bold_italic_underline,
.riskeval_table .title_bold_italic_underline::-webkit-input-placeholder { font-weight: bold; font-style: italic; text-decoration: underline; }

.riskeval_table .title_bold_italic {
	font-weight: bold;
	font-style: italic;
}

.riskeval_table .text-input,
.riskeval_table .select-input,
.riskeval_table .info-input,
.riskeval_table .calc-input,
.riskeval_table .auto-input,
.riskeval_table .auto-image,
.riskeval_table .link-text-input {
	padding: 0px !important;
	position: relative;
	text-align: right;
}

.riskeval_table .link-text-input {
	cursor: not-allowed;
}

.riskeval_table .select-input {
	display: flex;
	align-items: center;
	gap: 8px;
    font-size: 0px;/*CSS Trick to remove the gaps between inline elements*/
}

.sepu_input_content .select-input {
	display: table-cell;
}

.select-btns,
.select-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	height: 32px;
	width: 100%;
 	overflow-wrap: break-word;
}

.select-chips {
	height: unset;
	min-height: 32px;
	gap: 3px;
}

.riskeval_table .btn-ratio,
.riskeval_table .btn-multi-ratio {
	display: flex;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 1px;
    font-size: 15px;
}
.riskeval_table .select-chips .btn-ratio, .riskeval_table .select-chips .btn-multi-ratio{
	white-space: unset;
}

.riskeval_table .btn-multi-ratio {
	border-radius: 3px;
	margin-bottom: 2px;
}

.riskeval_table .btn-ratio:last-child {
	margin-right: 6px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.riskeval_table .btn-ratio:first-child {
	margin-left: 6px;
}

.riskeval_table .btn-active,
.riskeval_table .btn-ratio:hover,
.riskeval_table .btn-ratio:focus,
.riskeval_table .btn-multi-ratio:hover,
.riskeval_table .btn-multi-ratio:focus {
	filter: grayscale(0) !important;
	border-bottom: 2px solid #000;
	margin-bottom: 0px;
}


.riskeval_table .btn-active{
	padding-left: 24px;
}

.riskeval_table .btn-active::before {
	content: 'done';
    color: #ffffff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 3px;
    top: 3px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

.riskeval_table input {
	text-align: right;
	width: calc(100% - 6px);
	height: 23px;
	padding: 2px 3px;
}

.riskeval_table textarea {
	resize: vertical;
	min-height: 35px;
	border: none;
	outline: none;
	padding: 0px;
	margin-bottom: -7px;
	border-radius: 0px;
}
.riskeval_table .dragndrop.dropping {
    box-shadow: inset 0px 0px 15px 0px rgba(0,255,81,1);
}
.riskeval_table textarea[disabled=disabled] {
	cursor: not-allowed;
	background-color: #ffffff;
	resize: none;
}

.parseDownTitle {
	display: flex;
	width: 100%;
	flex-direction: row;
}

.parseDownTitle #startAttach {
	margin-left: 15px;
	margin-top: -3px;
	cursor: pointer;
}

#parseDownImage .preview:not(.error) .cancel-upload {
	display: none;
}

.riskeval_table .select-box {
	height: 100%;
	width: 100%;
}

.riskeval_table select:not(.re-history-picker-dd),
.riskeval_table_details select {
	width: 100% !important;
	text-align: right;
	font-size: 14px; 
	height: 100%;
	border: none;
	outline: none;
}

.riskeval_table select option {
	background-color: #ffffff !important;
	color: #000000;
}
 
.riskeval_table .link-text,
.riskeval_table .calc-text,
.riskeval_table .auto-text {
	margin-right: 6px;
	font-weight: bold;
}

.riskeval_table .link-text-input .icon {
	display: flex;
	align-items: center;
}

.riskeval_table .link-text-input .icon:not(.noSync) {
	cursor: pointer;
}

.riskeval_table .link-text-input .icon:hover:after {
	content: attr(data-linked-with);
	position: absolute;
	left: 0;
	bottom: 27px;
	padding: 4px 5px;
	border: 1px solid #ececec;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 15px;
	color: #000000;
	pointer-events: none;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	z-index: 300;
}

.riskeval_table .link-text-input .icon.noSync:hover:after {
	content: attr(data-linked-with-nosync);
}

.riskeval_table .calc-input .icon:before {
	content: "";
    background-image: url(../img/basic/baseline-code.svg);
    float: left;
	margin-left: 3px;
    height: 25px;
    width: 25px;
}

.riskeval_table .calc-input .icon:hover:after {
	content: attr(data-linked-calc);
	position: absolute;
	left: 0;
	bottom: 27px;
	padding: 4px 5px;
	border: 1px solid #ececec;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 15px;
	color: #000000;
	pointer-events: none;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	z-index: 300;
}

.riskeval_table option,
.riskeval_table_details option {
	/*direction: rtl;*/
}

.riskeval_table .auto-input .icon:before {
	content: "";
	background-image: url(../img/basic/autorenew.svg);
	float: left;
	margin-left: 3px;
	height: 25px;
	width: 25px;
	cursor: pointer;
}

.riskeval_table .auto-input .icon.loading:before {
	animation: rotating 1s linear infinite
}

.riskeval_table .auto-input .icon:hover:after {
	content: attr(data-linked-auto);
	position: absolute;
	left: 0;
	bottom: 27px;
	padding: 4px 5px;
	border: 1px solid #ececec;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 15px;
	color: #000000;
	pointer-events: none;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	z-index: 300;
}

.riskeval_table .auto-input .error-icon:before {
	background-image: url(../img/basic/sync_problem.svg);
}

.riskeval_table .auto-input .error-icon:hover:after {
	content: attr(data-error-auto);
	position: absolute;
	left: 0;
	bottom: 27px;
	padding: 4px 5px;
	border: 1px solid #ececec;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 15px;
	color: #000000;
	pointer-events: none;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	z-index: 300;
}

.riskeval_table .auto-image .icon:before {
	content: "";
	background-image: url(../img/basic/autorenew.svg);
	float: left;
	margin-left: 3px;
	height: 25px;
	width: 25px;
	pointer-events: all;
	cursor: pointer;
}

.riskeval_table .auto-image .icon.loading:before {
	animation: rotating 1s linear infinite
}

.riskeval_table .auto-image .error-icon:before {
	background-image: url(../img/basic/sync_problem.svg);
}

.riskeval-active-page .page {
	display: none;
}

.riskeval-active-page .page-active {
	display: block;
}

.riskeval_table .tabletablecell {
	border: none;
	padding: 0px !important;
	vertical-align: top;
}

.riskeval_table .tabletablecell-right {
	padding-top: 1px !important;
	padding-left: 20px !important;
}

td.matrix_preview_holder {
	padding: 0 !important;
	border: none !important;
}

.matrix_preview_holder .riskeval_table_matrix {
	width: 100%;
}

.risksavestatus,
.cpEditClassSaveStatus,
.riskvalueupdate {
	display: flex;
    position: absolute;
    height: calc(100% - 10px);
    width: 16px;
    right: -33px;
    padding: 3px 5px;
    top: 0px;
    float: left;
    align-items: center;
}

.input_textareal .risksavestatus { height: 36px; } /* sticks on top right*/

.risksave-green, .cpEditClassSave-green 	{ color: darkgreen; }
.risksave-orange, .cpEditClassSave-orange 	{ color: darkorange; }
.risksave-red, .cpEditClassSave-red 		{ color: darkred; }

.riskvalueupdate { cursor: pointer; }

.ctMsgProgressItem.ctEvalStateOpen::before {
    content: 'add';
    color: darkgreen;
}

.ctMsgProgressItem.ctEvalStateEdit::before {
    content: 'create';
    color: darkgreen;
}

.ctMsgProgressItem.ctEvalStateCosed::before {
    content: 'done';
    color: darkgreen;
}

.sure-close-evalcase,
.re-required-error {
	display: none;
}

.re-vue-elem {
	/* height: 320px; */
	width: 100%;
}

.re-vue-elem .cpTileSmallContainer,
.re-vue-elem .cpTileLargeContainer {
	width: 100%;
	height: 100%;
}

.re-vue-elem-tile {
	height: 100%;
}

.re-vue-elem .cpTileSmall,
.re-vue-elem .cpTileLarge,
.re-vue-elem .cpTileSmall:hover,
.re-vue-elem .cpTileLarge:hover {
	width: 100%;
	box-shadow: none;
}

.re-vue-elem-tile .re_baseClass {
	cursor: default;
}

.re_baseClass .cpTileMap {
	height: 320px;
}

.re-elem-auto-box.fullTile {
	padding: 0;
}

.re-elem-auto-box.fullTile .cpTileLargeContainer,
.re-elem-auto-box.fullTile .cpTileSmallContainer {
	margin-bottom: -2px;
}

.re-elem-auto-box.fullTile .re-autoimg-icon {
	right: -32px;
}

.re-elem-auto-box.fullTile .risksavestatus,
.re-elem-auto-box.fullTile .cpEditClassSaveStatus,
.re-elem-auto-box.fullTile .riskvalueupdate {
	right: -27px;
}

/* editschema */

.editschema-content {
	display: flex;
	margin-top: 10px;
	max-width: 1080px; /*pop up: 775px*/
}

.riskedit_modul {
	margin-bottom: 20px;
	padding: 0px 5px 1px 10px;
	background-color: #ffffff;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.riskedit_line {
	min-height: 40px;
	cursor: text;
}

.riskedit_modul_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px -5px 0 -10px;
	padding: 7px 10px;
}

.riskedit_element_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 8px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.riskedit_modul .riskedit_element_title {
	margin-bottom: 0px;
}

.riskedit_modul_preview .riskedit_modul {
	margin-bottom: 0px;
	padding: 0px 5px 5px 5px;
}

.riskedit_modul_preview .riskedit_modul_title {
	margin: 0px -5px 0px -5px;
    padding: 0px 5px;
}

.riskedit_modul_preview .riskedit_element_title {
	padding: 0px 4px;
	margin-bottom: 0px;
}

.riskedit_modul_preview .riskedit_line {
    min-height: 20px;
    max-height: 30px;
	overflow: hidden;
	align-items: flex-start;
	line-height: 30px;
}

.riskedit_modul_preview .riskedit_element_title:not(:last-child) {
	border-bottom: 1px solid #F2F2F2;
}

.riskedit_add_between {
	position: relative;
	background-color: #F2F2F2;
	height: 5px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.riskedit_add_between_btn {
	position: absolute;
	top: -7px;
	height: 15px;
	width: 100%;
	background-color: transparent;
	cursor: pointer;
}

.riskedit_add_between_btn:before {
	content: "";
	width: 30px;
	height: 40px;
	top: -13px;
	left: -30px;
	position: absolute;
}

.riskedit_add_between_btn:hover:after {
	content: "add";
    color: #000000;
    width: 30px;
    text-align: center;
    height: 30px;
	top: -9px;
    left: -25px;
    position: absolute;
    border-radius: 100%;
    border: 1px solid lightgray;
    background-color: #f0f0f0 !important;
    font-family: 'Material Icons';
    font-size: 20px;
    line-height: 30px;
}

.riskedit_add_big_btn {
	margin-bottom: 20px;
}

.editpage .riskeval_table .riskedit-hide-btn,
.riskedit-modul-old .riskeval_table .riskedit-hide-btn {
	transition: all 0.1s;
	opacity: 0;
}

.editpage .riskedit_line:hover .riskedit-hide-btn,
.editpage .riskedit_line:focus .riskedit-hide-btn,
.riskedit-modul-old .riskeval_table .riskedit_element_title:hover .riskedit-hide-btn,
.riskedit-modul-old .riskeval_table .riskedit_element_title:focus .riskedit-hide-btn {
	opacity: 1;
}

/* Sepu -> schema edit pop up*/
.sepu {
	background-color: #ffffff;
}

.sepu_in_big_btn {
	margin-bottom: 15px;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.sepu_in_modul_title .sepu_input{
	margin-top: 3px;
}

.sepu_in_between {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sepu_in_element_title {
	margin-bottom: 20px;
}

.riskedit_modul_preview .riskedit_modul .sepu_in_element_title {
	margin-bottom: 0px;
}

.riskedit_modul .riskedit_modul {
	margin-top: 7px;
}

.riskedit_element_title {
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.riskedit_modul .riskedit_element_title {
	box-shadow: none;
}

.sepu_own_container {
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.sepu_input_box {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.sepu_btn_hide {
	display: none !important;
}

.sepu_input {
	width: calc( 100% - 76px );
	text-align: left !important;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 15px;
	padding: 6px 12px !important;
	height: 35px !important;
	background-color: #ffffff;
	border: 1px solid lightgray;
	cursor: text;
}

.sepu_input:hover,
.sepu_input:active,
.sepu_input:focus {
	background-color: #ffffff;
	outline: none;
}

.sepu_save, .sepu_abort {
    border-radius: 3px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 20px;
	color: #fff;
	background: #1A4175;
	cursor: pointer;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.sepu_save {
	margin-right: 5px;
	background-color: darkgreen;
}

.sepu_abort {
	background-color: darkred;
}

.sepu_input_options_fixpoint {
	position: relative;
}

.sepu_input_options {
	position: absolute;
	left: -18px;
    top: 15px;
    width: 100%;
	padding: 18px 16px;
	margin-bottom: 30px;
	z-index: 4;
    box-shadow: 4px 2px 10px rgba(0, 0, 0, 0.48), -3px -3px 27px rgba(0, 0, 0, 0.50);
	background-color: #ffffff;
	border-radius: 5px;
}

.sepu_input_options:before {
	content: "";
    width: 26px;
    position: absolute;
    height: 26px;
    top: -13px;
    left: 50%;
    margin-left: -13px;
    transform: rotate(45deg);
    border-radius: 3px 0px 0px 0px;
    background-image: linear-gradient(135deg, #ffffff 50%, transparent 51%);
}

.sepu_header {
	display: flex;
	width: calc(100% - 25px);
	margin-bottom: 35px;
	justify-content: space-between;
	background-color: #ffffff;
}

.sepu_tab {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
    width: calc( 50% - 37px );
    font-size: 18px;
    background-color: #f0f0f0;
    border-bottom: 3px solid transparent;
    padding: 8px 16px;
    cursor: pointer;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.sepu_tab:hover,
.sepu_tab:focus,
.sepu_tab_active {
	border-bottom: 3px solid #1A4175;
}

.sepu_options_content {
	display: flex;
	width: 100%;
	max-height: calc( 100vh - 300px );
	overflow-y: auto;
    overflow-x: hidden;
}

.sepu_link_container {
	max-height: calc( 100vh - 370px );
}

.sepu_link_container,.sepu_modul_type {
	display: none;
}

.sepu_title_style_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sepu_title_style {
    width: 53px;
    align-items: flex-start;
    padding-right: 10px;
    margin-right: 15px;
    border-right: 2px dashed #d3d3d3;
}

.sepu_idcopy_btn {
    margin-bottom: 3px;
}

.sepu_title_btn {
	display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
	color: #ffffff;
	background-color: #1A4175;
    border-radius: 3px;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.sepu_title_btn:hover {
	background-color: #0c59b4;
}
.sepu_title_btn_active, .sepu_idcopy_btn:hover {
	background-color: #589ae9 !important;
}

.sepu_title_btn:not(:last-child) {
	margin-bottom: 10px;
}

.sepu_input_type {
	width: calc( 100% - 86px );
	padding-right: 8px;
}

.sepu_hint_title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}


/* below not reworked yet */

.editschema-container {
	max-width: 1080px; /*pop up: 775px*/
}

.editschema-title {
	display: flex;
	width: 100%;
	padding-bottom: 10px;
	background-color: #ffffff;
	justify-content: center;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.edit-page-changer {
    max-width: calc(100vw - 270px);
}

.editschema-container select {
	padding: 14px 14px;
	font-size: 16px;
	margin-right: 15px;
}

.editpage {
	display: none;
}

.editpage,.editpage .riskeval_table,.editpage tbody {
	width: 100%;
}

.editpage-active {
	display: block; 
}

.sepuAddNewPage {
	display: inline-block;
	margin-bottom: -35px;
	margin-left: 10px;
}

.riskedit-btn {
	color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    padding: 4px 12px;
    margin-top: 4px;
    margin-right: 5px;
	cursor: pointer;
}

.riskedit-icon-btn {
	color: #ffffff;
	border-radius: 3px;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	padding: 6px 12px 4px 12px;
	margin-top: 4px;
	margin-right: 5px;
	cursor: pointer;
}

.riskedit_add_between_line {
	height: 5px;
	background-color: #ffffff;
}

.riskedit_add_between_line td {
	padding: 0px !important
}

.riskeval_table tr:not(.riskedit_add_between_line):not(.tabletable) td {
	max-width: calc(100vw - 200px);
}

.riskeval_table tr:not(.riskedit_add_between_line):not(.tabletable) td:first-child {
	overflow-x: hidden;
}

.riskedit_add_big .riskedit_no-border {
	border: none !important;
	padding: 0px !important;
}

.riskedit_add_big_btn {
	opacity: 1 !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	cursor: pointer;
}

.riskedit_modul_preview {
	display: flex;
	flex: 1 1 100%;
	flex-flow: row wrap;
    margin-top: 20px;
	margin-right: 9px;
    margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px dashed #d3d3d3;
}

.riskedit .riskeval_table {
	width: calc( 100% - 64px );
	margin-left: 5px;
	margin-right: 9px;
}

.riskedit .riskeval_table {
	align-self: center;
}

.sepu_add_modul_opt {
	width: 50px;
	margin-top: 5px;
	margin-bottom: 10px;
	align-self: center;
}

.sepu_add_param_opt {
	width: 100%;
	margin-top: 20px;
	align-self: center;
}

.sepu_change_all_modul_warning {
	display: none;
	width: calc(100% - 30px);
	margin-top: 15px;
	padding: 15px;
	background-color: #ff6b6b;
	border-radius: 3px;
}

.sepu_change_all_modul_warning_btn {
	margin-left: 90px;
}

.sepu_change_all_modul_warning_title {
	display: flex;
	width: 100%;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 10px;
}

.sepu_change_all_modul_warning_title_icon {
	color: #8b0000;
	margin-left: 15px;
	margin-right: 15px;
}

.sepu_change_all_modul_warning_title_icon i {
    font-size: 60px;
    align-self: center;
    line-height: 60px;
}

.sepu_modul_details {
	display: none;
	width: 100%;
}

.sepu_modul_details_header {
	width: calc( 100% - 7px );
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.riskedit-template-btn {
	text-align: center;
}

.riskedit-template-diagram-source {
	display: none;
}

.riskedit-modul-own-inputs .riskeval_table_details {
	margin-left: 10px !important;
	width: calc(100% - 10px);
}

.riskeval_table_details {
	width: 100%;
}

.riskeval_table_details td {
	width: 33%;
}

.riskeval_table_details .td-title {
	padding: 10px !important;
}

.riskeval_table_details .text-input,
.riskeval_table_details .auto-input,
.riskeval_table_details .auto-image,
.riskeval_table_details .select-input {
	padding: 0px !important;
	text-align: right;
	min-width: 100px;
	vertical-align: middle;
}

.text-input {
	margin-right: 3px;
}

.re-elem-value.text-input:not(.link-text-input),
.re-elem-value.auto-input {
	flex-direction: row-reverse;
}

.auto-text,
.calc-text,
.link-text {
	margin-left: 5px;
	min-width: 100px;
	max-height: 800px;
	text-align: right;
	overflow-y: auto;
}

.remodal:not(.remodal-wide) .auto-text,
.remodal:not(.remodal-wide) .calc-text,
.remodal:not(.remodal-wide) .link-text {
	max-width: 250px;
}

.inputdiv{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 13px;
	min-width: 100px;
	color: #717171;
	text-align: right;
}

.table_matrix .inputdiv {
	min-width: 10px;
}

.inputtextarea {
	text-align: left;
	white-space: pre-wrap;
}

.riskeval_table_details input,
.riskeval_table_details .select-box,
.riskeval_table_details .select-btns {
	text-align: right;
	padding: 10px !important;
	width: calc(100% - 20px);
	border: 0px !important;
	outline: none;
}

.riskeval_table_details input[disabled='disabled'] {
	background-color: #ffffff;
	cursor: default;
}

.select-input[disabled='disabled'] .riskedit-btn {
	pointer-events: none;
}

select[value='none'], option[value='none'] {
	font-style: italic;
}

.riskeval_table_matrix_box {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.riskeval_table_matrix {
	position: relative;
	width: calc(100% - 2px);
}

.riskeval_table_matrix td {
	width: auto;
}

.riskeval_table_matrix td.calc-input input,
.riskeval_table_matrix td.title_top input,
.riskeval_table_matrix td.title_left input {
	min-width: 50px;
}

.riskeval_table_matrix tr:hover,
.riskeval_table_matrix tr:focus {
	background-color: transparent !important;
}

.riskeval_table_matrix tr:hover input,
.riskeval_table_matrix tr:focus input {
	background-color: transparent !important;
}

.riskeval_table_matrix .fieldtitle_left {
	text-align: center;
	width: 35px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.riskeval_table_matrix .fieldtitle_left div {
	writing-mode: vertical-rl;
	white-space: nowrap;
	transform: scale(-1);
	margin-left: 4px;
}

.riskeval_table_matrix .fieldtitle_top {
	text-align: center;
}

.riskeval_table_matrix .title_top,
.riskeval_table_matrix .title_left,
.riskeval_table_matrix .title_top input,
.riskeval_table_matrix .title_left input {
	background-color: #ececec;
}

.riskeval_table_matrix .border-top {
	border-top: 2px solid #000000;
}

.riskeval_table_matrix .border-left {
	border-left: 2px solid #000000;
}

/* riskeval (re) table with divs */
.re-modul {
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 15px;
    padding: 0px 8px 1px 8px;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.re-table {
	width: 100%;
}

.re-elem-box,
.re-elem-info-box,
.re-elem-calc-box,
.re-elem-image-box,
.re-elem-2ration-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 9px 11px;
	margin: 0px -8px -1px -8px;
}

.re-elem-image-box {
	flex-direction: column;
}

.re-elem-image-box .re-elem-value {
	display: flex;
	justify-content: flex-end;
}

.re-elem-image-box .btn-inverted {
	margin-right: 0px;
}

.re-elem .meta {
	width: 100%;
}

.re-elem output.upload-preview {
	display: flex;
	width: 100%;
    flex-wrap: wrap;
	padding: 0;
}

.re-elem-text-box,
.re-elem-value-box {
	cursor: text;
}

.re-elem-box-line {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.re-history-title {
	font-size: 16px;
	font-style: normal !important;
}

@media (max-width: 600px) {
	.re-elem-2ration-box {
		overflow-x: auto;
	}
}

.re-elem {
	position: relative;
}

.re-elem:not(.re-elem-title-box):not(:last-child):after {
	content: "";
    position: absolute;
	width: calc( 100% - 16px );
    height: 1px;
    bottom: 0px;
	left: 8px;
	background-color: #e4e4e4;
}

.re-elem-calc-box {
	margin-top: 6px;
}

.re-elem-title-box {
	display: flex;
    justify-content: space-between;
    align-items: center;
	text-align: left;
    margin: 0px -8px 0 -8px;
    padding: 7px 10px;
}

.re-elem-parsedown-box {
	padding: 9px 11px;
    margin: 0px -8px 0 -8px;
}

.re-elem-parsedown {
	text-align: left;
    word-break: break-word;
	color: #000000 !important;
}

.re-elem-title {
	display: flex;
	text-align: left;
	align-items: center;
	gap: 4px;
}

.re-elem-title .hint .material-icons {
	font-size: 20px;
	cursor: help;
}

.re-elem-title .hint {
	display: flex;
	align-items: center;
	font-size: 14px;
}

.riskeval_hint {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: -5px;
	top: 37px;
	padding: 8px;
	max-height: 80vh;
	max-width: calc( 100% + 10px );
	min-width: 150px;
	overflow-x: auto;
	overflow-y: auto;
	border: 1px solid lightgray;
	background: white;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	z-index: 3;
}

.riskeval_hint_arrow {
	position: absolute;
	top: 31px;
	margin-left: 4px;
	width: 10px;
	height: 10px;
	border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	background: white;
	transform: rotate(-45deg);
	z-index: 2;
}

.re-elem-img-title {
	font: 100%/1.5em sans-serif;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	user-select: none;
	font-size: 11px;
	font-weight: 800;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	vertical-align: middle;
	line-height: 14px;
	width: auto;
	white-space: normal;
	word-break: break-word;
	overflow: hidden;
	background: #1a4175;
	padding: 3px 10px;
	padding-right: 20px;
	border-bottom-right-radius: 20px;
	z-index: 1;
}

.re-elem-info-box .re-elem-value {
    width: 100%;
}

.re-elem-value .ratio1 {
	width: 50%;
	margin-right: 3px;
}

.re-elem-value .ratio2 {
	width: 50%;
	margin-left: 3px;
}

.re-elem-info-box textarea {
	width: 100%;
}

.re-elem-value {
	display: flex;
	justify-content: end;
	text-align: right;
	min-width: 25%;
}

.re-elem-2ration-value {
	display: flex;
	justify-content: flex-end;
	text-align: right;
	min-width: 50%;
}

.re-elem-2ration-value .re-elem-value:first-child {
	margin-right: 10px;
}

.re-elem.dropping {
	box-shadow: inset 0px 0px 15px 0px rgba(0,255,81,1);
}

.re-image-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.re-image-box {
	display: flex;
	justify-content: center;
	width: 100%;
	max-height: 1000px;
}

.re-image-box:not(:last-child) {
	margin-bottom: 20px;
}

.re-image-container img {
	height: 100%;
	max-width: 100%;
}

.re-history-picker,
.re-history-picker-select,
.re-history-picker-select-btns  {
	display: flex;
	justify-content: flex-end;
}

.re-history-picker {
	margin-top: 30px;
	margin-bottom: 40px;
}

.re-history-picker-select {
	display: flex;
	flex-flow: column;
}

.re-history-picker-select-btns {
	margin-top: 5px;
}

.re-history-picker-dd {
	text-align: right;
    font-size: 14px;
    padding: 6px 8px;
    outline: none;
}

.re-history {
	min-width: 200px;
}

.re-elem .re-history {
	min-width: 150px;
	max-width: 150px;
	min-height: 27px;
	max-height: 800px;
	margin-left: 50px;
	overflow-x: auto;
	text-align: right;
}

.re-elem .re-history:before {
	content: "";
    width: 1px;
	height: calc( 100% - 18px );
	top: 9px;
    position: absolute;
    right: 204px;
	background-color: #e4e4e4;
}

.re-elem-auto-box {
    justify-content: center;
}

.re-full-img {
	max-width: calc( 100% + 22px );
	min-height: 40px;
	/* max-height: 500px; */
	margin: -9px -11px -10px -11px;
}

.re-autoimg-icon {
	display: flex;
	position: absolute;
	height: calc(100% - 10px);
	width: 25px;
	right: -38px;
	padding: 3px 5px;
	top: -25px;
	float: left;
	align-items: center;
	pointer-events: none;
	z-index: 1000;
}

/* riskedit */

.riskedit_new_page_box {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin-bottom: 30px;
}

.riskedit_add_title {
	width: 100%;
	margin-bottom: 10px;
}

.riskedit_page_new_name {
	width: calc(100% - 161px);
	margin-right: 10px;
}

input.riskedit_new_page_title,
input.riskedit_new_address_title {
	width: calc(100% - 28px);
	border: 1px solid lightgray;
	padding: 14px;
}

.riskedit_all_pages {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	max-height: calc(100% - 200px);
	margin-bottom: 15px;
}

.riskedit_address_reports,
.riskedit_report_selecter {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0px 16px 0px 20px;
	margin-bottom: 15px;
	gap: 8px;
}

.riskedit_report_selecter {
	margin-bottom: 45px;
}

.riskedit_report_selecter select {
	padding: 6px 6px;
	font-size: 16px;
	margin-left: 10px;
}

.riskedit_report_selecter .btn-inverted {
	margin-top: 6px;
}

.riskedit_report_selecter-list {
	text-align: left;
}

.riskedit_address_title_container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 10px;
	margin-bottom: 15px;
}

.riskedit_address_title {
	font-size: 28px;
	font-weight: bold;
	flex-wrap: nowrap;
	width: 100%;
}

.riskedit_address_actions,
.riskedit_address_title_input_edit_actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

.riskedit_pages_header ,
.riskedit_address_container {
	width: 100%;
}

.riskedit_message_sender {
	padding: 16px;
}

.riskedit_message_sender_full {
	padding: 0px;
	width: 100%;
}

.riskedit_message_sender .riskedit_message_sender_subject {
	width: calc(100% - 2px);
	padding: 11px 0;
	border: none;
	border-bottom: 1px solid lightgray;
	margin-bottom: 5px;
	font-size: 15.3333px;
}

.riskedit_message_sender .riskedit_message_sender_subject_icon {
	width: calc(100% - 42px);
	padding: 11px 40px 11px 0;
}

.risksavestatus-conatiner {
	position: relative;
}

.riskedit_message_sender textarea {
	resize: vertical;
	outline: none;
	border: none;
	border-bottom: 1px solid lightgray;
	padding: 11px 0;
	border-radius: 0px;
	height: 30vh;
	min-height: 42px;
	max-height: 420px;
	margin-bottom: 7px;
	font-size: 15.3333px;
}

.riskedit_message_sender_address_input {
	display: flex;
	flex-direction: row;
	color: #757575;
	padding: 6px 0;
	border-bottom: 1px solid lightgray;
	margin-bottom: 5px;
}

input.riskedit_message_sender_addresses_add {
	margin: -5px 0 0 0;
	display: none;
}

.riskedit_message_sender_receiver_to {
	display: none;
	margin-right: 5px;
}

.riskedit_message_sender_title {
	margin-bottom: 5px;
}

.riskedit_message_sender_addresses {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: -5px;
}

.riskedit_message_sender_address_name {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #1a4175;
	border-radius: 10px;
	padding: 0 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 20px;
	line-height: 20px;
}

input.input-error,
.riskedit_message_sender_addresses .not_valid_mail_name {
	border: 1px solid #cc0000 !important;
}

.riskedit_message_sender_address_name .material-icons {
	cursor: pointer;
}

.riskedit_message_sender_error {
	display: none;
}

.text-error,
.riskedit_message_sender_addresses_add.error,
.riskedit_message_sender_address_input.error,
.riskedit_message_sender_subject.error::placeholder {
	color: #cc0000;
}

.riskedit_message_sender_address_input.error,
.riskedit_message_sender_subject.error {
	border-bottom: 1px solid #cc0000;
}

.riskedit_page_list {
	width: 100%;
	padding: 0px 5px 0px;
	max-height: calc(100vh - 240px);
	overflow-y: auto;
}

.riskedit_page_line {
	display: flex;
	width: 100%;
}

.riskedit_page_list li:not(:last-child) {
	margin-bottom: 15px;
}

.riskedit_page_line div {
	padding-bottom: 3px;
}

.riskedit_page_delete {
	color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    padding: 9px 16px 3px 16px;
    margin-top: 0px;
	margin-right: 0px;
    cursor: pointer;
}

.riskedit_page_dnd-btn {
	display: flex;
	cursor: grab;
}

.riskedit_page_dnd-btn i {
	font-size: 28px;
	align-self: center;
}

.riskedit_page_name {
	position: relative;
	width: calc(100% - 82px);
	margin-right: 10px;
}

.risksavestatus-conatiner .risksavestatus { right: 12px; }

.cpEditClassSaveStatus {
	left: 100%;
	pointer-events: none;
}

input.riskedit_page_name_input,
input.riskedit_address_input {
	width: calc(100% - 56px);
    padding: 11px 40px 11px 14px;
	border: 1px solid lightgray;
	border-radius: 3px;
}

input.riskedit_address_title_input {
	width: calc(100% - 56px);
	padding: 11px 40px 11px 14px;
	border: 1px solid lightgray;
}

.riskedit_page_del {
	display: none;
    width: calc(100% - 60px);
    margin: 15px;
    padding: 15px;
    background-color: #ff6b6b;
    border-radius: 3px;
}

.riskedit_page_del_title {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.riskedit_page_del_title_icon {
	color: #8b0000;
	margin-left: 15px;
	margin-right: 15px;
}

.riskedit_page_del_title_icon i {
    font-size: 60px;
    align-self: center;
    line-height: 60px;
}

.riskedit_page_del_btn {
	margin-left: auto;
}

.error_input {
	border-bottom: 2px solid #db4437 !important;
}

.error_input input, input.error_input {
	background-color: #ffe4e9;
}

.error_text {
	color: #db4437;
}

.re-elem_error {
	border: 1px solid #db4437 !important;
	color: #db4437;
}

.riskedit_error_page {
	display: none;
	margin-top: 10px;
}

.riskedit_name_error {
    text-align: right;
}

.riskeval-dropdown-wrapper {
	position: relative;
	display: inline-block;
}

.riskedit-pdf-preview-menu {
	display: none;
  	position: absolute;
    background-color: white;
    box-shadow: 0 1.5px 4px var(--black-a28), 0 1.5px 6px var(--black-a14);
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    text-align: left;
	width: 250px;
	z-index: 1;
}

.riskedit-pdf-preview-menu a {
	color: black;
	text-decoration: none;
	display: block;
  }

.riskedit-pdf-preview-menu a:hover {
	color: var(--gray);
}

.riskeval-dropdown-wrapper:hover .riskedit-pdf-preview-menu {
	display: flex;
}

.sepu_modul_type {
	width: 100%;
	margin-bottom: 20px;
}

.sepu_input_type_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.sepu_modul_type_header {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-right: 25px;
}

.sepu_modul_filter, .sepu_modul_search {
	display: flex;
	flex-wrap: nowrap;
}

.sepu_modul_search {
	width: calc(100% - 20px);
	margin-right: 20px;
	position: relative;
}

input.sepu_modul_search_input {
	text-align: left;
	height: 17px;
	border: 1px solid #d3d3d3;
	padding: 14px 45px 14px 14px;
}

.sepu_modul_search_loader {
	display: block;
	right: 15px;
	position: absolute;
	height: 47px;
	margin-top: 11px;
}

.sepu_input_type_btn,
.sepu_modul_type_btn {
    display: flex;
    justify-content: center;
    text-align: center;
	align-items: center;
	white-space: nowrap;
    padding: 6px 12px;
    margin-top: 4px;
    margin-bottom: 6px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    background-color: #f0f0f0;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.sepu_input_type_btn[disabled="disabled"],
.sepu_modul_type_btn[disabled="disabled"] {
	color: #c7c7c7;
	background-color: #e6e6e6;
	cursor: default;
}

.sepu_input_type_btn {
	width: calc( 20% - 34px );
}

.sepu_input_type_btn_title {
	width: calc( 20% - 34px );
	margin-right: calc(75% + 10px);
	margin-bottom: 10px;
}

.sepu_modul_type_btn:not(:last-child) {
	margin-right: 10px;
}

.sepu_input_type_btn:not([disabled="disabled"]):hover,
.sepu_input_type_btn:not([disabled="disabled"]):focus,
.sepu_input_type_btn_active,
.sepu_modul_type_btn:not([disabled="disabled"]):hover,
.sepu_modul_type_btn:not([disabled="disabled"]):focus,
.sepu_modul_type_btn_active {
	border-bottom: 2px solid #1A4175;
}

.sepu_input_content_name {
	margin-top: 20px;
}

.sepu_add_param_opt {
	display: flex;
	justify-content: center;
	width: 100%;
}

.sepu_add_param_opt div:not(:last-child) {
	margin-right: 5px;
}

.sepu_ratio_tag_container {
	cursor: text;
}

.sepu_hint_textarea,
.sepu_parsedown_textarea {
	min-height: 100px !important;
}

.td-checkbox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

input.sepu_ratio_tag_add,
input.riskedit_message_sender_addresses_add {
	display: inline-block;
	text-align: left;
	width: 30%;
	max-width: 60%;
}

@media (max-width: 1278px) {
	.sepu_change_all_modul_warning_btn {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 635px) {
	.sepu_input_type_btn {
    	width: calc( 50% - 34px );
	}

	.riskedit_add_between_btn:after {
	    content: "add";
	    color: #000000;
	    width: 30px;
	    text-align: center;
	    height: 30px;
	    top: -9px;
	    left: -25px;
	    position: absolute;
	    border-radius: 100%;
	    border: 1px solid lightgray;
	    background-color: #f0f0f0 !important;
	    font-family: 'Material Icons';
	    font-size: 20px;
	    line-height: 30px;
		opacity: 0.7;
	}

	.sepu_change_all_modul_warning_title {
		flex-wrap: wrap;
    	justify-content: center;
	}

	.sepu_change_all_modul_warning_title_text {
		text-align: center;
	}

	.sepu_change_all_modul_warning_btn {
		justify-content: center;
		margin-left: 0px !important;
	}

	.sepu_modul_type_header {
		flex-wrap: wrap;
	}

	.sepu_modul_search {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.sepu_modul_filter {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 470px) {
	.sepu_title_style_container{
		flex-direction: row;
		width: 100%;
		width: 100%;
		margin-top: 15px;
	}

	.sepu_title_btn:not(:last-child) {
		margin-right: 10px;
	}

	.sepu_options_content {
		flex-wrap: wrap;
		max-height: calc( 100vh - 340px );
	}
	
	.sepu_link_container {
		max-height: calc( 100vh - 465px );
	}

	.sepu_title_style {
		display: flex;
		width: auto;
		border-right: none;
		margin-bottom: 10px;
	}

	.sepu_input_type {
		width: calc(100% - 6px);
		padding-right: 3px;
		margin-left: 3px;
	}

	.sepu_input_options {
		left: -21px;
	    width: calc(100% + 9px);
	}

	.editpage {
    	padding: 20px 20px 20px 20px;
	}

	.riskeval_table td {
		max-width: calc(100vw - 150px);
	}
}

.traffic-light-red,
.traffic-light-yellow{
	display:block;
	width:32px;
	height:32px;
	background:gray;
	border-radius:100%;
	margin:10px;
}
.traffic-light-red.active{
	background:red;
	box-shadow: 0px 0px 20px 6px rgba(255,0,0,1);
}
.traffic-light-yellow.active{
	background:yellow;
	box-shadow: 0px 0px 20px 6px yellow;
}

.traffic-light{
	background:black;
	border-radius:16px;
	border: solid 6px black;
	width:52px;
	height: auto;
	margin-bottom: 42px;
	position: relative;
}

.traffic-light:after{
	content:'';
	position:absolute;
	top: 100%;
	left: 22px;
	background: black;
	width:8px;
	height: 64px;
}

/* .material-inputs */

input.material-input,
input.material-tel-input {
	width: calc( 100% - 14px );
	margin-top: 5px !important;
	padding: 6px 8px;
	font-size: 16px;
	color: var(--main-gray);
	border: 1px solid var(--main-gray);
	border-radius: 3px;
	background-color: var(--bg);
}

.iti--separate-dial-code,
.iti--separate-dial-code .material-tel-input {
	width: 100%;
}

.material-select, .material-number {
	width: 100%;
	padding: 6px 8px;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid var(--main-gray);
	border-radius: 3px;
}


/* .material-checkbox */

.material-checkbox-container input[type=checkbox] {
	display: block !important;
}

.material-checkbox-container {
	display: inline-block;
	position: relative;
	padding: 11px;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	margin-left: 3px;
}

.material-checkbox-container.start-line {
  margin-left: -11px;
}

.material-checkbox-container.end-line {
  margin-right: -11px;
}

.material-checkbox-container label {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 100%;
}

.material-checkbox-container label:hover {
	background-color: #1a41751a;
}

.material-checkbox:focus + label {
	outline: none;
	background-color: #1a417533;
}

.material-checkbox-container label:focus {
	background-color: #1a417566;
}

input.material-checkbox {
	white-space: nowrap;
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0;
	left: 11px;
	top: 11px;
	width: 18px;
	height: 18px;
}

.material-checkbox-background {
	background-color: #ff000000;
	border: 2px solid rgba(0,0,0,.54);
	position: relative;
	box-sizing: border-box;
	left: 11px;
	top: 11px;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	-webkit-transition: background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;
	-o-transition: background-color 90ms 0ms cubic-bezier(.4,0,.6,1),border-color 90ms 0ms cubic-bezier(.4,0,.6,1);
	transition: background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;
}

.material-checkbox[disabled] .material-checkbox-background {
	background-color: #8d8d8d;
	border: 2px solid #8d8d8d;
}

.material-checkbox[disabled] + label:hover,
.material-checkbox[disabled] + label:focus {
	background-color: transparent !important;
	cursor: not-allowed;
}

.material-checkbox-checkmark {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	height: 100%;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;
	-o-transition: opacity .18s 0ms cubic-bezier(0,0,.2,1),transform .18s 0ms cubic-bezier(0,0,.2,1);
	transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 1.18s cubic-bezier(0,0,.2,1) 0ms;
}

.material-checkbox-path {
	stroke: currentColor;
	stroke-width: 3.12px;
	stroke-dasharray: 29.7833385;
	stroke-dashoffset: 29.7833385;
	-webkit-transition: stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;
	-o-transition: stroke-dashoffset .18s 0ms cubic-bezier(.4,0,.6,1);
	transition: stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;
}

[id^="material-checkbox-"]:checked + label .material-checkbox-background {
	background-color: #1A4175;
	border: 2px solid #1A4175;
}

[id^="material-checkbox-"]:checked + label .material-checkbox-checkmark {
	opacity: 1;
}

[id^="material-checkbox-"]:checked + label .material-checkbox-path {
	stroke-dashoffset: 0;
}

.material-checkbox-line {
	margin-left: -11px;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	width: fit-content;
}

[id^="material-checkbox-"][disabled]:checked + label .material-checkbox-background {
	background-color: #8d8d8d;
	border: 2px solid #8d8d8d;
}


/* .material-table */

.material-table-title {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 16px;
}

.material-table-div {
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.12);
	max-width: 100%;
	background-color: #ffffff;
	text-align: left;
	box-sizing: border-box;
	overflow-x: auto;
}

table.material-table {
	min-width: 100%;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	overflow-x: auto !important;
}

table.material-table thead {
	height: 48px;
	box-sizing: border-box;
	background-color: var(--main);
	border: none;
}

table.material-table th {
	color: var(--main-neg-text);
}

/*.material-table-row:hover {
	background-color: rgba(0,0,0,.04);
}*/

table.material-table td {
	height: 48px;
	border: none;
	color: var(--main-text);
	border-top: 1px solid rgba(0,0,0,.12);
}


table.material-table th,
table.material-table td {
	padding: 0px 6px ;
}

table.material-table th:first-child,
table.material-table td:first-child {
	padding: 0px 6px 0px 12px;
}

table.material-table th:last-child,
table.material-table td:last-child {
	padding: 0px 12px 0px 6px;
}

table.material-table .material-table-cell-numeric {
	text-align: right;
}

table.material-table .material-icons {
    font-size: 22px;
    line-height: 22px;
}

/* .material-slider / .material-range */

.material-slider-container {
	width: 100%;
	position: relative;
}

.material-slider {
	background: linear-gradient(to right, #1a4073 0%, #1a4073 50%, #A0AEC2 50%, #A0AEC2 100%);
	height: 2px;
	width: 100%;
	margin: 15px 0;
	border: none;
	outline: none;
	transition: background 450ms ease-in;
	-webkit-appearance: none;
	position: relative;
	cursor: pointer;
}

.material-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #1a4073;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.material-slider::-moz-range-thumb {
	width: 12px;
	height: 12px;
	border: none;
	outline: none;
	border-radius: 100%;
	background: #1a4073;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.material-slider:focus::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px 12px rgba(26, 65, 117, 0.12);
}

.material-slider:focus::-moz-range-thumb {
	box-shadow: 0px 0px 0px 12px rgba(26, 65, 117, 0.12);
}

.material-slider:focus::-webkit-slider-thumb:active {
	box-shadow: 0px 0px 0px 7.5px rgba(26, 65, 117, 0.12);
}

.material-slider:focus::-moz-range-thumb {
	box-shadow: 0px 0px 0px 7.5px rgba(26, 65, 117, 0.12);
}

.material-slider::-moz-focus-outer {
	border: 0;
}

.material-slider.active:not(.material-slider-label):not(:disabled)::-webkit-slider-thumb,
.material-slider:not(.material-slider-label):not(:disabled):active::-webkit-slider-thumb {
	width: 21px;
	height: 21px;
}

.material-slider.active:not(.material-slider-label):not(:disabled):active::-moz-range-thumb,
.material-slider:not(.material-slider-label):not(:disabled):active::-moz-range-thumb {
	width: 21px;
	height: 21px;
}

.material-slider:disabled {
	cursor: not-allowed;
}

.material-slider:disabled::-webkit-slider-thumb {
	background: #9E9E9E;
	cursor: not-allowed;
}

.material-slider:disabled::-moz-range-thumb {
	background: #9E9E9E;
	cursor: not-allowed;
}

.material-slider-label:before {
	content: "";
	left: var(--left);
	top: 12px;
	position: absolute;
	display: block;
	height: 0px;
	width: 0px;
	transform: translateX(-50%) rotate(45deg);
	border-radius: 2px;
	background-color: #1a4073;
	transition: height 0.1s ease-in-out, top 0.1s ease-in-out, padding 0.1s ease-in-out;
}

.material-slider-label:after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: attr(value);
	left: var(--left);
	top: 13px;
	position: absolute;
	font-size: 10px;
	padding: 0px;
	transform: translateX(-50%);
	height: 0px;
	overflow: hidden;
	color: #ffffff;
	border-radius: 100%;
	background-color: #1a4073;
	transition: height 0.1s ease-in-out, top 0.1s ease-in-out, padding 0.1s ease-in-out;
}

.material-slider.active:not(:disabled) + .material-slider-label:before,
.material-slider:not(:disabled):focus + .material-slider-label:before,
.material-slider:not(:disabled):active + .material-slider-label:before {
	top: -4px;
	height: 10px;
	width: 10px;
}

.material-slider.active:not(:disabled) + .material-slider-label:after,
.material-slider:not(:disabled):focus + .material-slider-label:after,
.material-slider:not(:disabled):active + .material-slider-label:after {
	top: -20px;
	padding: 4px;
	height: 15px;
	width: 15px;
}

.anker-text 		{ color: #1a4073; }
.anker-text.green	{ color: #006400; }
.anker-text.red		{ color: #cc0000; }

.anker-text[onClick]:hover,
.anker-text[onClick]:focus {
	text-decoration: underline;
	cursor: pointer;
}

.anker-text i {
	margin-right: 3px;
}

.sidebartitle-masterlink:hover{
	background: rgb( 200, 209, 221 );
	box-shadow: inset 2px 2px 7px -1px rgba(0,0,0,0.7);
	text-decoration: underline;
}
.sidebartitle-masterlink{
	position:absolute;
	bottom: 48px;
	right: 15px;
	background: rgb( 138, 158, 185 );
	border-radius:3px;
	color:black;
	cursor:pointer;
	padding: 3px 12px;
	font-size:13px;
	line-height: 24px;
	padding-right: 34px;
	box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.5);
}
.sidebartitle-masterlink i.material-icons {
    position: absolute;
    right: 6px;
}

.sidebartitle-slavelink:hover{
	background: rgb( 200, 209, 221 );
	box-shadow: inset 2px 2px 7px -1px rgba(0,0,0,0.7);
	text-decoration: underline;
}
.sidebartitle-slavelink{
	position:absolute;
	bottom: 14px;
	right: 15px;
	background: rgb( 138, 158, 185 );
	border-radius:3px;
	color:black;
	cursor:pointer;
	padding: 3px 12px;
	font-size:13px;
	line-height: 24px;
	padding-right: 34px;
	box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.5);
}
.sidebartitle-slavelink i.material-icons {
    position: absolute;
    right: 6px;
}

#sidebartitle-slavelink-dropdown-content{
    background: #1a4175;
    padding: 5px;
    z-index: 10000;
    position: absolute;
    right: -8px;
    width: auto;
    white-space: nowrap;
    top: 36px; 
}

#sidebartitle-slavelink-dropdown-content .sidebartitle-slavelink{
    position: relative;
    right:0;
    top:0;
    margin:3px;
}

/* Pre-Login Language selector */

.langbig {
    display: block;
    position: relative;
    min-height: 44px;
    padding: 10px;
    padding-left: 64px;
    line-height: 46px;
}

.langbig:not(:last-child) {
    border-bottom:1px solid lightgray;
}

.langbig img {
    position: absolute;
    width: 46px;
    left: 10px;
    top:10px;
    z-index: 1;
}

.langselbig {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background: #fff;
    /* padding: 10px; */
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}

.langbig a:not(:last-child):after{
    content:"|";
    color:gray;
    width:10px;
    margin:5px 5px;
    text-decoration:none;
}

.customerSearchBar  {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(255, 255, 255);
	cursor: default;
	line-height: 22.05px;
	width: 250px;
	margin: 0 auto 16px;
}

.inputWrapper  {
	position: relative;
	width: 100%;
	height: 100%;
	color: rgb(178, 178, 178);
}


.customerSearchInput {
	width: 100%;
	padding: 0 0 0 50px;
	border-radius: 4px;
	box-sizing: border-box;
}

.customerSearchBar input[type="text"]{
	height: 40px;
	background: #e8e8e8;
	color: #4c4c4c;
}

.inputWrapper i {
	top: 9px;
	left: 16px;
    cursor: pointer;
	position: absolute;
}

.customerSelectList{
	max-width: 250px;
	background:#fff;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	overflow-y:hidden;
	display: grid;
	margin-bottom: 20px;
	margin-right: auto;
	text-align:center;
	margin-bottom: 20px;
	margin-left: auto;
}

.customerSelectListItem:not(:first-child){
	border-top:1px solid #e2e2e2;
}
.customerSelectListItem{
	font-size:13px;
	cursor:pointer;
	text-align:left;
	padding: 6px 16px;
	position:relative;
}

.customerSelectListItem.test:before{
	background: #cded00;
}

.customerSelectListItem.wyssen:before{
	background: #1a4175;
}

.customerSelectListItem.productive:before{
	background: #018f01;
}

.customerSelectListItem.included:before{
	background: #8a8a8a;
}

.customerSelectListItem.retired:before{
	background: #8a8a8a;
}

.customerSelectListItem.active{
	background: rgba( 0, 0, 0, 0.1 );
}

.customerSelectListItem:before{
	content: '';
	position:absolute;
	width:3px;
	height: 100%;
	top:0;
	left: 0;
	background:transparent;
}

.customerSelectListItem:hover{
	background: rgba( 0, 0, 0, 0.1 );
}

#selectList {
	max-height: calc(100vh - 500px);
	min-height: 46px;																																																																																																											
	overflow-y: scroll;
}

h4.space-before:not(:first-child){
	margin-top:16px;
}

.expand_box, .reduce_box{
	cursor: pointer;
}

#explo-transaction #explo-slect-source,
#explo-transaction #explo-slect-destination {
    max-height: calc(100vh - 25rem);
	min-height: 7.5rem;
    overflow: auto;
}

.dsmt-modal table.dsmt {	
	width: 100%;
	margin: 1rem auto;
}

.wac-icons::after {
	content: '';
    background-color: transparent;
    position: absolute;
    top: .2rem;
    left: 0;
    height: 32px;
    width: 32px;
    margin: 8px 0px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.wac-icons {
	/* width: 14px; */
	padding-left: 1rem;
}

.wac-icons.wac-tower::after {
    background-image: url(../img/basic/tower-white.svg);
	/* background-color: white;
	mask-image: url(../img/basic/tower.svg); */
}

@media (max-width: 500px) {

	.explo-source img, .explo-destination img {
		display: block;
		width: 50px;
		height: 50px;
	}

	.explo-source:after, .explo-destination:after {
		top: 9px;
		left: -9px;
		font-size: 11px;		
	}

	.explo-source, .explo-destination {
		width: 65px;
	}

	

	.remodal {
		padding: 15px 2px !important;
	}

	#explo-transaction input.qty[type="text"] {
		font-size: 16pt;
		width: 50px;
		height: 30px;
	}

	#explo-transaction input.qtyminus,
	#explo-transaction input.qtyplus {
		font-size: 16pt;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	#explo-transaction .explo-transfer {
		width: 128px;
	}
}

.remodal-toggle-width {
	position: absolute;
	top: 0;
	right: 35px;
	display: block;
	overflow: visible;
	width: 35px;
	height: 35px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
	color: #1a4175;
	border: 0;
	outline: 0;
	background: transparent;
	z-index:2;
}

.remodal-toggle-width:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;/* Support for IE. */
	font-feature-settings: 'liga';
	line-height: 35px;

	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	text-align: center;
}

.remodal-is-opened:not(.remodal-wide) .remodal-toggle-width:before {
	content: "fullscreen";
}

.remodal-is-opened.remodal-wide .remodal-toggle-width:before {
	content: "fullscreen_exit";
}

.remodal:has(.remodal-toggle-width) {
	width: 100%;
}

.drop-area.cam-upload form {
	height: 10em !important;
	overflow: auto;
	margin-bottom: 2em;
}

.drop-area .bulk-upload.loading p::after {
	content: '';
	width: 12px;
	height: 12px;
	background-color: transparent;
	border: 2px solid rgba(0,0,0,0.2);
	border-top-color: black;
	margin:0;
	border-radius: 100%;
	animation: rotating 1.5s linear infinite;
	z-index:-1000;
	display: inline-block;
	margin-bottom:-.125em;
	margin-left:.5em;
}

.drop-area .bulk-upload span {
	padding: 0 .25em;
}

.drop-area .bulk-upload.complete {
	color:#018001;
}

.drop-area .bulk-upload.complete p::after {
	content: '\2714';
	margin-left: .5em;
}

@media only screen and (min-width: 641px) {
	.remodal:has(.remodal-toggle-width):not(.remodal-wide) {
	max-width: 775px;
	}
}

table.xdebug-error.xe-uncaught-exception {
    width: 100%;
}