body {
	font-family: Helvetica,Arial,sans-serif;
}
h1, h2, h3, h4 {
	color: #000000;
	font-weight: normal;
	text-shadow: none;
}
h1 {
	font-size: 1.5em;
	font-weight: normal;
}
h2 {
	font-size: 1.3em;
	font-weight: normal;
}
h3 {
	color: #333333;
	font-size: 1.15em;
}
h4 {
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
}
legend {
	color: #333333;
}
.ui-collapsible-content {
	text-shadow: none !important;
}
.ui-listview li {
	background-color: #ddd !important;
	text-shadow: none !important;
	color: #333 !important;
}
hr {
	color: #555;
	background-color: #555;
	height: 1px;
	border-style: none;
}
.ui-page-theme-a .ui-bar-inherit, .ui-btn {
	text-shadow: none !important;
}
.module-table th a, table th a:link, table th a:visited, table th a:hover, table th a:active {
	text-decoration: none;
	color: #333 !important;
}
.module-table th a:hover {
	text-decoration: underline;
}
.table-header-filter {
	background-color: #888;
	min-height: 23px;
	border-radius: 3px;
	padding: 4px;
}
.table-header-filter-input {
}
.ui-selectmenu [data-role=list-divider], .ui-selectmenu-list [data-role=list-divider] {
	text-align: center;
}
.loginLogotype {
	position: absolute; 
	left: 10%;
	top: 3em;
}
#loginButton {
	margin-bottom: 10px;
}
.ui-navbar ul li a {
	border-color: #ccc !important;
}
@media ( max-width: 50em ) {
	.loginLogotype {
		display: none;
	}
	.headerLogotype {
		position: absolute;
		top: .6em;
	}
}
@media ( min-width: 50em ) and ( max-width: 65em) {
	.loginLogotype {
		width: 100px;
		height: 65px;
		top: 5em;
	}
}
@media ( min-width: 50em ) {
	.headerLogotype {
		display: none;
	}
	.loginLogotype {
		display: inline;
	}
}
.footerLogotype {
	width: 50px; height: 32px;
	float: right;
	margin-left: 1em;
}
.header-logotype-all {
	max-width: 150px; height: 34px;
	float: left;
	position: relative;
	top: .5em;
	margin-left: .8em;
}
.header-logotype-all-supplier {
	max-width: 150px;
	height: 32px;
	float: left;
	position: relative;
	top: .5em;
	margin-left: .8em;
}
.copyright, .about, .footer-powered-by {
	font-size: .8em;
	font-weight: normal;
	position: relative;
	top: .4em;
	color: #777;
}
.about {
	padding-left: 30px;
}
.about a, .about a:link, .about a:visited, .about a:hover, .about a:active {
	color: #888 !important;
	text-decoration: none;
	font-weight: normal;
}
.about a:hover {
	color: #aaa !important;
}
#loginPage [data-role=footer] .copyright {
	top: .5em;
	float: right;
}
#header-site-title-box {
	text-align: center;
	height: 40px;
}
.header-site-title, .header-site-title-short {
	display: inline;
	font-size: 1.0em;
}
@media ( max-width: 559px ) {
	.header-site-title {
		/*visibility: hidden;*/
		display: none !important;
	}
}
@media ( min-width: 560px ) {
	.header-site-title-short {
		/*visibility: hidden;*/
		display: none !important;
	}
}
@media ( max-width: 28em ) {
	#header-site-title-box {
		visibility: hidden;
	}
}
[data-role=navbar] {
	margin-top: 5px;
}
@media ( max-width: 26em ) {
	[data-role=navbar] .button-text {
		display: none;
	}
}
#network-panel-buttons .ui-btn-inner {
	font-size: 14px;
}
.ui-page {
	xbackground: #101010;
}
.ui-content {
	xbackground: #303030;
}
.ui-input-text input {
	background: #f0f0f0;
	color: #000;
	text-shadow: none;
}
.ui-input-text {
	margin-top: 3px;
}
.ui-page-theme-a .ui-bar-inherit {
	background-color: #f6f8fb; /* Common header bar. */
}
.ui-page-theme-a .ui-popup .ui-bar-inherit {
    background-color: #004168;
}
.ui-page-theme-a .ui-popup .ui-bar-inherit h1 {
    color: white;
}
.ui-page-theme-a .ui-body-inherit {
	background-color: #404040;
	border-width: 1px;
}
.ui-btn {
	margin: 0;
	padding-top: 9px;
	padding-bottom: 9px;
	xborder-color: #505050 !important;
	xborder-style: solid;
	xborder-width: 1px;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
	border-width: 1px;
}
.ui-input-search:after {
	opacity: 1.0;
}
#new-password-form {
	max-width: 15em;
	margin: 0 auto;
}
#login-form {
	max-width: 25em;
	margin: 0 auto;
}
#login-form .ui-field-contain {
	border-style: none;
}
label.ui-input-text {
	padding-top: .6em;
}
.ui-header .ui-title, .ui-footer .ui-title {
	margin-right: 0;
	margin-left: 0;
}
#username, #password {
/*	max-width: 12em;*/
}
#message {
	color: red;
}
#menuPanel {
	background: #eee;
}
@media ( min-width: 40em ) {
	/* Show the table header rows and set all cells to display: table-cell */
	.my-table-breakpoint td,
	.my-table-breakpoint th,
	.my-table-breakpoint tbody th,
	.my-table-breakpoint tbody td,
	.my-table-breakpoint thead td,
	.my-table-breakpoint thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	.my-table-breakpoint td .ui-table-cell-label,
	.my-table-breakpoint th .ui-table-cell-label {
		display: none;
	}
}
.module-table {
	margin-top: 0em;
}
.module-table tbody tr, .channel-table tbody tr, tr.task-row, .trend-tool-table tbody tr {
	background: #f6f8fb;
}
.module-table tbody tr .selected, .channel-table tbody tr .selected, tr.task-row.selected, .trend-tool-table tbody tr .selected {
	background: #ffff66;
}
.module-table td, .channel-table td, .trend-tool-table td {
	vertical-align: middle;
}
.task-table .limit-length {
	max-width: 25ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.invisible {
	visibility: hidden
}
.network-list {
	max-width: 30em;
	margin: 0 auto;
}
.network-list [data-role=button] {
	text-align: left;
}
.module-container {
	max-width: 960px;
	overflow: hidden;
}
.showModulePage .sub-content {
	max-width: 60em; 
	margin: 0 auto; 
}
@media ( max-width: 62em ) {
	.showModulePage .sub-content {
		max-width: 30em; 
	}
}
.module-channel-panel {
	background: #f6f8fb;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	float: left;
	padding: .2em;
	text-align: left;
	margin-bottom: .5em;
	width: 460px;
	height: 260px;
}
.module-channel-panel .title h3 {
	margin-left: .5em;
	margin-top: 6px;
}
.module-channel-panel {
	position: relative;
}
.module-channel-tdr-panel {
	height: 260px;
}
.module-channel-panel .alarm-section-description {
	width: 16em;
	max-height: 50px;
	overflow: hidden;
	text-align: left;
	position: relative;
	font-size: .8em;
	top: 0px;
	left: 10px;
	color: #333;
}
.module-channel-panel .alarm-section {
	font-weight: bold;
}
.module-channel-panel .edit {
	text-align: right;
}
.module-channel-panel .edit .controlgroup {
	position: relative;
	top: -.3em;
	right: .2em;
}
.module-channel-panel .paused1 {
	position: absolute;
	left: 14px;
	top: 50px;
	font-size: 10px;
	color: #ffff00;
}
.module-channel-panel .paused2 {
	position: absolute;
	left: 14px;
	top: 50px;
	font-size: 10px;
	color: #ffff00;
}
.connection-problem1, .connection-problem2 {
	color: #ff5500;
}
.module-channel-panel .connection-problem1 {
	position: absolute;
	top: 22px;
	right: 120px;
	color: #ff5500;
}
.module-channel-panel .connection-problem2 {
	position: absolute;
	top: 12px;
	left: -40px;
	color: #ff5500;
}
.module-list-td-qpg .connection-problem1 {
	margin-top: 12px;
}
.di-inactive-dot {
	position: relative;
	left: 6.5px;
	top: -7.3px;
	font-size: 32px;
	color: #333;
}
.module-list-td-di .di-inactive-dot {
	left: 4.3px;
	top: -1.7px;
}
.module-health-di .di-inactive-dot {
	left: 4px;
	top: -10px;
}

.channel1, .channel3 {
	margin-right: .45em;
}
.pulspg-channel {
	margin-right: .45em;
}
.module-channel-table, .module-wlv-table {
	padding: .5em;
}
.module-channel-table th, .module-wlv-table th {
	font-size: .8em;
}
.module-channel-table tbody tr, .module-wlv-table tbody tr {
	height: 3em;
}
.module-channel-table td, .module-wlv-table td {
	margin: 5px;
	padding: .7em;
	background: #f0f0f0;
}
.module-channel-table .loop-res-header, .module-channel-table .galv-volt-header, .module-channel-table .ac-res-header,
.module-wlv-table .wlv-top-header {
	padding-left: .7em;
	padding-right: .7em;
	padding-bottom: .7em;
	max-width: 62px;
	overflow: hidden;
	white-space: nowrap;
}
.module-channel-table .wire-header, .module-wlv-table .wlv-left-header {
	padding-right: .7em;
	text-align: center;
}
.module-info-gauge-label {
	margin-left: 5px !important; 
}
.module-info-popup .gauge-display {
	width: 90%;
}
.ui-popup .ui-content {
	background-color: #fff;
	padding-top: 1px;
}
.zoom-free-popup.ui-popup {
	background-color: #aaa;
	padding: 0px;
}
.zoom-free-popup.ui-content {
	text-shadow: none;
}
.zoom-free-popup [data-role="content"] {
	padding-top: 10px;
}
.chart-table-popup.ui-popup {
	background-color: #aaa;
	padding: 1px;
}
.chart-table-popup [data-role="footer"], .zoom-free-popup [data-role="footer"] {
	padding: 10px;
}
.gauge-display {
	color: #000000;
	font-size: 1.5em;
	padding: .1em;
	width: 3.6em;
	border-width: .05em;
	border-style: solid;
	border-color: #333333;
	margin: auto;
	text-align: right;
	text-shadow: none;
	display: inline-block;
}
.gauge-display-green {
	background: linear-gradient(to bottom, #53843f 0%, #7de22f 13%, #61c419 48%, #7de22f 96%, #458c1e 100%);
}
.gauge-display-orange {
	background: linear-gradient(to bottom, #85803f 0%, #e2bc30 13%, #c5a219 48%, #e2bc30 96%, #8c7d1e 100%);
}
.gauge-display-red {
	background: linear-gradient(to bottom, #854a3f 0%, #e23030 13%, #c51c19 48%, #e23030 96%, #8c271e 100%);
}
.gauge-display-gray {
	background: linear-gradient(to bottom, #898989 0%, #a7a7a7 13%, #939393 48%, #a7a7a7 96%, #808080 100%);
}
.gauge-display-blue {
	background: linear-gradient(to bottom, rgba(63,104,133,1) 0%, rgba(48,179,226,1) 13%, rgba(25,148,197,1) 48%, rgba(48,179,226,1) 96%, rgba(30,101,140,1) 100%);
}
.ac-res-table-cell .gauge-display {
	font-size: 1.9em;
	width: 3.5em;
}


/* Module info panel */


.module-info {
	width: 460px;
	height: 169px;
	margin-right: .46em;
	margin-bottom: .6em;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	background: #f6f8fb;
	float: left;
	padding: .2em;
	position: relative;
}
.module-info-table {
	width: 460px;
	height: 100px;
	margin-top: 50px;
}
.module-info-table tr {
	height: 26px;
}
.module-info-table td {
	/*border-width: .1em;
	border-style: solid;
	border-color: gray;*/
	overflow: auto;
}
.module-info-table .first-column {
	width: 200px;
}
.module-info-table td.label {
	font-size: .8em;
	vertical-align: bottom;
}
.module-info-table td.text {
	font-size: 1.0em;
	vertical-align: top;
	width: 50%;
}
.module-info-table td div.text {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 25px;
	max-width: 220px;
}
.module-info .controlgroup, .gaugemeter-container .controlgroup {
	position: absolute;
	right: .4em;
	top: -.1em;
}
.module-map {
	width: 300px; height: 300px; 
}
div.module-list-address {
	max-width: 300px;
	height: 25px;
	margin: 0;
	overflow: auto;
}
.module-list-td-qpg .gauge-display {
	float: left;
	width: 17px; 
	margin-top: 4px; 
	margin-right: 2px;
}
.channel-qpg-container-split, .channel-qpg-container-nonsplit {
	width: 90px;
}
.channel-qpg-container-nonsplit {
	width: 60px;
}
/* Minska utrymmet mellan systemnamnsknapp och externlänkknapp. */
td.module-list-td-external_link {
	padding-left: 0;
}
.centerPage {
	max-width: 30em; 
	margin: 0 auto;
}
.module-info-popup {
	min-width: 17em;
}
.module-info-popup-part {
	border-style: solid;
	border-width: 1px;
	height: 20em;
	float: left;
	padding: .5em;
}
#module-info-popup .ui-block-a, #an-edit-popup .ui-block-a, .av-edit-popup .ui-block-a, #rtd-edit-popup .ui-block-a, #wlv-edit-popup .ui-block-a {
	padding-right: .4em;
}
#module-info-popup .ui-block-b, #an-edit-popup .ui-block-b, .av-edit-popup .ui-block-b, #rtd-edit-popup .ui-block-b, #wlv-edit-popup .ui-block-b {
	padding-left: .4em;
}
#module-info-popup p.value {
	margin-top: 0; 
	margin-bottom: .3em; 
	margin-left: 0; 
	padding-top: 0em;
}
.module-info-popup-module-name {
	color: #888888;
	margin-bottom: 15px;
}
.di-tag-category-id-label {
	margin-top: 15px !important;
}
.value.unit, .value.format {
	margin-top: 6px;
	margin-bottom: 12px
}
div.value {
	background: #202020;
	padding: .5em;
}
.number-field {
	text-align: right;
}
.clock, .networkClock {
	color: #555555;
	font-size: 9px;
}
@media ( max-width: 40em ) {
	[data-role=header] .button-text {
		display: none;
	}
}
@media ( max-width: 56em ) {
	[data-role=header] #user-button .button-text {
		display: none;
	}
	[data-role=header] #logoutButton .button-text {
		display: none;
	}
	[data-role=header] #home-button .button-text {
		display: none;
	}
}
@media ( max-width: 70em ) {
	[data-role=header] #auto-update-container .button-text {
		display: none;
	}
}
.button-text-selected {
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #000;
}
.button-text-unselected {
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #F6F8FB;
}
.button-text-selected a:visited {
	background-color: #FFFF00 !important;
}
.channel-edit-container {
	height: auto; overflow: hidden; max-width: 49.4em;
}
.channel-edit-container [name=channel-comment] {
	height: 7em;
}
.channel-edit-popup-part .ui-input-text, .channel-edit-popup-part .ui-select {
	width: 98%;
}
@media ( max-width: 62em ) {
	.channel-edit-container {
		max-width: 25.2em; 
	}
}
#channel-edit-popup1, #channel-edit-popup2, #channel-edit-popup3, #channel-edit-popup4 {
	max-width: 530px;
}
.channel-edit-popup-part {
/*	border-style: solid;
	border-width: 1px;*/
/*	height: 25em;*/
	float: left;
	padding: .1em;
	margin-right: .5em;
}
.limits-table {
	width: 100%;
/*	border-style: solid; border-width: 1px;*/
	margin-bottom: 10px;
}
.limits-table .topleft {
	width:3.5em;
	background: none;
}
.limits-table tr {
	height: 2em;
}
.limits-table th {
/*	border-style: solid; border-width: 1px;*/
	background: #f0f0f0;
	text-shadow: none;
}
.limits-table td {
/*	border-style: solid; border-width: 1px;*/
	background: #f0f0f0;
}
.limits-table .value {
	background: #6a6a6a;
	padding: .2em;
	text-align: right;
	height: 19px;
}
.limits-table .edit {
	text-align: left;
}
.limits-table .edit input {
	text-align: right;
}

@media all and (max-width: 470px) {
	.module-channel-panel {
		width: 310px;
	}
	.gauge-display {
		font-size: 1.2em;
		width: 2.5em;
	}
	.ac-res-table-cell .gauge-display {
		font-size: 1.5em;
		width: 2.8em;
	}
}



/* Trends page */


.trends-page-buttons {
	clear: both;
}
.trends-page-which-buttons {
	float: left;
	margin-right: 15px !important;
}
.trends-page-range-buttons, .pulspg-overview-page-range-buttons {
	float: right;
}
.curve-buttons {
	float: left;
}
.show-all-values-grid {
	float: left;
	width: 420px;
	margin-top: .5em;
}
#show-every-point-message {
	margin-left: .5em;
}

@media all and (max-width: 25em) {
}
.trends-tooltip-title {
	font-size: 14px;
	padding: 3px;
}
.trends-tooltip-body {
	font-size: 12px;
}
.trends-tooltip-row {
	padding: 3px;
}

/* Module health */

.gaugemeter-container {
	height: 155px;
	width: 446px;
	float: left;
	margin: 0;
	margin-bottom: .7em;
	margin-right: 0;
	background: #555;
	float: left;
	padding: 10px;
	position: relative;
	background: #f6f8fb;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
}
.gaugemeter-panel {
	margin: 0;
	padding: .7em;
	background: linear-gradient(to bottom, #e9e9e9 0%, #d7d7d7 .3em, #dddddd 50%, #dadada 100%);
}
.gaugemeter-container.cc58 {
	height: 200px;
}
.gaugemeter-container .left {
	float: left;
	margin-right: .5em;
}
.gaugemeter-container .right {
	float: right;
	width: 226px;
	height: 160px;
	overflow: hidden;
}
.gaugemeter-container.cc58 .right {
	height: 195px;
}
.gaugemeter-container .left img {
	border-radius: 4px;
	box-shadow: 5px 5px 5px #222222;
}
.gaugemeter-container .title h3 {
	margin-top: 5px;
}
.overview-bars table.bars {
	margin: 0 auto;
	table-layout: fixed;
	width: 270px;
}
.gaugemeter-container.cc58 table.bars {
	height: 195px;
}
table.bars td {
	white-space: nowrap;
}
table.bars td.label {
	xwidth: 110px;
	overflow: hidden;
}
table.bars td.bar-td {
	width: 100px;
}
table.bars td.explanation {
	width: 40px;
	overflow: hidden;
	padding-left: 4px;
}
/* Smalaste layouten (för mobiler). */
@media ( max-width: 500px ) {
	.gaugemeter-container .right {
		width: 270px;
	}
}
table .bar {
	background: #999;
	width: 100px;
	height: 20px;
	border-radius: 4px;
}
table .valuebar {
	width: 50px;
	height: 20px;
	border-radius: 4px;
}
.module-info-gauge-label.an-av {
	margin-top: 6px;
	margin-bottom: 11px;
	margin-left: 0;
}
.gauge-display.an-av {
	margin-left: 0px;
	width: 96%;
}
.valuebar {
	text-align: right;
}
.gray {
	background: #bababa;
	background: linear-gradient(to bottom, #bababa 0%, #c3c3c3 15%, #8b8b8b 36%, #6f6f6f 76%, #bababa 100%);
}
.green {
	background: #b4e391;
	background: linear-gradient(to bottom, #b4e391 0%, #d9f492 15%, #b9f422 36%, #61c419 76%, #b4e391 100%);
}
.red {
	background: #e3a091;
	background: linear-gradient(to bottom, #e3a091 0%, #f4929c 15%, #f42237 36%, #c53c19 76%, #e3a091 100%);
}
.orange {
	background: #e3cf91;
	background: linear-gradient(to bottom, #e3cf91 0%, #f4c092 15%, #f48422 36%, #c59d19 76%, #e3cf91 100%);
}
.bar .num, .bar .movenum {
	color: #333;
	font-weight: bold;
	font-size: 14px;
/*	margin-right: .5em;*/
	padding-right: 5px;
	position: relative;
	top: 0;
	text-shadow: none;
}
.bar .num {
	color: #000;
}
.bar .movenum {
	color: #ddd;
	padding-left: 5px;
}
.bars .label, .bars .explanation {
	font-size: 13px;
	font-weight: normal;
}
.bars .label {
	text-align: right;
	padding-right: 5px;
}
.bars .explanation {
	text-align: left;
	padding-left: 5px;
}
.bar-gray {
	background-color: #bbb !important;
}
.bar-red {
	box-shadow: 0 0 4px 1px #f00;
}
.bar-orange {
	box-shadow: 0 0 4px 1px #fa0;
}
.com-error-container .ui-block-a  {
	text-align: right;
	padding-right: 10px;
}
.com-error-container .ui-block-a p {
	margin-top: 8px;
}
.di {
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 17px;
	border-style: solid;
	border-color: #222;
	border-width: 1px;
}
.di-small {
	width: 20px !important;
	height: 20px !important;
	border-radius: 11px;
}
.module-health-di {
	height: 23px;
}
.module-health-di td {
	font-size: .8em;
	height: 15px;
}
.module-health-di .ui-block-a {
	width: 27px;
}
.module-health-di .ui-block-b {
	padding-top: 3px;
	overflow-y: auto;
	overflow: hidden;
	height: 22px;
	width: 80%;
}
#di-edit-popup .ui-block-a {
	width:130px;
}
#di-edit-popup .ui-block-b {
	width:200px;
}
.di-red {
	background: radial-gradient(ellipse at center, #eb2a03 0%, #ff1414 39%, #ffcccc 100%);
}
.di-green {
	background: radial-gradient(ellipse at center, #03eb16 0%, #29ff15 39%, #d1ffcd 100%);
}
.di-yellow {
	background: linear-gradient(to bottom, #ffff00 0%, #faffa8 100%);
}
.di-gray {
	background: radial-gradient(ellipse at center, #777777 0%, #8a8a8a 39%, #e6e6e6 100%);
}
.di-status-on {
	background: #444;
	background-image: url("../images/di_status_on_25x25.png");
}
.di-status-off {
	background: #444;
	background-image: url("../images/di_status_off_25x25.png");
}
.di-status-on.di-small {
	background-image: url("../images/di_status_on_20x20.png");
}
.di-status-off.di-small {
	background-image: url("../images/di_status_off_20x20.png");
}
.di .ui-block-a, .di .ui-block-c  {
	text-align: right;
	padding-top: 6px;
	padding-right: 5px;
}

.showAlarmSettingsPage .di {
	width: 25px;
	height: 25px;
}

/* Module list */

#listPage .di {
	width: 25px;
	height: 25px;
	float: left;
	border-radius: 15px;
	border-style: solid;
	border-color: #222;
	border-width: 1px;
	/*box-shadow: 1px 1px 3px #000;*/
	margin-right: 3px;
}
#listPage td .csq, 
#listPage td .timer, 
#listPage td .temp, 
#listPage td .temp1w, 
#listPage td .humidity, 
#listPage td .battery,
#listPage td .an,
#listPage td .av {
	color: #000000;
	font-size: 1.5em;
	padding: .1em;
	padding-top: .15em;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
	text-align: right;
	/*box-shadow: 1px 1px 3px #000;*/
}
#listPage td .an {
	line-height: 24px
}
.qpg-red {
	background: linear-gradient(to bottom, #c61518 0%, #d83a3a 45%, #753118 100%);
}
.qpg-orangered {
	background: linear-gradient(to bottom, #ea3519 0%, #ff8a47 44%, #af3a03 100%);
}
.qpg-orange {
	background: linear-gradient(to bottom, #ff6f1c 0%, #ffd289 44%, #894817 100%);
}
.qpg-yellow {
	background: linear-gradient(to bottom, #f4cc1a 0%, #fff589 44%, #897502 100%);
}
.qpg-green {
	background: linear-gradient(to bottom, #9dd53a 0%, #b0ff89 44%, #094f04 100%);
}
.qpg-blue {
	background: linear-gradient(to bottom, #3bcbd5 0%, #89d4ff 44%, #042050 100%);
}
.qpg-black {
	background: linear-gradient(to bottom, #dcdee0 0%, #dadbde 43%, #8c8c8c 100%);
}
.qpg-gray {
	background: linear-gradient(to bottom, #8f949b 0%, #aaadb5 43%, #5b5b5b 100%);
}
.all-qpg-container {
	width: 30px;
	height: 40px;
	float: left;
}
.qpg {
	width: 20px;
	float: left;
	border-style: solid;
	border-width: 0px;
	border-color: #888;
	margin-right: 10px;
}
.qpg-part {
	width: 100%;
	height: 7px;
}
.qpg-redborder {
	box-shadow: 0px 0px 7px 3px #ff2200;
}
.qpg-yellowborder {
	box-shadow: 0px 0px 7px 3px #aaaa00;
}
.qpg-grayborder {
	box-shadow: 0px 0px 7px 3px #888888;
}
.qpg-blueborder {
	box-shadow: 0px 0px 7px 3px #33aaff;
}
.qpg-split {
	width: 9px !important;
	float: left;
}
.qpg-splitleft {
	margin-right: 2px !important;
}
.qpg-container {
	position: relative;
	left: 0px;
}
.bluetooth-container {
	position: absolute;
	right: 10px;/*80px;*/
	top: 10px;
}
.qpg-container .qpg {
	margin-right: 0;
}
.pvstatus-gray {
	background: linear-gradient(to bottom, #aaaaaa 0%, #a2a2a2 10%, #6f6f6f 95%, #333333 100%);
}
.pvstatus-green {
	background: linear-gradient(to bottom, #96c48f 0%, #82ff44 10%, #52a03d 95%, #0e6005 100%);
}
.pvstatus-yellow {
	background: linear-gradient(to bottom, #c6c491 0%, #fbff1c 10%, #fff656 93%, #8e7808 100%);
}
.pvstatus-red {
	background: linear-gradient(to bottom, #ff5555 0%, #ff4545 10%, #de0000 95%, #660000 100%);
}
.pvstatus-yellowred {
	background: linear-gradient(to bottom, #ff8989 0%, #ff1c1c 10%, #ff1c1c 49%, #ffff1c 53%, #fff656 93%, #8e7808 100%);
}
.pvstatus {
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	height: 1.6em;
	width: 1.6em;
	text-align: center;
	color: black;
	text-shadow: none;
	padding-top: 4px;
}
.module-info-symbols {
	position: absolute;
	top: 3px;
	left: 2px;
}
.license-violated-symbol-td {
	padding: 3px;
	color: red;
}
.battery-powered-symbol-td {
	padding: 3px;
	padding-top: 7px;
}
/* Smalaste layouten (för mobiler). */
@media all and (max-width: 500px) {
	.module-channel-panel {
		width: 280px;
		height: 188px;
	}
	.module-channel-tdr-panel {
		height: 187px;
	}
	.gauge-display {
		font-size: 1.2em;
		width: 2.5em;
	}
	.ac-res-table-cell .gauge-display {
		font-size: 1.5em;
		width: 2.8em;
	}
	.module-info  {
		width: 282px;
		height: 135px;
	}
	.module-info-sonitus {
		height: 135px !important;
	}
	.gaugemeter-container {
		width: 280px;
		height: 325px;
		margin-right: 7px;
		margin-bottom: 15px;
	}
	.gaugemeter-container.cc58 {
		height: 350px;
	}
	.gaugemeter-container .left img {
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.gaugemeter-container .right {
		float: none;
	}
	.gaugemeter-container.cc58 .right {
		height: 175px;
	}
	.gaugemeter-container.cc58 table.bars {
		height: 175px;
	}
	.gaugemeter-panel { padding: 3px; }
	.gaugemeter-container-an .controlgroup, 
	.gaugemeter-container-av .controlgroup, 
	.gaugemeter-container-rtd .controlgroup, 
	.gaugemeter-container-713an .controlgroup, 
	.gaugemeter-container-151an .controlgroup, 
	.gaugemeter-container-151av .controlgroup, 
	.gaugemeter-container-156an .controlgroup, 
	.gaugemeter-container-156av .controlgroup, 
	.gaugemeter-container-703an .controlgroup, 
	.gaugemeter-container-301an .controlgroup, 
	.gaugemeter-container-331an .controlgroup, 
	.gaugemeter-container-102an .controlgroup, 
	.gaugemeter-container-102av .controlgroup, 
	.gaugemeter-container-di .controlgroup, 
	.gaugemeter-container-do .controlgroup, 
	.gaugemeter-container-dv .controlgroup,
	.gaugemeter-container-wlv .controlgroup {
		right: 1.1em;
	}
	
	.module-info-table {
		width: 280px;
		margin-top: 38px;
	}
	.module-info-table tr {
		height: 20px;
	}
	.module-info-table td {
	/*	border-width: .1em;
		border-style: solid;
		border-color: gray;*/
		height: 12px;
	}


	.module-info-table .first-column {
		width: 128px;
		height: 10px;
	}
	.module-info-table td.label {
		font-size: .6em;
		vertical-align: bottom;
	}
	.module-info-table td.text {
		font-size: .8em;
		vertical-align: top;
	}
	.module-info-table td div.text {
		max-width: 120px;
	}

	.module-channel-panel {
		height: 224px;
	}
	.module-channel-panel .alarm-section-description {
		position: relative;
		left: 10px;
		top: 0;
		font-size: .7em;
		max-height: none;
	}
	.module-channel-table .wire-header {
		padding-right: .5em;
	}
	.module-channel-table {
		padding: .2em;
	}
	.module-channel-table th {
		font-size: .6em;
	}
	.module-channel-table tbody tr {
		height: 2em;
	}
	.module-channel-table td {
		margin: 3px;
		padding: .3em;
	}
	.module-info [data-role=collapsible-set] {
		width: 17em;
	}
	.module-info-popup {
		width: 17em;
	}
	.showModulePage .sub-content {
		max-width: 18em; 
	}
	.pvstatus-module-page {
		left: 6px;
	}
	
	.module-map {
		width: 208px; height: 208px; 
	}
	.gaugemeter-container-sonitus {
		height: 375px !important;
	}
}

.gaugemeter-container-genius {
	height: 166px;
}
.gaugemeter-container.genius-stolpe {
	height: 510px;
}
.gaugemeter-container.genius-map {
	border-style: none;
	width: 447px;
	height: 510px;
}
.gaugemeter-container-powerpole {
	height: 166px;
}
.gaugemeter-container.powerpole-stolpe {
	height: 510px;
}
.gaugemeter-container.powerpole-map {
	border-style: none;
	width: 447px;
	height: 510px;
}
/* Smalaste layouten (för mobiler). */
@media ( max-width: 500px ) {
	.gaugemeter-container .right {
		width: 270px;
	}
	.gaugemeter-container.gaugemeter-container-genius {
		height: 340px;
		width: 268px;
	}
	.gaugemeter-container.genius-stolpe {
		height: 1000px;
		width: 268px;
	}
	.gaugemeter-container.genius-map {
		width: 268px;
	}
	.gaugemeter-container.gaugemeter-container-powerpole {
		height: 340px;
		width: 268px;
	}
	.gaugemeter-container.powerpole-stolpe {
		height: 1000px;
		width: 268px;
	}
	.gaugemeter-container.powerpole-map {
		width: 268px;
	}
}

@media all and (min-width: 1002px) {
	.gaugemeter-container.genius-map {
		width: 923px;
	}
}

@media all and (min-width: 1300px) {
	.gaugemeter-container.genius-map {
		width: 250px;
	}
}

@media all and (min-width: 1500px) {
	.gaugemeter-container.genius-map {
		width: 450px;
	}
}

@media all and (min-width: 1850px) {
	.gaugemeter-container.genius-map {
		width: 800px;
	}
}

@media all and (min-width: 2000px) {
	.gaugemeter-container.genius-map {
		width: 1000px;
	}
}
@media all and (min-width: 1002px) {
	.gaugemeter-container.powerpole-map {
		width: 923px;
	}
}

@media all and (min-width: 1300px) {
	.gaugemeter-container.powerpole-map {
		width: 250px;
	}
}

@media all and (min-width: 1500px) {
	.gaugemeter-container.powerpole-map {
		width: 450px;
	}
}

@media all and (min-width: 1850px) {
	.gaugemeter-container.powerpole-map {
		width: 800px;
	}
}

@media all and (min-width: 2000px) {
	.gaugemeter-container.powerpole-map {
		width: 1000px;
	}
}
.logo-info {
	max-width: 280px;
	margin-bottom: 15px;
	padding: 10px;
	margin-left: 10px;
}
.logo-info h3 {
	font-size: 15px;
}
.supplier-info {
	border-radius: 7px;
	border-style: solid;
	border-width: 2px;
	border-color: #808080;
}
#listNetworkPage .main .leftmost {
	width: 300px;
}
@media all and (min-width: 1125px) {
	#listNetworkPage .centerPage {
		max-width: 1045px;
	}
	#listNetworkPage .main {
		overflow: hidden;
	}
	#listNetworkPage .main .leftmost {
		float: left;
		margin-right: 20px;
	}
	#listNetworkPage .main .left {
		float: left;
		width: 24em;
	}
	#listNetworkPage .main .right {
		margin-top: 16px;
		float: right;
	}
	#listNetworkPage .main .right .logo-info h1, 
	#listNetworkPage .main .right .logo-info h2, 
	#listNetworkPage .main .right .logo-info h3 {
		color: #888888;
	}
}
@media all and (max-width: 1124px) {
	#listNetworkPage .main .right {
		margin-top: 40px;
		margin-left: 75px;
	}
}

.popup-error-message {
	color: red;
	margin: .5em;
	max-width: 450px;
}
#alarm-table {
	background-color: #f6f8fb;
	margin-bottom: 10px;
	border: 1px solid black;
}
#alarm-table th {
	color: #fff;
	background-color: #004168;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-color: #bbbbbb;
}
#alarm-table td, #alarm-table th {
	border-bottom: 1px solid black;
}
.alarm-row-selected {
	background-color: #ffff00;
}
.alarm-row-unacked {
	color: #ff4444;
	cursor: pointer;
}
.alarm-row-acked {
	color: #333;
}
.alarm-row-unacked_rtn {
	color: #00aa00;
	cursor: pointer;
}
.alarm-row-rtn {
	color: #aaffaa;
}
.alarmlist-alarm-limit, .alarmlist-current-value-eu, .alarmlist-value-eu {
	text-align: right !important;
}
.module-an-table, .module-av-table, .module-rtd-table {
	width: 99%;
}
.module-an-table .an-table-title-cell, .module-av-table .av-table-title-cell, .module-rtd-table .rtd-table-title-cell {
	padding-right: .4em;
	padding-top: 2px;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
}
.module-an-table .an-table-category-cell, .module-av-table .av-table-category-cell, .module-rtd-table .rtd-table-category-cell {
	overflow: hidden;
}
.module-an-table .an-table-description-cell, .module-av-table .av-table-description-cell, .module-rtd-table .rtd-table-description-cell {
	font-size: .9em;
	text-align: right;
	padding-left: 4px;
	padding-top: 2px;
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
}
.module-an-table .an-table-explanation-cell, .module-av-table .av-table-explanation-cell, .module-rtd-table .rtd-table-explanation-cell {
	font-size: .8em;
	overflow: hidden;
	white-space: nowrap;
}
/* Smalaste layouten (för mobiler). */
@media ( max-width: 500px ) {
	.module-an-table {
		width: 97%;
	}
	.module-an-table .an-table-description-cell, .module-av-table .av-table-description-cell, .module-rtd-table .rtd-table-description-cell {
		max-width: 28px;
	}
	.module-an-table .an-table-explanation-cell, .module-av-table .av-table-explanation-cell, .module-rtd-table .rtd-table-explanation-cell {
		max-width: 28px;
	}
	.module-an-table .an-table-unit-cell, .module-av-table .av-table-unit-cell, .module-rtd-table .rtd-table-unit-cell  {
		padding-right: 0;
	}
	.module-an-table .an-table-title-cell, .module-av-table .av-table-title-cell, .module-rtd-table .rtd-table-title-cell {
		padding-right: 0em;
		font-size: .8em;
	}
	.module-an-table .an-table-category-cell, .module-av-table .av-table-category-cell, .module-rtd-table .rtd-table-category-cell {
		display: none;
	}
}
.module-an-table .an-table-bar-cell, .module-av-table .av-table-bar-cell, .module-rtd-table .rtd-table-bar-cell {
	width: 103px;
}
.module-an-table tr, .module-av-table tr, .module-rtd-table tr {
	height: 30px;
}
.module-an-table .num, .module-av-table .num, .module-rtd-table .num {
	font-size: .9em;
	font-weight: bold;
}

.module-di-table, .module-do-table, .module-dv-table {
	width: 100%;
}
.module-di-table .di-table-title-cell, .module-do-table .do-table-title-cell, .module-dv-table .dv-table-title-cell {
	padding-right: .1em;
	padding-top: 2px;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
}
.module-do-table .do-table-title-cell {
	width: 50px;
}
.module-di-table .di-table-category-cell, .module-do-table .do-table-category-cell, .module-dv-table .dv-table-category-cell {
	overflow: hidden;
}
.module-di-table .di-table-symbol-cell, .module-do-table .do-table-symbol-cell, .module-dv-table .dv-table-symbol-cell {
	width: 32px;
}
.module-di-table .di-table-description-cell, .module-do-table .do-table-description-cell, .module-dv-table .dv-table-description-cell {
	font-size: .9em;
	text-align: right;
	padding-left: 4px;
	padding-top: 2px;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
}
.module-do-table .do-table-description-cell {
	text-align: left;
}
.module-di-table .di-table-explanation-cell, .module-dv-table .dv-table-explanation-cell, .module-do-table .do-table-explanation-cell {
	font-size: .8em;
	overflow: hidden;
	white-space: nowrap;
}
.module-di-table .di {
	height: 25px;
	width: 25px;
}
.module-do-table .di {
	height: 25px;
	width: 25px;
}
/* Smalaste layouten (för mobiler). */
@media ( max-width: 500px ) {
	.module-di-table .di-table-description-cell, .module-dv-table .dv-table-description-cell, .module-do-table .do-table-description-cell {
		max-width: 30px;
	}
	.module-di-table .di-table-explanation-cell, .module-dv-table .dv-table-explanation-cell, .module-do-table .do-table-explanation-cell {
		max-width: 30px;
	}
	.module-di-table .di-table-title-cell, .module-dv-table .dv-table-title-cell, .module-do-table .do-table-title-cell {
		padding-right: .1em;
		font-size: .8em;
	}
	.module-di-table .di-table-category-cell, .module-dv-table .dv-table-category-cell, .module-do-table .do-table-category-cell {
		display: none;
	}
}

.gaugemeter-container-an, 
.gaugemeter-container-av, 
.gaugemeter-container-rtd, 
.gaugemeter-container-703an, 
.gaugemeter-container-713an, 
.gaugemeter-container-151an, 
.gaugemeter-container-151av,
.gaugemeter-container-156an, 
.gaugemeter-container-156av,
.gaugemeter-container-301an,
.gaugemeter-container-331an,
.gaugemeter-container-102an,
.gaugemeter-container-102av,
.gaugemeter-container-wlv,
.gaugemeter-container-admflow-base,
.gaugemeter-container-admflow-deviation {
	margin-right: 7px;
	/*height: 227;*/
	height: auto;
}
.gaugemeter-container-151an {
	/*height: 336px;*/
	height: auto;
}
.gaugemeter-container-156an {
	height: auto;
}
.gaugemeter-container-151av {
	/*height: 336px;*/
	height: auto;
}
.gaugemeter-container-156av {
	height: auto;
}
.gaugemeter-container-156rtd {
	xheight: auto;
}
.gaugemeter-container-703an {
	/*height: 119px;*/
	height: auto;
}
.gaugemeter-container-301an {
	/*height: 191px;*/
	height: auto;
}
.gaugemeter-container-di, .gaugemeter-container-do, .gaugemeter-container-dv {
	height: auto;
	margin-right: 7px;
}
.gaugemeter-container-331an {
	/*height: 335px;*/
	height: auto;
}
.gaugemeter-container-102an {
	/*height: 336px;*/
	height: auto;
}
.gaugemeter-container-102av {
	/*height: 336px;*/
	height: auto;
}
.gaugemeter-container-smbasican {
	height: 121px;
}
@media ( max-width: 62em ) {
	.gaugemeter-container-an,
	.gaugemeter-container-rtd,
	.gaugemeter-container-713an,
	.gaugemeter-container-151an,
	.gaugemeter-container-151av,
	.gaugemeter-container-156an,
	.gaugemeter-container-156av,
	.gaugemeter-container-703an,
	.gaugemeter-container-331an,
	.gaugemeter-container-301an,
	.gaugemeter-container-102an,
	.gaugemeter-container-102av {
		height: auto;
	}
}

.standard0-bullet { color: #4572A7 }
.standard1-bullet { color: #dd3333 }
.standard2-bullet { color: #cccc33 }
.standard3-bullet { color: #59cc4E }
.standard4-bullet { color: #bb44bb }
.standard5-bullet { color: #995500 }
.standard6-bullet { color: #ff8800 }
.standard7-bullet { color: #44dddd }
.standard8-bullet { color: #ff0000 }
.standard9-bullet { color: #00ff00 }
.standard10-bullet { color: #0000aa }
.standard11-bullet { color: #008800 }
.standard12-bullet { color: #aa0000 }
.standard13-bullet { color: #880088 }
.standard14-bullet { color: #008888 }
.standard15-bullet { color: #888800 }

.smbasican0-bullet { color: #dd3333 }
.smbasican1-bullet { color: #4572A7 }
.smbasicmic0-bullet { color: #ff7777 }
.smbasicmic1-bullet { color: #77aadd }

.acRes1-bullet { color: #4572A7 } /* Blue */
.galvVolt1-bullet { color: #59B54E } /* Green */
.acRes2-bullet { color: #85B2FF } /* Light blue */
.galvVolt2-bullet { color: #99FF8E } /* Light green */
.loopRes-bullet { color: #D9B54E } /* Orange */

.tdrDiverg1-bullet { color: #4572A7 } /* Blue */
.tdrStatusCode1-bullet { color: #59B54E } /* Green */
.tdrEldf1-bullet { color: #B54EB5 } /* Purple */
.tdrIndication1-bullet { color: #ffbb00 } /* Orange */
.tdrDamage1-bullet { color: #ff4000 } /* Red */

.tdrDiverg2-bullet { color: #4572A7 } /* Blue */
.tdrStatusCode2-bullet { color: #59B54E } /* Green */
.tdrEldf2-bullet { color: #B54EB5 } /* Purple */
.tdrIndication2-bullet { color: #ffbb00 } /* Orange */
.tdrDamage2-bullet { color: #ff4000 } /* Red */

.admFlow0-bullet { color: #ff3333 } /* Flow forward */
.admFlow1-bullet { color: #6699ff } /* Flow return */
.admFlow2-bullet { color: #aa2222 } /* Flow speed forward */
.admFlow3-bullet { color: #3355bb } /* Flow speed return */
.admFlow4-bullet { color: #ff7700 } /* Pressure forward */
.admFlow5-bullet { color: #00eedd } /* Pressure return */
.admFlow6-bullet { color: #ff00cc } /* Temp forward */
.admFlow7-bullet { color: #aa00dd } /* Temp return */
.admFlow8-bullet { color: #ffdd00 } /* Flow deviation */
.admFlow9-bullet { color: #007777 } /* Pressure deviation */
.admFlow10-bullet { color: #00dd00 } /* Temp diff */
.admFlow11-bullet { color: #aa8800 } /* Flow deviation percent */

#zoom-free-popup {
	width: 240px;
}
.channel-edit-container label[for=qpg5AcResLo] {
	font-size: 15.5px;
}
.ui-popup .ui-content {
	padding-top: 1px;
}
.zoom-free-popup.ui-popup {
	padding: 0px;
}
.zoom-free-popup.ui-content {
	text-shadow: none;
}
.zoom-free-popup [data-role="content"] {
	padding-top: 10px;
}
.chart-table-popup.ui-popup {
	padding: 1px;
}
.chart-table-popup [data-role="footer"], .zoom-free-popup [data-role="footer"] {
	padding: 10px;
}
.qpg-and-wire-lengths {
	margin-top: 12px;
}
.qpg-and-wire-lengths label {
	font-size: 16px;
}

/*
 * Alarm profiles
 */

.alarm-profile-table {
	border: solid 1px black;
	margin-top: 5px;
}
.alarm-profile-table tbody tr {
	background: #f6f8fb;
}
.alarm-profile-table td {
	vertical-align: middle;
}
.alarm-profile-table td, .alarm-profile-table th {
	border-bottom: solid 1px black;
}
.alarm-profile-table th {
	background-color: #004168;
	color: white;
}
.alarm-profile-icon-ok {
	color: green;
}
.alarm-profile-icon-remove {
	color: red;
}
.user-save-alarm-profile-remove-button {
	color: red;
}
.alarm-profile-inactive-row {
/*	background-color: #282828;
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #333;*/
	color: #aaa;
}
.alarm-profile-inactive-row .alarm-profile-edit-button {
/*	color: #999;*/
}
.alarm-profile-inactive-row .alarm-profile-icon-remove {
	color: #888;
}
.alarm-profile-inactive-row .alarm-profile-icon-ok {
	color: #888;
}
.alarm-profile-number {
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 6px;
	border-radius: 10px;
	color: black;
	margin-right: 1px;
	font-size: 13px;
}
.alarm-profile-number-gray, .alarm-profile-inactive-row .alarm-profile-number {
	background: radial-gradient(ellipse at center, #cacaca 0%, #767676 100%);
}
.alarm-profile-number-blue {
	background: radial-gradient(ellipse at center, #badbfa 0%, #59a2f1 100%);
}
.alarm-profile-number-red {
	background: radial-gradient(ellipse at center, #fe9490 0%, #fc2010 100%);
}
.alarm-profile-number-orange {
	background: radial-gradient(ellipse at center, #ffce8f 0%, #fe9e0e 100%);
}
.alarm-profile-number-yellow {
	background: radial-gradient(ellipse at center, #fafdbd 0%, #edfa64 100%);
}
.alarm-profile-number-green {
	background: radial-gradient(ellipse at center, #8cf67e 0%, #25e814 100%);
}
.alarm-profile-number-purple {
	background: radial-gradient(ellipse at center, #f8a6e3 0%, #ea2eb5 100%);
}
.alarm-profile-number-brown {
	background: radial-gradient(ellipse at center, #d86f1e 0%, #995112 100%);
}
.alarm-profile-table .ui-btn {
	text-align: left;
}

/*
 * Alarm settings
 */

.alarm-settings-divider {
	height: 2px;
	background-color: #555;
}
.alarm-settings-table td {
	vertical-align: middle;
	padding-left: 6px;
	padding-right: 6px;
}
.alarm-settings-divider td {
	padding: 0;
}
.alarm-settings-table {
	width: 100%;
}
.alarm-settings-table th {
	text-align: left;
}
#message-edit-button {
	float: right;
	top: -50px;
}
.alarm-settings-value {
	color: #000000;
	font-size: 1.5em;
	padding: .1em;
	padding-top: .15em;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
	text-align: right;
	width: 100px;
	float: left;
	height: 27px;
	margin-right: 3px;
}
.alarm-setting-row-inactive {
	color: #888;
}
.alarm-setting-on-module {
	background-color: #ddd;
	border-radius: 5px;
}
#alarm-settings-profiles .ui-btn {
	text-align: left;
}
.alarm-setting-profile-inactive-row {
	color: #999;
}

/*
 * Module statistics on network page.
 */

.network-module-type-table {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
}
.network-module-type-table, .network-module-type-table td, .network-module-type-table th {
	xborder-style: solid;
	xborder-width: 1px;
}
.network-module-type-table thead th {
	font-size: 11px;
	text-align: center;
	width: 180px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #aaa;
}
.network-module-type-table td {
	padding-bottom: 5px;
	padding-top: 5px;
}
.network-module-type-table tfoot th {
	font-size: 25px;
	padding-top: 5px;
	border-top-style: solid;
	border-width: 1px;
	border-color: #aaa;
}
/*.network-module-type-table tfoot th .status-sum {
	width: 50%;
	border-top-style: solid;
	border-width: 1px;
	margin: 0 auto;
}*/
.network-module-type-table td.num-cell {
	font-size: 25px;
	text-align: center;
}
.network-module-type-table .pvstatus {
	margin: 0 auto;
}
.network-module-type-table th .status-description {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	margin: 0 auto;
}
.network-module-type-table th .status-description.total {
	font-size: 19px;
}
@media all and (max-width: 800px) {
	.network-module-type-table th .status-description {
		display: none;
	}
	.network-module-type-table th .status-description.total {
		font-size: 15px;
		display: inline;
	}
}

.help-button {
	color: #FFFF00;
	margin-left: 10px;
}
.help-button:hover {
	cursor: pointer;
}
#alarm-profile-period-help {
	top: 20px;
	left: 20px;
	background-color: #dddddd;
	text-shadow: none;
	width: 260px;
}
.help-box {
	background: #eee;
	border-style: solid;
	border-width: 3px;
	border-color: #FFFF00;
	position: absolute;
	z-index: 1000;
	display: none;
	border-radius: 10px;
	padding: 10px;
}
.help-box h3 {
	margin: 0;
	margin-bottom: 7px;
	margin-top: 3px;
	text-align: center;
}
.help-box h4 {
	margin: 0;
	margin-bottom: 6px;
	margin-top: 6px;
}
.help-box p {
	margin: 0;
	margin-bottom: 7px;
}
.help-box ul {
	padding-inline-start: 15px;
}
.help-box li {
	list-style: disc;
}
.help-box button {
	margin-top: 10px;
}
.frontpage-message-box h1 {
	font-size: 20px;
}
.frontpage-message-box h2 {
	font-size: 18px;
}
.frontpage-message-box h3 {
	font-size: 16px;
}
.frontpage-message-box h4 {
	font-size: 15px;
}
#filter-help {
	width: 350px;
}
[name=module-comment] {
	height: 200px !important;
}
.alarm-settings-qpg-number {
	font-size: 25px;
	padding-top: 3px;
}
.small-version-number {
	font-size: 9px;
	color: #aaaaaa;
}
#module-list-map {
	height: 200px; 
	border-style: solid;
	border-width: 1px;
}
#network-map {
	height: 200px; 
	border-style: solid;
	border-width: 1px;
}
.map-maximize-button, .map-fullscreen-button, .map-return-zoom-button {
	width: 26px;
	height: 26px;
	border-radius: 4px;
	border: 1px solid #fff;
	background-color: white;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	cursor: pointer !important;
	margin: 0;
	padding: 0;
}
.map-maximize-button:hover, .map-fullscreen-button:hover {
	background-color: #f4f4f4
}
.leaflet-popup-content {
	text-shadow: none;
	color: black
}
.ui-table-priority-99 {
	display: none
}
.gis-coords-but-inactive {
	color: gray
}
#error-dialog {
	max-width: 400px;
	border-color: black;
	text-shadow: none;
	color: white
}
#error-dialog-message {
	padding: 10px;
}
#error-dialog-buttons {
	text-align: right;
}

#chart-table {
	font-size: .9em;
	border-spacing: 0;
	border-collapse: separate;
	max-height: 200px;
	display: block;
	overflow-y: scroll;
 }
#chart-table thead {
}
#chart-table thead tr {
	background: transparent !important;
}
#chart-table thead th {
	text-align: right;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}
#chart-table thead th.topleft {
	text-align: left;
}
#chart-table tbody {
	height: 150px;
}
#chart-table tbody th {
	text-align: left;
	border-right: 1px solid #666;
}
#chart-table th {
	font-weight: normal;
}
#chart-table-popup [data-role=footer]  {
	text-align: right;
}
#chart-table td, #chart-table th {
	padding: 5px;
}
#chart-table td {
	text-align: right;
	border-right: 1px solid #666;
}
#chart-table tbody th {
	text-wrap: nowrap;
}
#chart-table tr:nth-child(even) {
	background: #aaa;
}
#chart-table tr:nth-child(odd) {
	background: #ddd;
}
#chart-info th {
	text-align: left;
}

.subtitle {
	font-size: 11px;
	position: relative;
	top: -15px;
	color: #aaaaaa;
	margin: 0;
	padding: 0;
}
.ui-disabled {
	opacity: .6;
}

#task-table tr.task-row td {
	border: solid 1px #bbb;
}
.task-edit-popup {
	width: 480px;
}
/* Hide clear button (cross) for "Art" box. */
#task-edit-popup .ui-input-clear {
	display: none;
}
#task-type-searchbox li {
	border-color: #555;
}
#task-table h2 {
	margin: 0;
}
#task-table td, #task-table th {
	margin: 0;
	padding: 8;
	vertical-align: middle;
	text-wrap: nowrap;
}
.task-unfinished-color {
	color: #ff5555 !important;
}
.task-finished-color {
	color: #55ff55 !important;
}
.task-list-selected {
	background: #ccc !important;
}
.ui-table-columntoggle-btn {
	position: relative;
	top: 5px;
}
#task-list-map {
	height: 200px; 
	border-style: solid;
	border-width: 1px;
}
.task-list-map-icon {
	color: black;
	width: 24px !important;
	height: 24px !important;
}
.task-list-map-icon-container {
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
	border-radius: 12px;
}
.task-list-map-icon-container .text {
	position: relative;
	top: 3px;
}
.task-list-map-icon-container-red {
	border-color: #e04040;
	background-color: #f74341;
}
.task-list-map-icon-container-green {
	border-color: #40c010;
	background-color: #61ef37;
}

.ui-radio-on {
	background-color: #eee !important;
}
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-radio-off:after {
	background-color: #ddd;
	border-color: #888;
	border-width: 0px;
	border-style: solid;
	opacity: 1;
}
.ui-checkbox {
	margin: 0;
}
.home-network-icon {
	float: right;
	visibility: hidden;
	font-size: 18px;
}
.network-collapsible h3:hover .home-network-icon {
	visibility: visible;
	color: #888;
}
.network-collapsible h3 .home-network-icon:hover {
	visibility: visible;
	color: #fa0;
}
.home-network-icon-selected {
	color: #333;
	visibility: visible;
}
.network-collapsible h3:hover .home-network-icon-selected {
	color: #333;
	visibility: visible;
}
.network-collapsible h3 .home-network-icon-selected:hover {
    color: #fa0;
}
.ui-icon-minus:after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23333333%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E") !important;
}
.ui-icon-plus:after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23333333%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}
.ui-icon-carat-r:after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23333333%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E") !important;
}
.ui-icon-delete:after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23333333%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}
.favorite-icon {
	float: right; 
	margin-right: 15px; 
	font-size: 22px;
	color: #888;
}
.favorite-icon:hover {
	color: #880;
	text-shadow: 0px 0px 12px #dddd00;
}
.favorite-icon-selected {
	color: #ff0;
	text-shadow: 0px 0px 12px #555555;
}
.favorite-icon-selected:hover {
	color: #dd0;
	text-shadow: 0px 0px 12px #ffff00;
}
[data-role=popup] .ui-radio label:nth-child(2) {
	visibility: hidden;
}
.cluster-icon {
	width: 40px;
	height: 40px;
	background-color: #33cc33;
	text-align: center;
	font-size: 16px;
	text-shadow: none;
	border-radius: 19px;
	border-style: solid;
	border-width: 1px;
	border-color: #11bb11;
}
.cluster-icon-leaf {
	background-color: #33cc33;
}
.cluster-icon-text {
	margin-top: 9px;
}
.cluster-icon-text-noleaf {
	margin-top: 9px;
}
.cluster-icon-childnodes {
	font-size: 14px;
	color: black;
	background-color: #33ff33;
	padding: 3px;
	border-radius: 7px;
}
#pulspg-overview-table {
	width: 100%;
	height: 180px;
}
#pulspg-overview-table td {
	/*border-style: solid;
	border-width: 1px;*/
	height: 100px;
	vertical-align: bottom;
	padding: 5px;
}
.pulspg-overview-ind {
	border-style: none;
	border-width: 1px;
	height: 10px;
	margin: 0px;
	border-radius: 2px;
}
.pulspg-overview-ind-red {
	background: linear-gradient(to bottom,  #c61518 0%, #d83a3a 45%, #753118 100%);
}
.pulspg-overview-ind-orangered {
	background: linear-gradient(to bottom,  #ea3519 0%, #ff8a47 44%, #af3a03 100%);
}
.pulspg-overview-ind-orange {
	background: linear-gradient(to bottom,  #ff6f1c 0%, #ffd289 44%, #894817 100%);
}
.pulspg-overview-ind-yellow {
	background: linear-gradient(to bottom,  #f4cc1a 0%, #fff589 44%, #897502 100%);
}
.pulspg-overview-ind-green {
	background: linear-gradient(to bottom,  #9dd53a 0%, #b0ff89 44%, #094f04 100%);
}
.pulspg-overview-ind-black {
	background: linear-gradient(to bottom, #cbcdd1 0%, #c7c9cd 43%, #bababa 100%);
}
.pulspg-overview-stack-title-container {
	height: 80px;
	/*border-width: 1px;
	border-style: solid;*/
	position: relative;
	padding: 5px;
}
.pulspg-overview-stack-title {
	text-align: right;
	font-size: .8em;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	/*border-width: 1px;
	border-style: solid;*/
}
.pulspg-overview-exceed-arrow-container {
	/*border-width: 1px;
	border-style: solid;*/
	/*height: 22px;*/
	text-align: center;
	padding-top: 8px;
	padding-bottom: 3px;
	font-weight: bold;
	font-family: "Verdana", Georgia, sans-serif;
	font-size: .8em;
	color: #ff4444;
}
.pulspg-overview-damage-redborder {
	box-shadow: 0px 0px 7px 3px #ff2200;
}
#pulspg-overview-list {
	position: relative;
	margin-bottom: 10px;
	margin-top: 60px;
}
#pulspg-overview-list table thead tr {
	background-color: #b0b0b0;
}
#pulspg-overview-list table tbody tr:nth-child(even) {
	background-color: #ddd;
}
.ui-collapsible-content.ui-body-a, .ui-collapsible-content.ui-body-inherit {
	background-color: #383838;
}
.ui-body-a {
	text-shadow: none;
}
/* Channel list page custom column breakpoints */
.channel-table th.ui-table-priority-6,
.channel-table td.ui-table-priority-6 {
		display: none !important;
}
@media all and (min-width: 20em) {
	.channel-table th.ui-table-priority-1,
	.channel-table td.ui-table-priority-1 {
		display: table-cell !important;
	}
}
@media all and (min-width: 35em) { /*55*/
	.channel-table th.ui-table-priority-2,
	.channel-table td.ui-table-priority-2 {
		display: table-cell !important;
	}
}
@media all and (min-width: 60em) { /*70*/
	.channel-table th.ui-table-priority-3,
	.channel-table td.ui-table-priority-3 {
		display: table-cell !important;
	}
}
@media all and (min-width: 80em) {
	.channel-table th.ui-table-priority-4,
	.channel-table td.ui-table-priority-4 {
		display: table-cell !important;
	}
}
@media all and (min-width: 95em) { /*100*/
	.channel-table th.ui-table-priority-5,
	.channel-table td.ui-table-priority-5 {
		display: table-cell !important;
	}
}
@media all and (min-width: 120em) {
	.channel-table th.ui-table-priority-6,
	.channel-table td.ui-table-priority-6 {
		display: table-cell !important;
	}
}
/* Manually hidden */
.channel-table th.ui-table-cell-hidden,
.channel-table td.ui-table-cell-hidden {
	display: none !important;
}
/* Manually shown */
.channel-table th.ui-table-cell-visible,
.channel-table td.ui-table-cell-visible {
	display: table-cell !important;
}
.ui-collapsible-content.ui-body-a, .ui-collapsible-content.ui-body-inherit {
	background-color: #f6f8fb;
}
#an-data, #rtd-data, #av-data, #di-data, #do-data, #dv-data, #channel-data {
	background-color: #bbb;
	padding: 0px;
	border-spacing: 0;
	display: none;
}
#an-data td, #rtd-data td, #av-data td, #di-data td, #do-data td, #dv-data td, #channel-data td {
	padding: 5px;
}
#an-data th, #rtd-data th, #av-data th, #di-data th, #do-data th, #dv-data th, #channel-data th {
	padding: 5px;
}
#an-data thead, #rtd-data thead, #av-data thead, #di-data thead, #do-data thead, #dv-data thead, #channel-data thead {
	background-color: #aaa;
}
.columntoggle-remembered {
	color: #0000FF !important;
}
.overview-popup {
}
.overview-popup .leaflet-popup-tip {
	display: none;
	background-color: #333;
}
.overview-popup .leaflet-popup-tip-container {
	height: 0;
}
.overview-popup .leaflet-popup-content-wrapper {
	background-color: rgba(68, 68, 68, 0.60);
	width: 280px;
}
.overview-popup .leaflet-popup-content {
	margin: 5px;
}
.overview-popup .leaflet-popup-content-wrapper table {
	height: 142px;
	color: white;
}
.overview-bars {
	height: 140px;
}
.overview-popup-not-in-map .leaflet-popup-content-wrapper {
	height: 180px;
}
.overview-popup-not-in-map-6bars .leaflet-popup-content-wrapper {
	height: 210px;
}
.overview-popup-not-in-map-6bars .leaflet-popup-content-wrapper table {
	height: 170px;
}
.overview-popup-not-in-map .overview-bars {
	xheight: 100px;
}
.overview-popup-not-in-map h3 {
	text-align: center;
	font-size: 18px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: white;
}
.overview-popup .leaflet-popup-content a {
	text-decoration: none;
}
.overview-logo {
	position: fixed; 
	bottom: 53px; 
	left: 53px;
	width: 80px;
	height: 52px;
	z-index: 1000;
}
.overview-timeralarm .bars {
}
#overview-temperature-box {
	position: fixed; 
	bottom: 60px; 
	right: 60px;
	width: 94px;
	height: 50px;
	z-index: 1000;
	background-color: #aabbff;
	border-style: solid;
	border-width: 2px;
	border-color: #8899ff;
	opacity: 1;
	border-radius: 15px;
	padding: 0px;
	text-align: center;
}
#overview-temperature {
	margin: 0px;
	margin-top: 8px;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 2px 2px #888888;
}
.smbasicpg-icon {
	width: 56px !important;
	height: 21px !important;
}
.smbasicpg-icon-container {
	border-style: solid;
	border-width: 2px;
	border-color: #444;
	color: #444;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
}
.smbasicpg-mic1-container, .smbasicpg-mic2-container {
	text-align: center;
	height: 21px;
}
.smbasicpg-mic1-container {
	border-right-style: solid;
	border-right-width: 1px;
}
.smbasicpg-mic2-container {
	border-left-style: solid;
	border-left-width: 1px;
}
.smbasicpg-mic-green {
	background-color: #44ee44;
}
.smbasicpg-mic-orange {
	background-color: #eecc33;
}
.smbasicpg-mic-red {
	background-color: #ee4444;
}
.smbasicpg-mic-gray {
	background-color: #999;
}
.ui-slider-label-b {
	background-color: #cccccc;
}
.ui-slider-label {
	text-shadow: none !important;
}
#auto-update-container {
	float:right; 
	position: relative; 
	right: 32px; 
	top: 5px; 
	xborder-style: solid; 
	xborder-width: 1px; 
	xheight: 20px; 
	xwidth: 350px;
}
#auto-update-container .ui-slider-switch {
	width: 50px;
}
#auto-update-label {
	float: left; 
	position: relative; 
	top: 12px; 
	font-size: 12.5px; 
	margin-right: 4px;
}
.auto-update-icon {
	xposition: relative; 
	xtop: -15px;
}
/* Kontrollerna blir felplacerade på Öviks TV. */
#ovik-overview-map .leaflet-top.leaflet-right {
	right: 40px;
	top: 40px;
}
#ovik-overview-map .leaflet-top.leaflet-left {
	left: 40px;
	top: 40px;
}
#refresh-values-message {
	color: #77ff77;
	font-size: 12px;
	padding: 10px;
}
.refresh-values-div {
	width: 100%;
	text-align: right;
}
#set-output-error-message {
	color: #77ff77;
	font-size: 12px;
	padding: 10px;
}
#terms-box {
	height: 56px;
	border-style: solid;
	border-width: 2px;
	border-color: red;
	background-color: #ff8;
	color: black;
	padding: 10px;
	overflow: auto;
}
#terms-box-paragraph p a, 
#terms-box-paragraph p a:link, 
#terms-box-paragraph p a:visited, 
#terms-box-paragraph p a:hover, 
#terms-box-paragraph p a:visited {
	color: red !important;
}
#terms-box h3 {
	margin: 0;
}
#terms-box p {
	margin-top: 3px;
	font-size: .9em;
}
#terms-box-text {
	height: 56px;
	float: left;
}
#terms-box-buttons {
	float: right;
	padding-top: 10px;
}
#terms-box-buttons button {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
	border-radius: 3px;
	border-style: none;
	border-width: 0px;
}
#terms-accept-button {
	background-color: #4a4;
	color: white;
}
#terms-later-button {
	background-color: #44a;
	color: white;
}
.ui-checkbox-on::after, .ui-checkbox-off::after {
	border: solid 1px;
	border-color: #000;
}
.left-col {
	float: left;
	width: 475px
}
.function-popup {
	width: 300px;
	height: 300px;
}
.function-popup iframe {
	width: 100%;
	height: 100%;
	background-color: white;
}
.trend-tool-table-color {
	width: 100%;
	height: 3px;
}
 .trend-tool-table-color-mouseover {
	height: 25px;
}
.trend-tool-row-selected {
	background-color: #777;
}
#trend-tool-save-msg {
	color: #0f0;
	position: absolute;
	left: 50px;
	z-index: 1;
	background-color: #555;
	padding: 20px;
	display: none;
	width: 280px;
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #0f0;
	white-space: nowrap;
	text-align: center;
}

.mic-limits {
	float: left;
	display: inline;
} 
.mic-filters {
	float: left;
	display: inline;
}

.analysis-container {
	width: 100%;
	margin-top: 30px;
}
.smbasic-mic1-raw-bullet {
	color: #cc2222;
}
.smbasic-mic1-filter-bullet {
	color: #ff9999;
}
.smbasic-mic2-raw-bullet {
	color: #4572A7;
}
.smbasic-mic2-filter-bullet {
	color: #88bbee;
}
.smbasic-mic-base-bullet {
	color: #00ff00;
}
.smbasic-mic-hi-bullet {
	color: #ffaa00;
}
.smbasic-mic-hihi-bullet {
	color: #ff0000;
}
.analysis-page-filter-table td {
	margin: 0;
}
.analysis-page-filter-table td .ui-slider-switch {
	margin: 0;
}
.analysis-page-filter-table td .ui-input-text {
	margin: 0;
}
.analysis-page-filter-table-td1 {
	padding-top: 2px;
	padding-left: 10px;
}
.analysis-page-filter-table-td2 {
}
.analysis-page-filter-table-td3 {
	padding-left: 3px;
}
.analysis-page-filter-table-td3 .ui-input-text {
	position: relative;
	top: -2px;
}
.level-highlight {
	color: orange !important;
}
.mic-data {
	background-color: #444;
	padding: 0px;
	border-spacing: 0;
}
.mic-data tr th {
	text-align: right
}
.mic-data td {
	padding: 5px;
}
.mic-data th {
	padding: 5px;
}
.mic-data th {
	background-color: #666;
}
.qpg-chart {
	width: 600px;
	display: inline-block;
}
.qpg-chart-container {
	display: none;
}
.qpg-panel {
	height: 202px;
	width: 460px;
}
/* Smalaste layouten (för mobiler). */
@media all and (max-width: 500px) {
	.qpg-chart-container {
		display: none !important;
	}
	.module-channel-table {
		display: block !important;
	}
	.switch-panel-button {
		display: none;
	}
}
.analysis-micropg-table {
	margin-bottom: 10px;
}
.analysis-micropg-table td {
	padding: 5px;
}
.analysis-micropg-table th {
	text-align: left;
}
.qpg-chart-limit-container {
	display: inline-block;
}
.qpg-chart-subcontainer div {
	margin-right: 10px;
}
.qpg-chart-limit-table td {
	padding: 5px;
}
.qpg-chart-limit-table th {
	text-align: left;
	font-weight: normal;
}
.qpg-checkbox-wire1, .qpg-checkbox-wire2 {
	width: 70px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 3px;
}
#invite-accept-form {
	max-width: 560px;
	margin: 0 auto;
}
.invite-accept-form-email, .invite-accept-form-permission-level {
	padding-top: 8px;
}
#invite-accept-form label {
	width: 140px;
}
#invite-accept-form input {
	width: 330px;
}
#invite-accept-form .ui-input-text {
	width: 330px;
}
#invite-accept-form .ui-select {
	width: 330px;
}
.gaugemeter-container-sonitus {
	height: 200px;
}
.gaugemeter-container-sonitus .right {
	height: 192px;
}
.gaugemeter-container-sonitus-mic {
	height: 300px;
	margin-right: .5em;
}
.sonitus-chart {
	height: 250px;
	width: 85%;
	float: left;
	margin-right: 5px;
}
.sonitus-compchart {
	height: 250px;
	width: 13%;
	float: left;
}
.module-info-sonitus {
	height: 214px;
}
.linechart-container, .heatmap-container {
	width: 99.75%
}
.value-column {
	text-align: center;
	color: #000;
	/*text-shadow: 0px 0px 4px black;*/
}
.value-column, .decibel-header {
	border-width: 1px 0 0 0;
	border-color: #aaa;
	border-style: solid;
	color: #ddd;
	text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
.color-axis-minmax {
	width: 100px;
}
.gw102-analysis-value-table {
	width: 100%;
	background-color: #ddd;
	margin-right: 100px;
	border-radius: 10px;
}
.value-column-div {
	width: 70px;
	margin: auto;
}
@media ( max-width: 100em ) {
	.value-column-div {
		width: 40px;
		font-size: 11px;
	}
	.gw102-analysis-value-table th {
		font-size: 10px;
	}
}

/* Sonitus sections list page */

#sonitus-sections-table {
	width: 98%;
}
.sonitus-section-inner-table {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 60px;
	border-spacing: 0;
	background: #f6f8fb;
	border: solid 1px black;
}
.sonitus-section-inner-table td {
	padding: 2px;
	padding-left: 6px;
}
.sonitus-section-mic-separator {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #777;
	padding-left: 20px !important;
}
.sonitus-section-micsymbols {
	width: 213px;
	/*border-style: solid;
	border-width: 1px;*/
}
.sonitus-section-micsymbol {
	width: 10px;
	height: 22px;
	background-color: #dddddd;
	border-radius: 3px;
	border-width: 0px;
	border-style: solid;
	border-color: #888;
	display: inline-block;
}
.sonitus-section-micsymbol .valuebar {
	height: 11px;
	top: 11px;
	width: 10px;
	background-color: #0c0;
	border-radius: 2px;
	border-width: 0px;
	position: relative;
}
#sonitus-sections-map {
	height: 300px; 
}

/* Sonitus section show page */

#sonitus-section-page-map {
	height: 300px; 
	margin: 0px;
}
.linechart-heatmap-chart-buttons {
	float: left;
}
#linechart-button, #heatmapchart-button {
	background-size: 22px 22px;
	background-position: center;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
#linechart-button {
	background-image: url("../icons/linechart.png");
}
#heatmapchart-button {
	background-image: url("../icons/heatmapchart.png");
}
#sonitus-section-page-left {
	width: 39%;
	min-width: 300px;
	float: left;
	border-width: 0px;
	border-style: solid;
	border-color: red;
}
#sonitus-section-page-right {
	width: 60%;
	min-width: 300px;
	float: right;
	border-width: 0px;
	border-style: solid;
	border-color: red;
}
@media ( max-width: 850px ) {
	#sonitus-section-page-left {
		width: 100%;
	}
	#sonitus-section-page-right {
		float: left;
		width: 100%;
		margin-top: 10px;
	}
}
.linechart1-container, .heatmapchart1-container, .linechart2-container, .heatmapchart2-container {
	height: 280px;
}
.linechart1-container, .heatmapchart1-container {
	margin-bottom: 10px;
}
.linechart2-container, .heatmapchart2-container {
	margin-top: 10px;
}
.sonitus-section-value-table {
	width: 100%;
	background-color: #dfdfdf;
	margin-right: 100px;
	border-radius: 10px;
	color: #333;
}
.sonitus-section-value-table th {
	font-size: 10px;
}
.sonitus-section-value-table .value-column-div {
	font-size: 10px;
	width: 30px;
}
.sonitus-section-value-table .header-short {
	display: inline;
}
.sonitus-section-value-table .header-long {
	display: none;
}
.sonitus-section-value-table .top-header {
	display: table-header-group;
}
.sonitus-section-value-table .top-header-first th {
	width: 30px;
}
@media ( min-width: 1340px ) {
	.sonitus-section-value-table .header-short {
		display: none;
	}
	.sonitus-section-value-table .header-long {
		display: inline;
	}
}
@media ( max-width: 1250px ) {
	.sonitus-section-value-table th {
		font-size: 9px;
	}
	.sonitus-section-value-table .value-column-div {
		font-size: 9px;
		width: 30px;
	}
	.sonitus-section-value-table .top-header {
		display: none;
	}
	.sonitus-section-value-table .top-row .value-column, .sonitus-section-value-table .top-row .decibel-header {
		border-width: 0 0 0 0;
	}
	.sonitus-section-value-table .value-column, .sonitus-section-value-table .decibel-header {
		width: 30px;
	}
	.sonitus-section-value-table .top-header-first th {
		width: 30px;
	}
	.sonitus-section-value-table .value-column-div {
		width: 30px;
	}
}
.sonitus-section-info-table td {
	width: 140px;
	vertical-align: top;
}
#general-tooltip  {
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background-color: #ffa;
	color: black;
	border-radius: 5px;
	font-size: 12px;
	position: absolute;
	top: 20px;
	left: 20px;
	display: none;
	z-index: 10000;
}
.selected-frequency {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
input::-webkit-calendar-picker-indicator {
	filter: invert(1);
}
.wlv-edit-popup {
	width: 570px;
}
.wlv-table-value-cell .gauge-display {
	font-size: 23px;
}
.module-wlv-table {
	margin-bottom: 0px;
}
.module-wlv-table .wlv-top-header {
	text-align: center;
}
.module-wlv-table .wlv-left-header {
	text-align: right;
}
.wlv-unit {
	display: inline-block;
}
.wlv-unit {
	padding-left: 8px;
	position: relative;
	top: -2px;
	font-size: 14px;
}
.module-wlv-panel {
	border-width: .1em;
	border-style: solid;
	border-color: #222;
	float: left;
	background: #ddd;
	padding: .2em;
	text-align: left;
	margin-bottom: .5em;
	width: 460px;
	height: auto;
}
.module-wlv-panel .wlv-description {
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
}
.module-wlv-panel .title h3 {
	margin-left: .5em;
}
.module-wlv-panel .edit {
	text-align: right;
}
.module-wlv-panel .edit .controlgroup {
	position: relative;
	top: -.3em;
	right: .2em;
}

/* User document popup */

.user-document-popup {
	min-width: 300px;
}
#user-document-table {
	margin-top: 15px;
	margin-bottom: 15px;
	border-spacing: 0;
	border-bottom: 1px solid #666;
}
#user-document-table thead {
}
#user-document-table thead tr {
	background: white !important;
}
#user-document-table thead tr th {
	border-bottom: 1px solid #666;
}
#user-document-table thead th {
	text-align: center;
	font-weight: bold;
}
#user-document-table thead th.topleft {
	text-align: left;
}
#user-document-table tbody {
	max-height: 150px;
}
#user-document-table th {
	font-weight: normal;
}
#user-document-table td, #user-document-table th {
	padding: 5px;
}
#user-document-table td {
	text-align: left;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	padding: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 40px;
}
#user-document-table tr {
	background: #eee;
}
#user-document-table td a {
	color: #000;
	font-weight: normal;
}
#user-document-table td a:hover {
	color: #777;
}
#user-document-table-inputs {
	display: none;
}
#user-document-table-inputs {
	background-color: #eee;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#user-document-add-form-close-icon {
	float: right;
}
#user-document-filename {
	display: none;
}
.doc-trash-button {
	padding: 12px;
}
.doc-trash-button:hover {
	color: red;
}
.doc-trash-button-disabled {
	color: #777;
}
.doc-trash-button-disabled:hover {
	color: #777;
}
.doc-edit-button {
	padding: 12px;
}
.doc-edit-button:hover {
	color: #66ff66;
}
.doc-edit-button-disabled {
	color: #777;
}
.doc-edit-button-editing {
	color: #8f8;
}
.doc-edit-button-editing:hover {
	color: #2d2;
}
.doc-edit-button-disabled:hover {
	color: #777;
}
#user-document-nonetext {
	display: none;
}
#user-document-table {
	display: none;
}
#user-document-table-wrapper {
	max-height: 300px;
	overflow-y: auto;
}
.user-document-number {
	font-size: 11px;
	position: relative;
	top: -1px;
}
.category-label {
	font-size: 12px;
	font-family: monospace;
	background-color: #888;
	color: #fff;
	padding: 1px 7px 1px 7px;
	border-radius: 6px;
	max-width: 100px;
	max-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.category-label.channel-category {
	position: absolute;
	top: 40px;
	left: 12px;
	float: left;
}
.category-label.tag-category {
	position: relative;
	top: -1px;
	left: 7px;
}
.category-label.di-category {
	position: relative;
	top: -2px;
	left: 10px;
}
.record-button-active {
	color: red;
}
.map-status-symbol {
	width: 15px;
	height: 15px;
	padding: 0;
	display: inline-block;
	position: relative;
	top: 3px;
}
.display-none {
	display: none
}
.list-header-detached {
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #fff;
}
/* Hide built-in button for zoom reset. We use our own. */
.highcharts-reset-zoom {
	display: none;
}
#avatar-div {
	position: relative;
	margin: 0;
	padding: 0;
}
#avatar-symbol {
	font-size: 150px;
	color: #888;
	margin: 0;
	padding: 0;
	line-height: 160px;
}
#avatar-image {
	display: none;
}
#avatar-image-img {
	height: 150px;
	max-width: 200px;
	border-radius: 7px;
}
#avatar-edit-symbol {
	font-size: 20px;
	position: absolute;
	top: 0px;
	left: 205px;
}
#avatar-filename {
	display: none;
}
#avatar-popup-error-message {
	margin-top: 5px;
	color: red;
}
.contact-supplier-divs {
}
.contact-supplier-div {
	vertical-align: top;
	background-color: #eee;
	border-radius: 7px;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.contact-supplier-avatar-img {
	height: 150px;
	max-width: 200px;
	border-radius: 100%;
}
.contact-supplier-contact-div {
	vertical-align: top;
	width: 270px;
	display: inline-block;
}
.img-dummy {
	height: 156px;
	max-width: 200px;
	font-size: 140px;
	color: #555;
	margin-bottom: 0px;
}
.img-dummy i {
	position: relative;
	top: -20px;
}
#avatar-edit-message {
	color: #d80;
	display: none;
}
.map-needle {
	background-size: 24px 38px;
	font-size: 15px;
	text-align: center;
	color: #000;
	text-shadow: none;
	border-radius: 10px;
}
.map-needle-halo-red {
	filter: drop-shadow(1px 1px 1px #ff0000) drop-shadow(1px -1px 1px #ff0000) drop-shadow(-1px 1px 1px #ff0000) drop-shadow(-1px -1px 1px #ff0000);
}
.map-needle-halo-orange {
	filter: drop-shadow(1px 1px 1px #ffaa00) drop-shadow(1px -1px 1px #ffaa00) drop-shadow(-1px 1px 1px #ffaa00) drop-shadow(-1px -1px 1px #ffaa00);
}
.map-needle-halo-green {
	filter: drop-shadow(1px 1px 1px #00aa00) drop-shadow(1px -1px 1px #00aa00) drop-shadow(-1px 1px 1px #00aa00) drop-shadow(-1px -1px 1px #00aa00);
}
.map-needle-halo-blue {
	filter: drop-shadow(1px 1px 1px #0000dd) drop-shadow(1px -1px 1px #0000dd) drop-shadow(-1px 1px 1px #0000dd) drop-shadow(-1px -1px 1px #0000dd);
}
.map-needle-halo-gray {
	filter: drop-shadow(1px 1px 1px #888888) drop-shadow(1px -1px 1px #888888) drop-shadow(-1px 1px 1px #888888) drop-shadow(-1px -1px 1px #888888);
}
.map-needle-green { background-image: url("../images/map_needle_green.png"); }
.map-needle-orange { background-image: url("../images/map_needle_orange.png"); }
.map-needle-red { background-image: url("../images/map_needle_red.png"); }
.map-needle-yellow { background-image: url("../images/map_needle_yellow.png"); }
.map-needle-blue { background-image: url("../images/map_needle_blue.png"); }
.map-needle-symbol {
	position: relative;
	top: 1px;
}
#tagCategoryListPage .di {
	width: 25px;
	height: 25px;
}
#tag-table td {
	height: 40px;
}
#tag-table td .module-list-address {
	padding-top: 4px;
}
#tag-table .module-list-value {
	height: 26px;
	position: relative;
	top: -1px;
	float: left;
}
#tag-category-list-map {
	height: 200px; 
	border-style: solid;
	border-width: 1px;
}

.fa-archive {
	color: #f00;
	margin-left: 5px;
}

/* For TagCategoryListMap */
#map-needle-color-selection-div {
	position: absolute;
	left: -146px;
	top: 30px;
	width: 160px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
	background-color: #fff;
	color: black;
	border-radius: 5px;
	text-align: left;
	padding: 5px;
	display: none;
}
#map-needle-color-selection-div input {
	width: 15px;
	height: 15px;
	position: relative;
	top: 1px;
}
.map-needle-color-selection {
	width: 13px;
	height: 13px;
	border: solid 1px black;
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 3px;
	border-radius: 3px;
}
.selection-ok    { background-color: #2d2; }
.selection-hihi  { background-color: #f30; }
.selection-hi    { background-color: #fb0; }
.selection-timer { background-color: #ff0; }

.message-warning {
	animation: blinker 1s step-start infinite;
}
@keyframes blinker { 20% { opacity: .7; } }
#message-bubble-text { display: none }
#message-warning-button { display: none }

.hihi-lolo-color {
	color: #ff0000;
}
.hi-lo-color {
	color: #ffaa00;
}

.module-page-content {
	display: flex;
}
.module-left-panel, .module-right-panel {
	flex: 1;
}
.module-left-panel {
	padding-right: 18px;
	padding-top: 63px;
}
.module-right-panel {
	padding-right: 18px;
	padding-top: 44px;
}
@media all and (max-width: 1500px) {
	.module-left-panel, .module-right-panel {
		display: none;
	}
}
#module-page-map {
	height: 100%; 
	border-style: solid;
	border-width: 1px;
	max-height: 600px;
}

#tasks-panel, #documents-panel {
	background-color: #ffffff;
	padding: 5px;
	max-width: 400px;
}
#tasks-panel {
}
#documents-panel {
}
#documents-panel table, #tasks-panel table {
	width: 100%;
}
#documents-panel table td, #tasks-panel table td {
	padding: 3px;
}
#tasks-panel table td {
	vertical-align: top;
	text-wrap: nowrap;
}
#documents-panel table td img {
	max-width: 50px;
	max-height: 50px;
}
#documents-panel table td img.preview:hover {
	transform: scale(4);
}
#documents-panel table td .name, #documents-panel table td .time {
	font-size: 12px;
}
#documents-panel table td .name, #documents-panel table td .time {
	float: left;
	padding-right: 5px;
}
#documents-panel-settings-button, #tasks-panel-settings-button {
	float: right;
	position: relative;
	top: 14px;
}
#documents-panel h2, #tasks-panel h2 {
	float: left;
}
.needle-color-buttons .fa-square {
	text-shadow: 0px 0px 2px #000;
}
.tag-category-unit {
	float: right;
	padding-left: 5px;
	padding-top: 4px;
}

.channel-panel-header-table {
	width: 100%;
	position: relative;
	top: -5px;
}
.channel-panel-header-table h3 {
	margin: 0;
}
.switch-panel-button {
	position: relative;
	margin-right: 0px;
}
.channel-panel-description {
	max-width: 160px;
	overflow: clip;
}
@media ( max-width: 500px ) {
	.channel-panel-description {
		max-width: 50px;
		overflow: clip;
	}
	.qpg-container {
		top: -2px;
	}
	.module-channel-panel {
		height: 200px;
	}
}

/* Notes popup */

.note-edit-popup-history-list li a {
	font-size: 14px;
	text-shadow: none;
}
.note-text-readonly {
	color: #bbb !important;
	background-color: #282828 !important;
}
#note-popup-note {
	height: 160px !important;
	overflow-y: auto;
}
#note-created-author {
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
}
#note-edit-popup [data-role="content"] {
	max-width: 350px;
	min-width: 300px;
}
#notes-more {
	text-align: center;
}

#info-panel-buttons .menu-button {
	display: none;
}
@media ( max-width: 500px ) {
	#info-panel-buttons .menu-button {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Network settings page */

.network-settings-widget-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.network-settings-widget {
	width: 320px;
	min-height: 100px;
	background-color: #eee;
	padding: 10px;
	margin: 10px;
}
.network-settings-widget h3 {
	margin-top: 3px;
}
.network-settings-button {
	margin-left: 10px;
}
.network-settings-table th {
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.network-settings-table td {
	padding-bottom: 10px;
}
.network-settings-table img.di-icon {
	position: relative;
	top: 5px;
	margin-right: 8px;
}
.network-settings-button {
	float: right;
}
#network-coords-map {
	width: 300px;
	height: 200px;
	display: none;
}
.network-tasks-unused {
	color: #aaa;
}

/* Network documents page*/

#documents-table td {
	padding: 5px;
}
#documents-table td img {
	max-width: 50px;
	max-height: 50px;
}

.ongoing-tasks {
	width: 300px;
}
.mainpage-tasks {
	width: 300px;
}
.mainpage-tasks td {
	padding-right: 7px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.mainpage-tasks-name {
	max-width: 200px;
}
.mainpage-tasks-type {
	max-width: 100px;
}
@media all and (max-width: 1125px) {
	.mainpage-tasks-name {
		max-width: 300px;
	}
	.mainpage-tasks-type {
		max-width: 160px;
	}
}
.mainpage-tasks-network td {
	padding-top: 10px;
}
.mainpage-tasks-module td {
	padding-top: 10px;
	padding-bottom: 3px;
}
.mainpage-tasks-network td h3 {
	margin: 0;
}
.mainpage-tasks-network a {
	color: inherit !important;
}
.mainpage-tasks-module a {
	color: #000 !important;
}

#password-warning {
	color: #f55;
	padding-left: 10px;
	position: relative;
	top: -5px;
}