html {
	position: relative;
	font-size: 100%;
}

html,
body {
	height: 95%;
	margin: 0;
}

@media (min-width: 1492px) {
	html,
	body {
		font-size: 0.9vw;
		line-height: 0.9vw;
	}
}

/* Structure */
#header {
	left: 20%;
}

@media (min-width: 992px) {
	#header {
		left: 20%;
	}
}

@media (max-width: 991px) {
	#header {
		left: 0;
	}
}

#btnSubmenu {
	display: none;
}

#labelSubmenu
	span {
	position: absolute;
	width: 3px;
	height: 3px;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	background: #fff;
}

#labelSubmenu
	span:nth-child(
		1
	) {
	transform: translate(
		-50%,
		-9px
	);
}

#labelSubmenu
	span:nth-child(
		2
	) {
	transform: translate(
		-50%,
		-50%
	);
}

#labelSubmenu
	span:nth-child(
		3
	) {
	transform: translate(
		-50%,
		6px
	);
}

#header {
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 9;
}

body.signup {
	padding-top: 50px;
}

.divOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(
		255,
		255,
		255,
		0.8
	);
}

/* Nav/Sidebar */
.header {
	position: relative;
	display: table;
	width: 100%;
	height: 4.5rem;
}

.logo {
	display: table-cell;
	width: 100%;
	height: 100%;
}

#logo {
	width: calc(
		100% -
			54px
	);
	height: 100%;
	padding: 0
		24px;
}

#logo a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#logo
	a
	img {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(
		-50%
	);
}

/* Opening / Closing mechanism of the sidebar */
@media (min-width: 992px) {
	#header {
		width: calc(
			80%
		);
		left: 20%;
	}

	#logo {
		width: calc(
			100% -
				4rem
		);
	}
}

@media (max-width: 991px) {
	#header {
		position: fixed;
		width: 100%;
		width: 100vw;
		height: 10vh;
		top: 0vh;
		opacity: 0;
		box-shadow: 0
			1px
			15px
			1px
			rgba(
				113,
				106,
				202,
				0.2
			);
	}

	#header
		ul {
		float: none;
		margin: 0
			auto;
	}

	#header
		ul
		li.list-icon_item.dropdown {
		display: table-cell;
	}

	#main {
		padding-top: 0;
	}

	.logo {
		display: block;
		width: 30%;
		max-width: 120px;
		margin: 0
			auto;
	}

	#logo {
		width: 100%;
		padding: 0;
	}

	#logo
		img {
		width: auto;
		height: 8vh;
		max-width: 100%;
	}
}

.top {
	height: 100%;
	min-height: 4.5rem;
}

.notifications {
	position: absolute;
	top: 2px;
	left: 20px;
	padding: 2px
		4px;
	font-size: 0.8rem;
	line-height: 0.8rem;
	color: #fff;
	text-transform: none;
	letter-spacing: -1px;
	border-radius: 4px;
	font-weight: 400;
}

.notifications.inline {
	position: relative;
	top: auto;
	left: auto;
	padding: 2px
		4px;
	font-size: 0.8rem;
	color: #fff;
	text-transform: none;
	letter-spacing: -1px;
	border-radius: 4px;
	margin-left: 2px;
}

.notifications.error {
	background: #da4c4c;
}

.notifications.warning {
	background: #f0ad4e;
}

.notifications.success {
	background: #5cb85c;
}

.notifications.default {
	background: #337ab7;
}

#notifications
	table
	tr
	td:first-child {
	padding: 1rem
		0.5rem;
}

.notification {
	font-size: 0.9rem;
}

.notification
	span {
	display: block;
	color: #a3a4a8;
	font-size: 0.6rem;
}

.notification
	span.group {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

.notification
	span.time {
	font-size: 0.8rem;
}

/* used in logo */
.navbar-brand {
	height: 24px;
	margin-top: 23px;
	padding: 0;
}

.navbar-brand
	img {
	display: inline-block;
	vertical-align: bottom;
}

.navbar-brand
	img {
	width: auto;
	height: 100%;
}

.navbar-toggle
	.toggle-icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: #01305c;
}

.navbar-toggle
	.toggle-icon-bar
	+ .toggle-icon-bar {
	margin-top: 4px;
}

.pimm-navbar.navbar-invert
	.navbar-toggle
	.toggle-icon-bar {
	background: #fff;
}

.pimm-navbar-invert {
	background: #01305c;
}

.pimm-navbar-invert
	.navbar-nav
	> li
	> a:hover,
.nav
	.open
	> a,
.navbar-nav
	> li.active
	> a {
	color: #ec7c16;
}

.pimm-navbar-invert
	.navbar-nav
	> li
	> a {
	color: #fff;
	text-shadow: none;
}

@media (max-width: 991px) {
	.top {
		min-height: auto;
	}

	.navbar-brand {
		height: 50px;
		padding: 1rem
			1.2rem;
		margin: 0;
	}

	.navbar-collapse {
		background: #01305c;
	}

	.notifications {
		top: 20%;
	}
}

/* Notifications Bar */
.notificationsBar {
	position: fixed;
	top: 0;
	right: -30vw;
	width: 30vw;
	height: 100vh;
	background: #fff;
	box-shadow: -0.4rem
		0
		1rem
		rgba(
			35,
			36,
			40,
			0.2
		);
	z-index: 12;
}

.notificationsBar.open {
	right: 0;
}

.notificationsBar
	.box-head {
	height: 4.5rem;
}

.notificationsBar
	.box-head_headline {
	position: relative;
}

.notificationsBar
	.notifications {
	left: auto;
	right: -2rem;
}

.notificationsBar
	h4 {
	margin: 3rem
		0
		1rem
		0;
}

.notificationsBar
	h4.mt0 {
	margin-top: 0;
}

#notificationsBody {
	overflow-y: auto;
}

.notificationsSettings {
	padding: 2rem
		0;
	border-bottom: 1px
		solid
		#e3e4e8;
}

.nfSettings,
.nfList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nfSettings
	li,
.nfList
	li {
	display: table;
	width: 100%;
	padding: 0.6rem;
}

.nfSettings
	li:first-child,
.nfList
	li:first-child {
	padding-top: 0;
}

.nfSettings
	li:first-child,
.nfList
	li:first-child
	li:last-child {
	padding-bottom: 0;
}

.nfSettings
	.left {
	display: table-cell;
	width: 80%;
	vertical-align: top;
}

.nfSettings
	.left
	p {
	margin: 0.4rem
		0
		0.4rem
		0;
	font-size: 0.8rem;
}

.nfSettings
	.right {
	position: relative;
	display: table-cell;
	width: 20%;
	vertical-align: top;
	text-align: right;
}

.nfSettings
	label {
	position: absolute !important;
	top: 0;
	right: 0;
}

.nfSettings
	h5,
.nfList
	h5 {
	margin: 0;
	font-weight: bold;
}

.nfList
	.icon {
	display: table-cell;
	width: 10%;
	vertical-align: top;
}

.headline-list {
	display: inline-block;
}

.notificationsBar
	.notifications.notifications-inline {
	position: relative;
	right: auto;
	top: 0;
	left: 0rem;
}

.notificationsBar
	li.active
	.labelling {
	display: inline-block;
}

.notificationsBar
	li.active
	.labelling.error:after {
	background: #da4c4c;
}

.notificationsBar
	li.active
	.labelling.default:after {
	background: #337ab7;
}

.toggleNotificationsCover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem;
	background: rgba(
		255,
		255,
		255,
		0.8
	);
}

.toggleNotificationsCover
	i {
	position: absolute;
	top: 1px;
	right: 2.4rem;
}

.statusNotifications {
	display: table-row;
	width: 100%;
	padding: 1rem;
}

@media (max-width: 991px) {
	.notificationsBar {
		width: 100vw;
		right: -100vw;
	}
}

/* Bootstrap Grid */
.row.no-margin {
	margin-left: 0;
	margin-right: 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 1200px) {
	.container {
		width: 1160px;
	}
}

@media (min-width: 1440px) {
	.container {
		width: 1400px;
	}
}

@media (max-width: 991px) {
}

/*Layout*/
section {
	background: #f3f4f6;
	padding: 0
		24px;
}

.banner {
	display: table;
	width: 100%;
	height: 5em;
	padding: 20px
		0;
	vertical-align: middle;
	background: #022342;
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			83,
			84,
			85,
			0.08
		);
}

.bg-dark
	.banner {
	box-shadow: none;
}

.banner
	div {
	height: 100%;
}

.banner
	h1 {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.6em;
	color: #fff;
}

@media (min-width: 991px) {
	.row.equal {
		display: table;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}

	.row.equal
		> [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}

	.row.equal.top
		> [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: top;
	}

	.row.equal.widthfix {
		width: calc(
			100% +
				48px
		);
	}

	.row.equal.pimm-legend-row {
		width: 100%;
	}

	.top
		.row.equal {
		height: 4.5rem;
	}
}

body.login {
	padding-top: 4.5rem;
}

.box {
	margin-bottom: 4.5rem;
	background: #fff;
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			88,
			84,
			99,
			0.08
		);
}

.box-head {
	display: table;
	table-layout: fixed;
	padding: 0;
	width: 100%;
	padding: 0
		1.25rem;
	height: 4rem;
	border-bottom: 1px
		solid
		#ebedf2;
}

.box-head_title {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.box-head_title.wide {
	width: 80%;
}

.box-head_title.narrow {
	width: 20%;
}

.box-head_tools {
	display: table-cell;
	height: 100%;
	text-align: right;
	vertical-align: middle;
}

.box-head_text {
	display: table;
	table-layout: fixed;
	vertical-align: middle;
}

.box-head_headline {
	display: table-cell;
	vertical-align: middle;
	word-break: break-word;
}

.box-head_float {
	float: right;
}

.box-head_float:after {
	clear: right;
}

.box-body {
	position: relative;
	padding: 3rem
		1.5rem;
}

.box-body.box-padding {
	padding: 0
		1.5rem
		3rem
		1.5rem;
}

.box-body.box-padding-lr {
	padding: 0
		1.5rem
		0
		1.5rem;
}

.box-body.top-padding {
	padding-top: 0;
}

.box-body-parts {
	padding: 0;
}

.box-body-parts
	> .row {
	margin: 0;
	border-bottom: 1px
		solid
		#ebedf2;
}

.box-body-parts
	> .row
	> [class*="col-"] {
	border-right: 1px
		solid
		#ebedf2;
}

.box-body-parts
	> .row
	> [class*="col-"]:last-child {
	border-right: 0;
}

.box-body-parts
	> .row:last-child {
	border-bottom: none;
}

.box-body-parts
	> .row.box-details {
	margin-bottom: 3rem;
	border-bottom: 1px
		solid
		#ebedf2;
}

.box-body-parts
	> .row.mb64 {
	margin-bottom: 4.5rem;
}

.box-container {
	padding: 3rem
		1.5rem;
}

.box-container
	> .row {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px
		solid
		#ebedf2;
}

.box-container
	> .row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.box-container
	h4,
.box-container
	p {
	line-height: 1.5rem;
	word-break: break-word;
}

.box-body-single
	h4
	span {
	font-weight: 400;
	font-size: 0.8rem;
}

.box-body-nopadding {
	padding: 0;
}

.box-footer {
	display: table;
	padding: 0;
	width: 100%;
	padding: 0
		20px;
	height: 4em;
	border-top: 1px
		solid
		#ebedf2;
}

.box-body-signup {
	padding: 0;
}

.box-issues
	.box-container
	> .row {
	margin-bottom: 0.8rem;
	padding-bottom: 0.8rem;
}

.box-issues
	.box-container
	> .row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.elem-centred {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(
		-50%,
		-50%
	) !important;
	transform: translate(
		-50%,
		-50%
	);
}

.elem-100 {
	width: 100%;
	height: 100%;
}

.elem-inline {
	width: auto;
	display: inline-block;
}

.elem-block {
	display: block;
}

.elem-relative {
	position: relative;
}

.hidden {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.hidden {
	display: none !important;
}

.signup
	#signupform {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0
		auto;
}

.signup
	.box {
	margin-bottom: 0;
}

.signup
	> .box-body {
	display: table;
}

.signup
	> .box-body
	> .row {
	display: table-cell;
	vertical-align: middle;
}

.signup
	.col-left {
	padding-right: 0;
}

.signup
	.col-right {
	padding-left: 0;
	text-align: left;
}

.signup
	.col-right
	> div {
	height: 100%;
}

.signup
	h3 {
	margin-bottom: 3rem;
	text-align: center;
}

.signup
	.col-right
	h3 {
	color: #fff;
}

.signup
	input::placeholder {
	font-size: 13px;
}

.signup
	.col-right
	input::placeholder {
	color: #5180ac;
}

.signup
	.form-group {
	margin-bottom: 24px;
}

.signup
	.form-group.nomargin {
	margin: 0;
}

.signup
	input[type="text"],
.signup
	input[type="password"],
.signup
	input[type="number"],
.signup
	input[type="email"] {
	border-bottom: 1px
		solid
		#e1e2e3;
	outline: 0;
	background: transparent;
}

.signup
	input[type="text"]:focus,
.signup
	input[type="password"]:focus,
.signup
	input[type="number"]:focus,
.signup
	input[type="email"]:focus {
	border-bottom: 1px
		solid
		#515255;
	outline: 0;
	background: transparent;
}

.signup
	.col-right
	input[type="text"],
.signup
	.col-right
	input[type="password"],
.signup
	.col-right
	input[type="number"],
.signup
	.col-right
	input[type="email"] {
	color: #fff;
	border-bottom: 1px
		solid
		rgba(
			255,
			255,
			255,
			0.4
		);
}

.signup
	.col-right
	input[type="text"]:focus,
.signup
	.col-right
	input[type="password"]:focus,
.signup
	.col-right
	input[type="number"]:focus,
.signup
	.col-right
	input[type="email"]:focus {
	border-bottom: 1px
		solid
		rgba(
			255,
			255,
			255,
			1
		);
	outline: 0;
}

.signup
	.col-right
	p {
	display: inline-block;
	width: calc(
		100% -
			3rem
	);
	margin: 0;
	vertical-align: top;
	color: #fff;
	line-height: 1.4rem;
}

.signup
	.col-right
	a {
	color: #728cb5;
}

.signup
	.col-right
	a:hover {
	color: #ec7c16;
}

.signup
	.alert {
	padding: 0;
}

#lErrors {
	display: block;
	width: 100%;
	margin: 0;
	padding: 6px
		24px;
	border: 1px
		solid
		rgba(
			255,
			255,
			255,
			0
		);
}

#waitformail {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.box-content {
	padding: 48px
		32px;
}

.box-content
	p:last-child {
	margin-bottom: 0;
}

.box-details
	.box-container
	> .row
	> [class*="col-"] {
	padding: 0;
}

.box-body-parts
	> .row.box-details.box-no-line {
	border-bottom: 0;
}

.box-body-parts
	> .row
	> [class*="col-"].box-list {
	border-right: 1px
		solid
		#ebedf2;
}

.box-list {
	border-bottom: 1px
		solid
		#ebedf2;
}

.box-list
	p {
	white-space: nowrap;
}

.box-absolute {
	position: absolute;
	top: 0;
	left: 20px;
	width: 100%;
}

.box-icon-big {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-40%
	);
	font-size: 3rem;
}

.box-alerts
	.history {
	color: #c3c4c8;
}

.box-alerts
	.history
	p,
.box-alerts
	.history
	a {
	color: #838488 !important;
}

.box-alerts
	.history
	a:hover {
	color: #a3a4a8 !important;
}

.box-alerts
	.row
	> [class*="col-"] {
	padding: 0;
}

.box-alerts
	.row
	> [class*="col-"]:first-child {
	padding-left: 1.25rem;
}

.box-alerts
	.row
	> [class*="col-"]:last-child {
	padding-right: 1rem;
}

.box-alerts
	.led-has
	p {
	line-height: 1rem;
}

.box-line-top {
	border-top: 1px
		solid
		#ebedf2;
}

.box-line-bottom {
	border-bottom: 1px
		solid
		#ebedf2;
}

.boxes-reports
	.row
	> [class*="col-"]:nth-child(
		1
	) {
	padding-right: 0;
}

.boxes-reports
	.row
	> [class*="col-"]:nth-child(
		2
	) {
	padding-left: 0;
}

.accessWindow {
	position: relative;
	width: 100%;
	max-width: 820px;
	background: #f3f4f8;
}

.accessWindow:after {
	content: "";
	display: block;
	padding-top: 100%;
}

@media (max-width: 991px) {
	section {
		padding: 0;
	}

	.box-body {
		padding: 3rem
			1rem;
	}

	.signup
		.box-body {
		padding: 3rem
			1rem
			0
			1rem;
	}

	.box-container {
		padding: 3rem
			0;
	}

	.box-body-nopadding {
		padding: 0;
	}

	.box-body-parts
		> .row
		> [class*="col-"] {
		border: 0;
	}

	.box-body-parts
		> .row
		> [class*="col-"].box-list {
		border-right: 1px
			solid
			#ebedf2;
	}

	.box-body-parts
		> .row
		> [class*="col-"].box-list:nth-of-type(
			2n
				+ 2
		) {
		border-right: none;
	}

	.box-container
		h4 {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.box-container
		p {
		font-size: 1rem;
		line-height: 1rem;
	}

	h3.box-head_headline {
		font-size: 1.4rem;
	}

	.box-alerts
		h4 {
		line-height: 0.8rem !important;
	}

	.boxes-reports {
		padding-top: 3rem;
	}

	.boxes-reports
		h4 {
		padding-bottom: 1rem;
	}

	.boxes-reports
		.row {
		margin-bottom: 2rem;
		padding-bottom: 2rem;
		text-align: center;
		border-bottom: 1px
			solid
			#ebedf2;
	}

	.boxes-reports
		.row
		> [class*="col-"]:nth-child(
			1
		) {
		padding-right: 16px;
	}

	.boxes-reports
		.row
		> [class*="col-"]:nth-child(
			2
		) {
		padding-left: 16px;
	}

	.boxes-reports
		.list-icon {
		width: 100%;
	}

	.box-details
		.box-container
		> .row
		> [class*="col-"] {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.signup
		.col-left {
		padding-left: 0;
	}

	.signup
		.col-right {
		padding-right: 0;
	}

	.signup
		#btnSubmit {
		margin-bottom: 3rem;
	}

	.box-icon-big {
		transform: translate(
			-50%,
			-50%
		);
	}

	.box-head_title {
		display: table-cell;
		width: 100%;
		height: 6rem;
		vertical-align: middle;
	}

	.box-head_tools {
		display: table-cell;
		height: 6rem;
		vertical-align: middle;
	}

	.box-head-inline
		.box-head_title {
		width: auto;
	}

	.box-head-inline
		.box-head_tools {
		display: table-cell;
		width: auto;
	}
}

@media (min-width: 992px) {
	.box-body-parts
		> .row
		> [class*="col-"].box-list {
		border-right: 1px
			solid
			#ebedf2;
	}

	.box-body-parts
		> .row
		> [class*="col-"].box-list:nth-of-type(
			3n
				+ 3
		) {
		border-right: none;
	}
}

/* Dropdown Menus */
.dropdown.open
	.dropdown-menu {
	background: #fff;
	padding: 0;
	box-shadow: 0
		1px
		1rem
		1px
		rgba(
			1,
			48,
			92,
			0.1
		);
	border: 0;
	border-radius: 0;
	z-index: 991;
}

.dropdown.open
	.dropdown-menu
	span.dropdown-arrow {
	position: absolute;
	top: -8px;
	right: 18px;
	width: 0;
	height: 0;
	border-left: 8px
		solid
		transparent;
	border-right: 8px
		solid
		transparent;
	border-bottom: 8px
		solid
		#01305c;
}

.dropdown-header {
	position: relative;
	background: #01305c;
	padding: 2rem
		1.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
}

.dropdown-header
	i {
	position: absolute;
	color: #728cb5 !important;
	opacity: 0.4;
	font-size: 6rem;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
	z-index: 1;
}

.dropdown-header
	h4 {
	position: relative;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	z-index: 2;
}

.dropdown-body {
	padding: 2rem
		1.5rem;
	font-size: 1rem;
	line-height: 1.2rem;
}

.dropdown-footer {
	height: 1px;
	background: #01305c;
}

.dropdown-submenu {
	min-width: 15rem;
}

.dropdown-submenu-wide {
	min-width: 24rem;
}

.dropdown-submenu-wide
	input[type="text"]:focus {
	outline: 0;
}

.dropdown-form
	label {
	padding: 0.8rem
		0;
	text-align: right;
}

.dropdown.open
	.dropdown-menu.dropdown-submenu-options
	span.dropdown-arrow {
	right: 13px;
	color: #fff;
}

.dropdown-alt
	.dropdown-body {
	padding: 0;
}

.dropdown-alt
	.subnavi {
	background: transparent;
}

.dropdown-alt
	.subnavi
	ul
	li {
	border-bottom: 0;
	border-right: 0;
}

.dropdown-alt
	.subnavi
	ul
	li:last-child {
	border-top: 1px
		solid
		#ebedf2;
	border-right: 0;
}

.dropdown-alt
	.subnavi
	ul
	li
	a {
	padding: 1rem
		1.5rem;
	text-align: left;
	background: #fff;
	white-space: nowrap;
}

.dropdown-alt
	.subnavi
	ul
	li
	a
	span {
	padding-left: 0.8rem;
}

.dropdown-language {
	min-width: 20rem;
	padding: 0;
	border: 0;
}

.dropdown-language
	.dropdown-body {
	padding: 0;
}

.dropdown-language
	.subnavi {
	background: transparent;
}

.dropdown-language
	.subnavi
	ul
	li {
	border-bottom: 1px
		solid
		#ebedf2;
}

.dropdown-language
	.subnavi
	ul
	li
	a {
	display: table;
	padding: 0.8rem
		1rem;
	text-align: left;
}

.dropdown-language
	.subnavi
	ul
	li
	a
	i {
	display: table-cell;
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: middle;
	background-size: cover;
	border-radius: 50%;
}

.dropdown-language
	.subnavi
	ul
	li
	a
	span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.8rem;
}

.dropdown-submenu-avatar {
	position: relative;
	width: 3rem;
	height: 3rem;
	margin: 0
		auto;
	margin-bottom: 0.8rem;
}

.dropdown-submenu-avatar
	img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.dropdown-subsub {
	top: 0;
}

.dropdown-subsub
	ul {
	width: 100%;
	padding: 1rem;
}

.dropdown-subsub
	ul
	li {
	display: inline-block;
	width: 50%;
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.dropdown-subsub
	ul
	li:first-child {
	padding-left: 0 !important;
}

.dropdown-subsub
	ul
	li:last-child {
	padding-right: 0 !important;
}

.dropdown-subsub
	span.dropdown-arrow {
	right: auto;
	left: 1rem;
	border-bottom: 8px
		solid
		#ffffff !important;
}

.dropdown-subsub
	li
	button {
	width: 100% !important;
	height: auto !important;
	padding: 0.4rem
		1rem;
	width: 100%;
	text-align: center;
}

.dropdown-subsub
	li
	button.btn-blue {
	background: #d9534f;
}

.dropdown-subsub
	li
	button.btn-blue:hover {
	background: #c9302c;
}

.bootstrap-datetimepicker-widget {
	z-index: 111;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	position: absolute;
	z-index: 111;
}

.bootstrap-datetimepicker-widget.dropdown-menu
	div {
	background: #fff;
}

.child-bg-white
	div {
	background: #fff;
	box-shadow: 0
		1px
		1rem
		1px
		rgba(
			1,
			48,
			92,
			0.1
		);
}

.box-container
	.dropdown-options
	h5 {
	margin: 0
		0
		0.8rem
		0;
}

.list-options
	.dropdown.open
	.dropdown-menu
	span.dropdown-arrow {
	right: 0.9rem;
}

.dropdown-options {
	margin: 0;
	padding: 0;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}

.dropdown-options
	li {
	width: 100%;
	padding: 0;
}

.dropdown-options
	li:last-child {
	border-bottom: none;
}

.dropdown-options
	li
	a {
	display: block;
	width: 100%;
	padding: 0.5rem
		1rem;
}

.dropdown-options
	li
	a {
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #01305c;
}

.dropdown-options
	li
	a
	i {
	color: #728cb5;
	opacity: 0.8;
	margin-right: 8px;
	font-size: 0.8rem;
}

.dropdown-textarea {
	width: 100%;
	min-height: 5rem;
	padding: 0.5rem;
}

.dropdown-toggle::after {
	display: none;
}

#regiongrp {
	position: relative;
	width: 100%;
	width: calc(
		100% +
			1.5rem
	);
	text-align: left;
	margin: 0;
}

#regiongrp
	button {
	height: 3rem;
	background: #ebeced;
}

.scrollable-menu {
	height: auto;
	max-height: 20rem;
	overflow-x: hidden;
}

@media screen and (max-width: 991px) {
	.dropdown-alt
		.subnavi
		ul
		li
		a {
		padding: 1rem;
	}

	.dropdown-alt
		.subnavi
		ul
		li
		a
		span {
		padding-left: 0.4rem;
	}
}

/* Lists */
.list-right {
	float: right;
}

.list-style-none {
	list-style-type: none;
}

.list-inline {
	margin: 0;
	padding: 0;
}

.list-inline
	li {
	display: inline-block;
}

.list-inline
	li.nopadding {
	padding: 0;
}

.subnavi {
	border-top: 1px
		solid
		#ebedf2;
	background: #fff;
}

.subnavi
	ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.subnavi
	ul
	li {
	padding: 0;
	border-right: 1px
		solid
		#ebedf2;
}

.subnavi
	ul
	li:first-child {
	border-left: 1px
		solid
		#ebedf2;
}

.subnavi
	ul
	li
	a {
	display: block;
	width: 100%;
	padding: 1rem
		0;
	text-align: center;
}

.subnavi
	ul
	li
	a {
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #728cb5;
}

.subnavi
	ul
	li
	a.active,
.subnavi
	li
	a:focus,
.subnavi
	li
	a:active {
	color: #01305c;
}

.subnavi
	li
	a:hover {
	color: #01305c;
}

.subnavi
	ul
	li
	a
	i {
	opacity: 0.6;
}

.subnavi
	ul
	li
	a.active
	i,
.subnavi
	ul
	li
	a:hover
	i {
	opacity: 1;
}

.subnavi
	.nav-page {
	flex-wrap: nowrap;
}

.list-icon {
	display: table;
	vertical-align: middle;
	text-align: right;
	margin: 0;
	padding: 0;
}

.list-icon_item {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0
		5px;
}

.list-icon_item
	> a {
	position: relative;
	display: inline-block;
	width: 2.6rem;
	height: 2.6rem;
	vertical-align: middle;
	border-radius: 1.3rem;
	padding: 0;
}

.list-icon_item
	> a
	> i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.list-icon_item
	> a
	> i {
	font-size: 1rem;
	color: #01305c;
}

.list-icon_item
	> a
	> span.bubble {
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: 1rem;
	background: #728cb5;
	border-radius: 50%;
}

.list-icon_item
	> a
	> span.bubble
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
	color: #fff;
	font-size: 0.5rem;
	line-height: 0.75rem;
}

.list-icon_item
	> button {
	position: relative;
	display: inline-block;
	width: 2.6rem;
	height: 2.6rem;
	vertical-align: middle;
	border-radius: 1.3rem;
	padding: 0;
}

.list-icon_item
	> button
	> i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.list-icon_item
	> button
	> i {
	font-size: 1rem;
	color: #01305c;
}

.list-icon_item
	> button:focus {
	border: 0;
	outline: 0;
}

.list-icon_item
	> button.disabled {
	opacity: 0.4;
}

.list-icon_item
	> a.text {
	width: auto;
	padding: 0.6rem
		3rem
		0.6rem
		1rem;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.list-icon_item
	> a.text
	> i {
	display: block;
	left: auto;
	right: 0.4rem;
	width: 2rem;
	height: 2rem;
	padding: 0.3rem
		0.4rem;
	border-radius: 50%;
	background: rgba(
		114,
		140,
		181,
		0.2
	);
	transform: translateY(
		-50%
	);
}

.list-icon_item
	> a.text
	> i:before {
	margin: 0;
}

.list-icon_item.text
	> a {
	width: auto;
	padding: 12px
		24px
		12px
		28px;
}

.list-icon_item.text
	> a
	> i:nth-child(
		2
	) {
	font-size: 0.8rem;
	left: auto;
	right: 6px;
	transform: translateY(
		-50%
	);
}

.list-icon_item.text
	> a
	> i:first-child {
	left: 16px;
}

.list-icon_item.text.small {
	font-size: 11px;
	line-height: 18px;
}

.list-icon-blank
	.list-icon_item
	a,
.list-icon-blank
	.list-icon_item
	button {
	border: 0;
}

.list-icon-blank
	.list-icon_item
	button {
	border: 0;
	background: transparent;
}

.list-icon-blank
	.list-icon_item
	i {
	color: #728cb5;
}

.list-icon-blank
	.list-icon_item
	a:hover,
.list-icon-blank
	.list-icon_item
	button:hover {
	background: rgba(
		1,
		48,
		92,
		0.05
	);
}

.list-icon-blank
	.list-icon_item.active
	a,
.list-icon-blank
	.list-icon_item.active
	button {
	background: rgba(
		1,
		48,
		92,
		0.05
	);
}

.list-icon-blank
	.list-icon_item.active
	i {
	color: #01305c;
}

.list-icon-blank
	.list-icon_item
	a.status
	i {
	color: #fff;
}

.list-icon-blank
	.list-icon_item
	a.status:hover {
	background: #c9302c;
}

.list-icon-header
	.list-icon_item
	a {
	border: 0;
	background: rgba(
		114,
		140,
		181,
		0.2
	);
}

.list-icon-header
	.list-icon_item
	i {
	color: #01305c;
}

.list-icon-header
	.list-icon_item
	a:hover {
	background: rgba(
		1,
		48,
		92,
		0.05
	);
}

.list-icon-white
	.list-icon_item
	a {
	border: 1px
		solid
		#e3e4e8;
}

.list-icon-white
	.list-icon_item
	i {
	color: #728cb5;
	opacity: 1;
}

.list-icon-white
	.list-icon_item
	a:hover {
	background: rgba(
		1,
		48,
		92,
		0.05
	);
}

.list-icon-white
	.list-icon_item
	a.active {
	color: #fff;
	background: #01305c;
}

.list-icon-white
	.list-icon_item
	a.active
	i {
	color: #fff;
}

.list-pill {
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.list-pill
	li {
	display: inline-block;
}

.list-pill
	li
	a {
	display: block;
	padding: 0px
		1rem;
	line-height: 2rem;
	font-size: 0.8rem;
	border-radius: 1rem;
	color: #fff;
	background: #01305c;
}

.list-pill-flat {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list-pill-flat
	li {
	display: inline-block;
	margin-bottom: 0.4rem;
}

.list-pill-flat
	li
	a {
	display: block;
	padding: 0
		0.8rem;
	line-height: 1.6rem;
	font-size: 0.8rem;
	border: 1px
		solid
		#e3e4e8;
	border-radius: 1rem;
	color: #535458;
	background: transparent;
}

.list-pill-flat
	li
	a:hover {
	color: #fff;
	background: #728cb5;
	border: 1px
		solid
		#728cb5;
}

.icon-spacer {
	display: block;
	width: 42px;
	height: 42px;
}

.list-icon_item.icon-option
	> a {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	border-radius: 24px;
	background: #fff;
}

.list-icon_item.icon-option
	> a:hover {
	background: #f3f4f5;
}

.list-icon-options {
	position: absolute;
	top: 6px;
	right: 0;
	padding: 0;
	margin: 0;
}

.list-icon-options
	.list-icon_item
	> a {
	width: 32px;
	height: 32px;
	background: #fff;
}

.list-icon-options
	.list-icon_item
	> a:hover {
	background: #fff;
}

.list-icon-axis {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	border-radius: 12px;
	background: transparent;
}

.list-icon-axis:hover {
	background: #ebedf2;
}

.list-icon-axis
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.headline-options {
	display: table;
}

.headline-options
	h1,
.headline-options
	h2 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding-right: 2rem;
	word-break: break-word;
	max-width: 88%;
}

.headline-options
	> ul {
	display: table-cell;
	vertical-align: middle;
}

.headline-options
	h1
	.status {
	position: absolute;
	top: -0.3rem;
	left: 100%;
	padding: 0.8rem
		1.5rem;
	font-size: 1rem;
	opacity: 1;
	word-break: normal;
}

.device-status {
	position: relative;
	display: block;
	text-align: right;
}

.device-status
	.status {
	padding: 0.8rem
		1.5rem;
	font-size: 1rem;
}

.device-status-toggle {
	position: relative;
	display: inline-block;
	margin-top: 0.8rem;
	text-align: right;
	margin-right: 1rem;
}

.device-status-toggle
	label {
	margin: 0;
}

.device-status-toggle
	label:before {
	position: absolute;
	top: 0;
	left: 0;
}

.device-status-toggle
	p {
	margin: 0.1rem
		0
		0
		2rem;
}

.device-status-toggle
	.checkboxCover {
	padding: 0;
	background: rgba(
		255,
		255,
		255,
		0.9
	);
}

.device-status-toggle
	.checkboxCover
	i {
	position: absolute;
	top: 0;
	left: 0;
}

.nav-tabs {
	border-bottom: 0;
	text-align: center;
	margin-bottom: 64px;
}

.nav-tabs
	> li {
	float: none;
	display: inline-block;
	margin-bottom: 0;
}

.nav-tabs
	> li
	> a {
	margin: 0;
	line-height: 1rem;
	padding: 1rem
		1.5rem;
	border: 0;
	border-radius: 0;
	border-bottom: 1px
		solid
		#e1e2e3;
	opacity: 1;
	color: #728cb5;
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.nav-tabs
	> li.active
	> a,
.nav-tabs
	> li.active
	> a:focus,
.nav-tabs
	> li.active
	> a:hover,
.nav.nav-tabs
	> li
	> a:focus,
.nav.nav-tabs
	> li
	> a:hover {
	opacity: 1;
	color: #01305c;
	border: 0;
	background: transparent;
	border-bottom: 1px
		solid
		#ec7c16;
}

.subnavi
	.nav-tabs {
	text-align: left;
	margin: auto;
}

.subnavi
	.nav-tabs
	> li {
	float: left;
	display: block;
}

.subnavi
	.nav-tabs
	> li
	> a {
	border: 0;
	border-radius: 0;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 12px;
	padding-right: 12px;
}

.subnavi
	.nav-tabs
	> li.active
	> a,
.subnavi
	.nav-tabs
	> li.active
	> a:focus,
.subnavi
	.nav-tabs
	> li.active
	> a:hover,
.subnavi
	.nav.nav-tabs
	> li
	> a:focus,
.subnavi
	.nav.nav-tabs
	> li
	> a:hover {
	opacity: 1;
	color: #01305c;
	border: 0;
	background: transparent;
}

.subnavi
	.nav-tabs
	> li.deactivated {
	margin: 0;
	text-align: center;
	line-height: 1rem;
	padding: 1rem
		1.5rem;
	border: 0;
	border-radius: 0;
	opacity: 1;
	color: #a3a4a8;
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: not-allowed;
	background: #f3f4f6;
}

.list-devices-status {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.list-devices-status
	div[class*="col-"] {
	padding-left: 1rem;
	padding-right: 1rem;
}

ul.list-devices-status
	li {
	margin: 0;
	margin-bottom: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px
		solid
		#ebedf2;
}

ul.list-devices-status
	li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.list-devices-status
	p {
	margin: 0;
	line-height: 1.2rem;
}

.list-devices-status
	.led {
	width: 0.6rem;
	height: 0.6rem;
	margin: 0;
}

.list-devices-link {
	display: block;
	border-bottom: 1px
		solid
		#ebedf2;
	padding: 0.6rem
		0;
}

li
	.list-devices-link:first-child {
	padding-top: 0;
}

li
	.list-devices-link:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.list-action {
	display: block;
	text-align: right;
	z-index: 2;
}

.list-action
	li {
	padding: 0;
}

.list-action
	li
	a,
.list-action
	li
	button {
	display: block;
	width: 2rem;
	height: 2rem;
}

.list-action
	li
	a
	span.bubble {
	background: #e3e4e8;
	color: #fff;
}

.list-action
	li
	a
	span.bubble
	i {
	color: #01305c;
}

.list-dropdown {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.list-dropdown
	li {
	display: table;
	width: 100%;
}

.list-dropdown
	li
	a {
	display: table;
	width: 100%;
	padding: 0.8rem
		1.5rem;
}

.list-dropdown
	li
	a
	i {
	display: table-cell;
	width: 2rem;
	height: 2rem;
	background-size: cover;
	border-radius: 50%;
}

.list-dropdown
	li
	a
	span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.8rem;
}

.list-with-graph {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(
		-50%
	);
}

.list-zindex-fix {
	position: static;
	-webkit-transform: none;
	transform: none;
	z-index: auto;
}

.list-zindex-fix
	.dropdown.open
	.dropdown-menu
	span.dropdown-arrow {
	right: 8px;
}

.list-small {
	right: 6px;
}

.list-icon
	p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	font-size: 0.8rem;
}

.list-icon-inline {
	display: inline-block;
	margin-left: 6px;
}

.list-icon-inline
	li {
	padding: 0;
}

.list-icon-inline
	a {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-top: -6px;
}

.list-icon-inline
	a
	i {
	color: #728cb5;
}

.list-icon-inline
	a:hover
	i {
	color: #01305c;
}

.list-options {
	display: block;
	text-align: right;
	margin-right: -12px;
}

.list-options
	li {
	padding: 0;
}

.list-options
	.dropdown
	.dropdown-body {
	padding: 0;
}

.list-icon-centred {
	width: 100%;
	text-align: center;
}

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

.list-center
	li {
	display: inline;
}

.fix-icon-center
	i {
	left: 25% !important;
	top: 25% !important;
}

#listSupport,
.list-border-right {
	margin-right: 1rem;
	border-right: 1px
		solid
		#ebedf2;
}

#listSupport
	span {
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(
		-50%
	);
	white-space: nowrap;
}

#listSupport
	span {
	font-size: 0.8rem;
}

.list-icon-blank
	.list-icon_item
	button.btn-single-round {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background: #f3f4f8;
}

.list-icon-blank
	.list-icon_item
	button.btn-single-round
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.list-icon-inner-caption {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.list-icon-inner-caption {
	font-size: 0.6rem;
}

.list-icon-inner-icon {
	margin-top: -0.3rem;
}

.list-item-icon {
	display: inline-block;
	margin-left: 1.6rem;
}

.list-item-icon
	a {
	color: #728cb5;
	padding: 0;
}

.list-item-icon
	a
	> span {
	display: inline-block;
	position: relative;
	background: rgba(
		114,
		140,
		181,
		0.2
	);
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	vertical-align: middle;
}

.list-item-icon
	a
	> span
	> i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
	color: #01305c;
}

.list-item-icon
	a
	> span
	.bubble {
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: 1rem;
	background: #728cb5;
	border-radius: 50%;
}

.list-item-icon
	a
	> span
	.bubble
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
	color: #fff;
	font-size: 0.5rem;
	line-height: 0.75rem;
}

.list-item-icon
	a:hover
	> span {
	background: rgba(
		1,
		48,
		92,
		0.05
	);
}

.list-item-icon
	a:active {
	box-shadow: none;
}

.list-table {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.list-table
	li {
	width: 100%;
	margin-bottom: 4rem;
	background: #fff;
}

.list-table
	.list-table
	li {
	margin: 0;
	padding: 1rem
		0;
	border-bottom: 1px
		solid
		#e3e4e8;
}

.list-table
	.list-table
	li
	div {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}

.list-table
	li.tagsHeader {
	font-size: 0.8rem;
	color: #818288;
	padding: 0;
	border-bottom: 1px
		solid
		#e3e4e8;
	background: #f3f4f6;
	outline: none;
	opacity: 1;
	letter-spacing: 0;
	text-transform: none;
	font-weight: bold;
}

.list-table
	li.tagsHeader
	div {
	padding: 0;
	padding: 1rem
		0.8rem
		1rem
		1rem;
	border-right: 1px
		solid
		#e3e4e8;
}

.list-table
	h3 {
	width: auto;
	margin: 0;
	margin-bottom: 1rem;
}

.list-table
	p {
	margin: 0;
}

.list-table
	.list-action
	li {
	padding: 0;
	border: 0;
}

.list-table
	.overviewGraph
	p {
	transform: translateY(
		-25%
	);
}

.list-table
	li.list-sort-highlight {
	width: 100%;
	height: 3rem;
	background: repeating-linear-gradient(
		-45deg,
		#e3e4e8,
		#e3e4e8
			1rem,
		#f3f4f8
			1rem,
		#f3f4f8
			2rem
	);
}

.list-table.sortabled:hover {
	cursor: move;
}

.list-submenu {
	width: 100%;
	margin: 0;
	padding: 1rem
		0;
}

.list-submenu
	li {
	display: block;
	width: 100%;
}

.list-submenu
	li
	a {
	display: block;
	table-layout: fixed;
	width: 100%;
	height: auto;
	padding: 0.6rem
		1rem;
	text-align: left;
	color: #01305c;
}

.list-submenu
	li
	a
	i {
	display: inline-block;
	color: #728cb5 !important;
}

.list-submenu
	li
	a
	p {
	display: inline-block;
	text-align: left;
}

.list-submenu
	li
	a
	[class*="col-"] {
	width: 100%;
	padding: 0;
}

.list-submenu
	li
	a
	i[class*="col-"] {
	width: 16%;
	padding: 0;
}

.list-submenu
	li
	a
	label[class*="col-"] {
	width: 16%;
	padding: 0;
}

.list-submenu
	li
	a
	p[class*="col-"] {
	width: 84%;
	padding: 0;
	font-size: 0.9rem;
}

.list-multiple {
	display: inline-block;
}

.list-select-multiple {
	overflow: auto;
}

.list-select-multiple-checkbox {
	margin: 0;
	padding: 1rem
		0;
	max-height: 70vh;
}

.list-select-multiple-checkbox
	li {
	position: relative;
	margin: 0.6rem
		0;
}

.list-select-multiple-checkbox
	.title:first-child {
	border-top: 0;
}

.list-select-multiple-checkbox
	.title {
	padding: 0.6rem
		0
		0
		0;
	font-size: 0.8rem;
	font-weight: bold;
	border-top: 1px
		solid
		#e3e4e8;
}

.list-select-multiple-checkbox
	label {
	word-break: break-word;
	width: 100%;
}

.list-select-multiple-checkbox
	label:before {
	max-width: 20%;
	vertical-align: top;
}

.list-select-multiple-checkbox
	label
	p {
	display: inline-block;
	font-size: 0.9rem;
	max-width: calc(
		100% -
			36px
	);
	vertical-align: top;
}

@media (max-width: 991px) {
	.headline-options {
		display: block;
	}

	.headline-options
		h1 {
		font-size: 2rem;
		width: 100%;
		padding: 0;
		text-align: left;
		margin-bottom: 2rem;
	}

	.headline-options
		h1
		.status {
		position: relative;
		display: inline-block;
		left: auto;
		top: 8px;
		width: auto;
	}

	.headline-options
		> ul {
		display: block;
		text-align: center;
		width: auto;
		margin: 0
			auto;
	}

	.headline-options
		> ul
		li {
		display: inline-block;
	}

	.header
		.list-icon_item {
		height: 4rem;
	}

	.subnavi {
		/*height:10vh;*/
		width: 100%;
		border: 0;
	}

	.subnavi
		.nav-tabs
		> li
		a {
		padding: 0;
		padding-left: 1rem;
		padding-right: 1rem;
		height: 4rem;
		display: inline-block;
		line-height: 2rem;
	}

	.subnavi
		.nav-page {
		width: 100%;
		margin: auto;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}

	.subnavi
		.nav-page
		> li {
		display: inline-block;
		float: none;
	}

	.box-body
		.nav-tabs {
		width: 100%;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		margin-bottom: 1.5rem;
	}

	.list-inline
		li {
		display: block;
	}

	.list-icon_item.dropdown.open {
		position: relative;
	}

	.list-icon_item.dropdown.open
		.dropdown-menu {
		display: table;
		left: 0;
		right: 0;
		width: 90vw;
		width: calc(
			100vw -
				32px
		);
		min-width: auto;
		text-align: center;
	}

	.list-icon_item
		.dropdown-menu
		> li {
		display: table-cell;
	}

	.list-with-graph {
		text-align: left;
		position: relative;
		display: inline-block;
		transform: translateY(
			-25%
		);
	}

	.list-icon_item
		.dropdown-body
		.subnavi
		ul
		li[class*="col-"] {
		width: 50%;
		display: inline-block;
		border: 0;
	}

	.box-head
		.list-icon_item.dropdown.open
		.dropdown-menu {
		top: 42px;
	}
}

@media (min-width: 1492px) {
	.list-action
		li
		a {
		display: block;
		width: 2rem;
		height: 2rem;
	}

	.list-icon-blank
		.list-icon_item
		i {
		font-size: 1rem;
	}

	.list-icon-options
		.list-icon_item
		> a {
		width: 3rem;
		height: 3rem;
		background: #fff;
	}

	.list-submenu
		li
		a {
		width: auto;
		height: auto;
	}

	.list-submenu
		li
		a
		i {
		width: auto;
		height: auto;
	}
}

/* Tables */
.table {
	display: table;
	margin-bottom: 0;
	table-layout: fixed;
}

.table
	> thead
	> tr
	> th {
	padding: 16px
		12px
		16px
		20px;
	border-bottom: 1px
		solid
		#ebedf2;
	border-right: 1px
		solid
		#ebedf2;
	background: #f3f4f6;
	outline: none;
}

.table
	> thead
	> tr
	> th:last-child {
	border-right: none;
}

.table
	> thead
	> tr
	> th.text-right {
	padding: 1rem
		1.5rem;
}

.table-striped
	> tbody
	> tr.graph {
	background-color: #fff;
}

.table-striped
	> tbody
	> tr
	> td {
	position: relative;
	padding: 1rem
		1.5rem;
	border-top: none;
	vertical-align: middle;
}

.table-striped
	> tbody
	> tr
	> td
	> p:last-child {
	margin: 0;
}

.table-striped
	> tbody
	> tr
	> td
	> a {
	word-wrap: break-word;
}

.table-striped.table-align-top
	> tbody
	> tr
	> td {
	vertical-align: top;
	position: relative;
}

.table-striped
	> tbody
	> tr:nth-of-type(
		odd
	) {
	background: #fff;
}

.table-striped
	> tbody
	> tr:nth-of-type(
		even
	) {
	background: #f8f9fc;
}

.table-striped.table-values
	> tbody
	> tr:nth-of-type(
		even
	) {
	background: #fff;
}

.table-striped
	> tbody
	> tr.live {
	background-color: #f8f9fc;
}

.table-responsive {
	border: 0;
	overflow-x: unset;
}

@media screen and (max-width: 991px) {
	.table-responsive {
		border: 0;
	}

	.table
		> thead
		> tr
		> th {
		padding: 6px
			12px;
	}
}

.pimm-table {
	display: table;
	width: 100%;
}

.pimm-table-header {
	display: table-header-group;
}

.pimm-table-body {
	display: table-row-group;
}

.pimm-table-footer {
	display: table-footer-group;
}

.pimm-table-row {
	display: table-row;
	width: 100%;
}

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

.pimm-table.aligned-top
	.pimm-table-cell {
	vertical-align: top;
}

.pimm-table-header
	.pimm-table-cell {
	font-weight: bold;
	color: #818288;
	padding: 1rem
		0.8rem
		1rem
		1.2rem;
	border-bottom: 1px
		solid
		#ebedf2;
	border-right: 1px
		solid
		#ebedf2;
	background: #f3f4f6;
	outline: none;
}

.pimm-table-row:nth-of-type(
	even
) {
	background: #f8f9fc;
}

.pimm-table-cell {
	padding: 1rem
		1.25rem;
}

.pimm-table-cell.mediumpadding {
	padding: 12px
		12px
		12px
		0;
}

.pimm-table-cell
	p:last-child {
	margin: 0;
}

.pimm-table.nomargin {
	margin-bottom: 0;
}

.pimm-table-warnings
	a {
	font-size: 1rem;
	word-break: break-word;
}

.pimm-table-warnings
	span {
	font-size: 1rem;
	line-height: 1.2rem;
}

.pimm-table-warnings
	span.caption {
	display: block;
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: #838488;
}

.pimm-table-warnings.history
	span.caption {
	color: #c1c2c3;
	font-size: 0.8rem;
}

.pimm-table-warnings.history
	span {
	font-size: 0.8rem;
	line-height: 1rem;
}

.pimm-table-warnings.history
	a {
	font-size: 0.8rem;
	line-height: 1rem;
}

.table
	tr
	td.graph {
	padding: 0;
}

.table
	tr
	td.graph
	.pimm-row {
	padding: 16px
		24px;
	margin-bottom: 24px;
}

.table
	tr
	td.graph
	.valuegraph
	.ajax-loader {
	margin: 0;
}

.table
	tr
	td.graph
	> div {
	overflow: hidden;
}

.valuelegend {
	vertical-align: top;
	padding-left: 3rem;
}

.valuelegend
	> div[class*="col-"] {
	display: block;
	width: 100%;
	padding: 0;
}

.valuelegend
	> div[class*="col-"]
	> div[class*="col-"] {
	width: 100%;
	padding: 0;
}

.valuelegend
	.legend-date {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #535458;
	padding-top: 12px;
	padding-bottom: 12px;
}

.valuelegend
	.legend-date
	span {
	display: inline-block;
	margin-right: 12px;
	font-size: 12px;
	font-weight: 600;
	color: #01305c;
	opacity: 0.4;
}

.valuelegend
	h5 {
	font-weight: 600;
	margin: 0;
}

.valuelegend
	p {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
}

.valuelegend
	.col-legend {
	border: 0;
}

.pimm-row {
	position: relative;
	display: block;
	width: 100%;
}

.pimm-col-8 {
	display: inline-block;
	width: 60%;
}

.pimm-col-4 {
	display: inline-block;
	width: 35%;
}

.graphrow {
	height: 1px;
}

.pimm-close {
	position: absolute;
	top: 12px;
	right: 12px;
}

.pimm-close
	i {
	color: #535458;
}

.pimm-close:hover
	i {
	color: #728cb5;
}

.table-values
	.col-legend-left
	h5
	span {
	display: none;
}

.pimm-table-align-right {
	text-align: right;
}

.pimm-table-cell
	.reportOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(
		255,
		255,
		255,
		0.8
	);
}

.pimm-table-row:nth-of-type(
		odd
	)
	.pimm-table-cell
	.reportOverlay {
	background: #f8f9fc;
	opacity: 0.8;
}

.pimm-table-cell
	.reportResponse {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1.2rem
		2rem;
}

.table-pimm
	> tbody
	> tr
	> td.note {
	border: 0;
	padding-top: 0;
}

.table-pimm
	> tbody
	> tr
	> td.note
	p {
	font-size: 0.8rem;
	color: #838488;
}

@media (min-width: 768px) {
	.pimm-table {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		background-color: transparent;
		border-spacing: 0;
		margin-bottom: 32px;
	}

	.pimm-table-header {
		display: table-header-group;
		width: 100%;
	}

	.pimm-table-row {
		display: table-row;
	}

	.pimm-table-cell {
		display: table-cell;
	}
}

@media (max-width: 991px) {
	.valuelegend {
		padding: 0;
	}

	.valuelegend
		.col-legend {
		padding: 0;
	}

	.pimm-table-align-right {
		text-align: left;
	}
}

#valueHeader
	.box-head {
	margin-bottom: 24px;
}

.value-box {
	position: relative;
	display: block;
	width: 100%;
	background: #fff;
	min-height: 40vh;
	max-height: 80vh;
	overflow-y: hidden;
}

.value-box.active:after {
	content: "";
	display: block;
	padding-top: 30%;
}

.combobox {
	position: absolute;
	width: 100%;
	height: 100%;
}

.combobox
	> [class*="col-"] {
	position: relative;
	display: block;
	height: 100%;
	padding: 0;
}

.combobox
	> [class*="col-"]:nth-child(
		odd
	),
.combobox
	> [class*="col-"]:nth-child(
		odd
	)
	ul {
	background: #f8f9fc;
}

.combobox
	> [class*="col-"]:nth-child(
		even
	),
.combobox
	> [class*="col-"]:nth-child(
		even
	)
	ul {
	background: #fff;
}

.combobox
	ul {
	display: block;
	width: 100%;
	height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}

.combobox
	> [class*="col-"]
	> ul {
	position: absolute;
	top: 0;
	left: 0;
}

.combobox
	> div
	> ul
	> li {
	position: relative;
	width: 100%;
	padding: 0;
	border-bottom: 1px
		solid
		#ebedf2;
}

.combobox
	> div
	> ul
	> li
	> a {
	display: block;
	padding: 1.2rem
		3rem
		1.2rem
		1.2rem;
	color: #515255;
	overflow-wrap: break-word;
}

.combobox
	> div
	> ul
	> li
	> a:hover {
	background: #f3f4f6;
}

.combobox
	> div
	> ul
	> li
	> p {
	display: block;
	margin: 0;
	padding: 1.2rem
		3rem
		1.2rem
		1.2rem;
	font-weight: bold;
}

.combobox
	> div
	> ul
	> li
	> a
	span.button-right {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	top: 50%;
	right: 0.8rem;
	transform: translateY(
		-50%
	);
	background: transparent;
	border-radius: 50%;
}

.combobox
	> div
	> ul
	> li
	> a
	span.button-right
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

.combobox
	> div
	> ul
	> li
	> a:hover
	span.button-right {
	background: rgba(
		114,
		140,
		181,
		0.2
	);
}

.combobox
	> div
	> ul
	> li
	> a.active {
	background: #eaebef;
}

.combobox
	> div
	> ul
	> li
	> a.active
	span.button-right {
	background: rgba(
		114,
		140,
		181,
		1
	);
}

.combobox
	> div
	> ul
	> li
	> a.active
	i {
	color: #fff;
}

ul.list-options-axis {
	position: absolute;
	width: auto;
	height: auto;
	top: 50%;
	right: 0.8rem;
	transform: translateY(
		-50%
	);
	overflow: hidden;
}

ul.list-options-axis
	li {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
}

ul.list-options-axis
	li
	a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

ul.list-options-axis
	li
	a:hover {
	background: rgba(
		114,
		140,
		181,
		0.2
	);
}

ul.list-options-axis
	li
	a
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
	color: #728cb5;
}

ul.list-options-axis.axis-active
	li
	a {
	background: rgba(
		114,
		140,
		181,
		1
	);
}

ul.list-options-axis.axis-active
	li
	a
	i {
	color: #fff;
}

ul.list-options-axis.axis-active.axis-active-left
	li:last-child {
	visibility: hidden;
}

ul.list-options-axis.axis-active.axis-active-right
	li:first-child {
	visibility: hidden;
}

ul.list-options-axis.axis-active
	li
	a:hover {
	background: rgba(
		114,
		140,
		181,
		0.8
	);
}

span.led-active {
	position: absolute;
	width: 0.4rem;
	height: 0.4rem;
	top: 50%;
	right: 3rem;
	transform: translateY(
		-50%
	);
	border-radius: 50%;
	background: #728cb5;
}

.pimm-virtual-table-cell {
	display: block;
	padding: 16px
		20px;
	border-top: none;
}

.pimm-virtual-table-row
	> [class*="col-"] {
	padding: 0;
}

.pimm-virtual-table-row
	> [class*="col-"]
	> .pimm-virtual-table-cell:nth-child(
		odd
	) {
	background: #f8f9fc;
}

.pimm-list-striped
	[class*="col-"] {
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}

.pimm-list-striped.index
	[class*="col-"]
	a {
	font-size: 1rem;
	line-height: 1.2rem;
	width: 100%;
	word-wrap: break-word;
}

.pimm-list-striped.index
	[class*="col-"]
	a
	span {
	word-wrap: break-word;
}

.pimm-list-striped.index
	[class*="col-"]
	a
	span.caption {
	display: block;
	font-size: 0.8rem;
	font-weight: 400;
	color: #818288;
}

.pimm-list-striped.history
	[class*="col-"]
	a
	span.caption {
	color: #c1c2c3;
}

.pimm-list-striped.index
	[class*="col-"]:nth-child(
		1
	) {
	padding-right: 0.6rem;
	font-size: 0.8rem;
}

.pimm-list-striped.index
	[class*="col-"]:nth-child(
		2
	) {
	padding-left: 0.6rem;
}

.pimm-list-striped.index
	[class*="col-"]:nth-child(
		1
	)
	a {
	font-size: 0.9rem;
}

.pimm-list-striped:nth-child(
	odd
) {
	background: #f8f9fc;
}

.pimm-list-striped
	h4 {
	margin: 0;
	line-height: 1.4rem !important;
}

.list-widgets-close {
	right: auto;
	text-align: center;
}

.list-widgets-close
	a {
	position: relative;
	border-radius: 50%;
}

.list-widgets-close
	a:hover {
	background: #ebedf2;
}

.list-widgets-close
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

@media (max-width: 1200px) {
	.pimm-list-striped.index
		[class*="col-"]:nth-child(
			1
		) {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.pimm-list-striped.index
		[class*="col-"]:nth-child(
			2
		) {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/* Alignment */
.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-sm-right {
	text-align: right;
}

.text-md-right {
	text-align: right;
}

@media (max-width: 991px) {
	.text-sm-right {
		text-align: left;
	}

	.pimm-list-striped
		h4 {
		margin: 0;
		line-height: 0.8rem !important;
	}

	.text-md-right {
		text-align: center;
	}
}

/* Color */
.bg-white {
	background-color: #fff;
}

.bg-light {
	background-color: #f3f4f5;
}

.bg-blue {
	background-color: #04213b;
}

.bg-blue-prominent {
	background-color: #01305c;
}

.bg-dark {
	background-color: #022342;
}

.bg-black {
	background-color: #000;
}

.nobg {
	background: transparent;
}

.text-white {
	color: #fff;
}

.text-light {
	color: #fff;
	opacity: 0.6;
}

.text-success {
	color: #5cb85c !important;
}

.text-warning {
	color: #f0ad4e !important;
}

.text-warning.semi {
	color: #8a6d3b !important;
}

.text-error {
	color: #d9534f;
}

.text-danger {
	color: #a94442 !important;
}

.text-info {
	color: #5bc0de;
}

/*.text-primary { color:#337ab7; }*/
.text-primary {
	color: #728cb5;
}

.text-blue {
	color: #01305c;
}

.text-orange {
	color: #ec7c16;
}

.text-disabled {
	color: #838488;
}

.text-grey {
	color: #c1c2c3;
}

a.text-warning:hover {
	color: #ec971f;
}

.text-wrap {
	word-wrap: break-word;
}

/* Header Subpage */
.header-status {
	text-align: right;
}

.header-status
	h3 {
	display: inline-block;
	margin-right: 24px;
	font-size: 1.2rem;
}

/* Headlines */
h1 {
	font-size: 2rem;
	font-weight: 400;
	margin: 0;
}

h2 {
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
}

h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0;
}

h4 {
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
}

h5 {
	font-size: 0.9rem;
}

.headline-caption {
	opacity: 0.6;
	margin: 0;
}

.box-container
	h4 {
	line-height: 1.5rem;
	display: inline-block;
}

.box-highlighted
	h4 {
	font-size: 2rem;
	margin: 0
		0
		2rem
		0;
}

.smallcaps {
	font-size: 0.8rem;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0
		0
		6px
		0;
}

h1.inline {
	width: auto;
	display: inline-block;
}

h1
	a
	span {
	color: #535458;
	opacity: 0.6;
}

h1 span {
	opacity: 0.6;
}

h4.margin {
	margin-bottom: 1rem;
}

/* Text */
.value-big {
	font-size: 2rem;
}

.value-huge {
	font-size: 144px;
}

.value-medium {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 700;
}

.value-small {
	font-size: 0.9rem;
	line-height: 1rem;
	word-break: break-word;
}

.value-smallerer {
	font-size: 0.8rem !important;
	line-height: 1rem !important;
}

.value-smaller {
	font-size: 0.6rem !important;
	line-height: 0.6rem;
}

.date-rewrite {
	margin: 0;
}

.date-rewrite
	span {
	margin-right: 12px;
	font-size: 1rem;
	font-weight: 400;
}

.date-list {
	font-size: 0.9rem;
	line-height: 1rem;
	margin: 0;
}

.no-data {
	font-size: 0.8rem !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 24px;
	text-align: center;
}

.no-data:not(
	a
) {
	color: #c3c4c8;
}

.no-data.list {
	margin: 0;
}

.break-word {
	overflow-wrap: break-word;
}

.font-bold {
	font-weight: bold !important;
}

.p-btn {
	padding-top: 12px;
	line-height: 20px;
	margin: 0;
}

.lh1 {
	line-height: 1px;
}

.lh1
	span {
	margin-right: 0.4rem;
}

.box-alerts
	.lh1
	span {
	margin: 0;
}

.nowhitespace {
	white-space: nowrap;
}

/* Links */
.link-dark {
	color: #535458;
	font-weight: 400;
}

.link-dark:hover {
	color: #728cb5;
}

.link-styled-big {
	font-size: 1.2rem;
	line-height: 18px;
	font-weight: 600;
}

span.link-caption {
	display: block;
	font-size: 0.8rem;
	line-height: 1rem;
	margin-top: 0.2rem;
	color: #838488;
	font-weight: 400;
}

.block {
	display: block;
}

/* Animations */
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: 0;
}

a,
i,
.btn,
.modal {
	-webkit-transition: all
		200ms
		ease;
	transition: all
		200ms
		ease;
}

.animate-200 {
	-webkit-transition: all
		0.2s
		ease;
	-moz-transition: all
		0.2s
		ease;
	transition: all
		0.2s
		ease;
}

.animate-400 {
	-webkit-transition: all
		0.4s
		ease;
	-moz-transition: all
		0.4s
		ease;
	transition: all
		0.4s
		ease;
}

.animate-600 {
	-webkit-transition: all
		0.6s
		ease;
	-moz-transition: all
		0.6s
		ease;
	transition: all
		0.6s
		ease;
}

.animate-width-400 {
	-webkit-transition: left
		0.4s
		ease;
	-moz-transition: left
		0.4s
		ease;
	transition: left
		0.4s
		ease;
}

/* Image */
.ajax-loader {
	margin: 24px;
}

.picture-frame {
	position: relative;
	width: 100%;
	background: #e1e2e3;
}

.picture-frame:after {
	content: "";
	display: block;
	padding-top: 75%;
}

.background-image-holder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: 50%
		50% !important;
}

.box-avatar {
	text-align: center;
}

.box-avatar
	img {
	width: 100%;
	max-width: 320px;
}

.centred {
	background-size: cover;
	background-position: center
		center;
}

.bottomed {
	background-size: cover;
	background-position: bottom
		center;
}

.topped {
	background-size: cover;
	background-position: top
		center;
}

/* Buttons */
.status {
	display: inline-block;
	padding: 4px
		12px;
	text-align: center;
	color: #fff;
	font-weight: 400;
}

.status-running {
	color: #535458;
	padding: 4px
		0;
}

.status-success {
	background: #5cb85c;
}

.status-warning {
	background: #f0ad4e;
}

.status-warning.semi {
	background: #8a6d3b;
}

.status-danger {
	background: #d9534f;
}

.status
	i {
	font-size: 0.8rem;
}

.status
	i:before {
	margin: 0;
	line-height: 12px;
}

.box-head_headline
	.status {
	margin-left: 12px;
	padding: 12px
		24px;
	font-size: 1rem;
}

a.status-success:hover,
a.status-success:active,
a.status-success:focus {
	background: #449d44;
	color: #fff;
}

a.status-warning:hover,
a.status-warning:active,
a.status-warning:focus {
	background: #ec971f;
	color: #fff;
}

a.status-danger:hover,
a.status-danger:active,
a.status-danger:focus {
	background: #c9302c;
	color: #fff;
}

.btn {
	padding: 0.8rem
		2rem;
	line-height: 1.25rem;
	border: 0;
	border-radius: 0;
}

.btn {
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.btn-orange {
	background: #ec7c16;
	color: #fff;
}

.btn-orange:hover {
	background: #f55508;
	color: #fff;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:visited,
.btn-orange:focus {
	color: #fff;
	outline: none;
	border: none;
}

.btn-blue {
	background: #01305c;
	color: #fff;
}

.btn-blue
	i {
	color: #fff !important;
}

.btn-blue:hover {
	background: #728cb5;
	color: #fff;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:visited,
.btn-blue:focus {
	color: #fff;
	outline: none;
	border: none;
}

.btn-blue.process {
	background: #728cb5;
	cursor: not-allowed;
}

.btn-blue-bg {
	background: transparent;
	color: #fff;
}

.btn-blue-bg:hover {
	background: #ec7c16;
	color: #fff;
}

.btn-blue-bg:hover,
.btn-blue-bg:active,
.btn-blue-bg:visited,
.btn-blue-bg:focus {
	color: #fff;
	outline: none;
	border: none;
}

.btn-primary {
	background: #01305c;
}

.btn-primary:hover {
	background: #728cb5;
}

.btn-light {
	background: #ebedf2;
}

.btn-light:hover {
	background: #dbdde2;
}

.btn-lightblue {
	background: rgba(
		114,
		140,
		181,
		0.2
	);
}

.btn-lightblue:hover {
	background: rgba(
		1,
		48,
		92,
		0.05
	);
}

.btn-font-normal {
	font-weight: normal !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.btn-frm-inline {
	background: #f3f4f6;
	color: #01305c;
	padding: 0.7rem
		1rem;
}

.btn-frm-inline
	i {
	color: #01305c;
}

.btn-frm-inline:hover {
	background: #e3e4e8;
	color: #01305c;
}

.btn-frm-inline:active,
.btn-frm-inline:visited,
.btn-frm-inline:focus {
	outline: none;
	border: none;
}

.btn-frm-inline.alert-success {
	background: #5cb85c;
}

.btn-static {
	width: 120px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
}

.button-caption-left {
	display: inline-block;
	margin-right: 24px;
	opacity: 0.6;
}

.reportBtn:hover {
	cursor: wait;
}

.reportBtn.activated:hover {
	cursor: pointer;
}

.reportBtn.disabled {
	background: #fff !important;
}

.btn-dynamic {
	width: 100%;
	padding: 0.7rem
		0;
}

/* Elements */
.led {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 0.8rem;
	background: #e1e2e3;
	border-radius: 50%;
}

.led-success {
	background: #5cb85c;
}

.led-warning {
	background: #f0ad4e;
}

.led-error,
.led-danger {
	background: #d9534f;
}

.led-0 {
	background: #8dca35;
}

.led-1 {
	background: #730049;
}

.led-2 {
	background: #d92a34;
}

.led-3 {
	background: #ff892a;
}

.led-4 {
	background: #ffd118;
}

.led-blink {
	animation: blinker
		2s
		ease-in-out
		infinite;
}

.led-status {
	margin-top: 0px;
	margin-right: 0;
}

.led-small {
	width: 0.5rem;
	height: 0.5rem;
}

.led-stop {
	animation: none;
}

@media (min-width: 1492px) {
	.led-small {
		width: 0.5rem;
		height: 0.5rem;
	}
}

@keyframes blinker {
	20% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	80% {
		opacity: 1;
	}
}

.box-highlighted {
	padding: 32px
		24px;
}

.box-highlighted
	i {
	font-size: 36px;
	line-height: 12px;
}

.box-highlighted
	i:before {
	margin-bottom: 6px;
}

.box-highlighted
	p {
	font-size: 2rem;
	line-height: 24px;
	font-weight: 700;
	color: #728cb5;
}

.box-container
	h5 {
	margin: 0;
	margin-top: 6px;
	text-transform: capitalize;
}

.box-highlighted
	p.error {
	font-size: 0.8rem;
	line-height: 16px;
	font-weight: 400;
	color: #d9534f;
}

.load-cover {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(
		255,
		255,
		255,
		0.9
	);
	padding: 1.4rem
		2rem;
	color: #a3a4a8;
}

/* Alerts */
.alert {
	margin: 0;
	padding: 0.75rem
		1rem;
	font-size: 1rem;
	line-height: 1.2rem;
	border-radius: 0;
	text-align: left;
}

.alert-danger {
	color: #a94442 !important;
	background-color: #f2dede !important;
	border-color: #ebccd1 !important;
}

.alert-success {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
	border-color: #dff0d8 !important;
}

.alert-danger
	i {
	color: #a94442 !important;
}

.alert-success
	i {
	color: #3c763d !important;
}

.alert-warning {
	color: #f0ad4e !important;
	background-color: #fcf8e3 !important;
	border-color: #eea236 !important;
}

#errorMsg {
	margin-top: 1rem;
}

/* Forms */
.form-control {
	font-size: 1rem;
}

.form-control:focus {
	border: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.frm-standard
	div
	input {
	height: auto;
	padding: 0.7rem
		1rem;
	background: #f3f4f6;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	line-height: 20px;
}

.frm-standard
	div
	input::placeholder,
.dropdown-body
	> div
	> input::-webkit-input-placeholder {
	color: #01305c;
	opacity: 0.4;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea,
select {
	background: transparent;
	border: none;
	width: 100%;
	padding-left: 20px;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 1px
		solid
		#e3e4e8;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
	height: 3rem;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
.form-horizontal
	textarea:focus,
.form-horizontal
	select:focus {
	border-bottom: 1px
		solid
		#ec7c16;
}

input::placeholder {
	font-size: 1rem;
}

.form-horizontal
	input[type="text"],
.form-horizontal
	input[type="password"],
.form-horizontal
	textarea,
.form-horizontal
	select {
	border: 0;
	border-bottom: 1px
		solid
		#e1e2e3;
	outline: 0;
	background: transparent;
	width: 100%;
	padding-left: 20px;
	border-radius: 0;
	box-shadow: none;
}

.form-horizontal
	input[type="text"],
.form-horizontal
	input[type="password"] {
	height: 3rem;
}

.form-horizontal
	textarea {
	padding-top: 16px;
}

.form-horizontal
	input[type="text"]:focus,
.form-horizontal
	input[type="password"]:focus {
	outline: none;
	border-bottom: 1px
		solid
		#ec7c16;
}

.form-horizontal
	input.has-error {
	background: #f2dede;
	border-bottom: 1px
		solid
		#a94442;
}

.form-horizontal
	select {
	border: 0;
	border-bottom: 1px
		solid
		#e3e4e8;
}

.form-horizontal
	select {
	height: 3rem;
	overflow: hidden;
}

.form-horizontal
	select
	option {
	max-width: 100px;
}

.form-horizontal
	.pseudo-input {
	height: 3rem;
	line-height: 3rem;
}

.form-horizontal
	.form-group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 24px;
}

.form-horizontal
	.form-seperator {
	display: block;
	height: 1px;
	background: #e3e4e8;
	margin: 24px
		0;
}

.form-horizontal
	span.caption {
	opacity: 0.6;
}

select.select-standard {
	padding: 12px
		16px;
}

#inputDeviceAddIdent {
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.form-horizontal
		.control-label {
		padding-top: 16px;
	}
}

.input-small {
	display: table;
}

.input-small
	input,
.input-small
	span {
	display: table-cell;
	vertical-align: middle;
}

.input-small
	input[type="number"] {
	width: 64px;
	height: 36px;
	padding: 6px;
	background: #f3f4f6;
	margin-right: 24px;
}

.input-small
	input[type="number"]::placeholder {
	opacity: 0.4;
}

.input-small
	a {
	display: block;
	position: relative;
	width: 64px;
	height: 36px;
	z-index: 3;
}

.input-small
	a
	i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
	margin: 0;
	padding: 0;
	z-index: 0;
}

.input-small
	span.mr
	a {
	margin-left: 24px;
}

.input-group
	p {
	display: table-cell;
	vertical-align: middle;
	font-size: 1rem;
	padding-right: 12px;
}

#frmSettings
	.form-group {
	margin-bottom: 0;
}

.form-dropdown
	input {
	position: relative;
	z-index: 2;
}

.form-dropdown
	.dropdown-header
	input {
	height: auto;
	padding: 6px
		12px;
	border-bottom: 1px
		solid
		#728cb5;
}

.form-dropdown
	.dropdown-header
	input {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.form-legend {
	position: relative;
	padding: 0;
}

.form-legend
	input[type="number"] {
	height: auto;
	padding: 2px
		4px;
	max-width: 48px;
	margin-bottom: 24px;
	border: 1px
		solid
		#e3e4e8;
}

.form-legend.right
	input[type="number"] {
	float: right;
}

.form-legend.right
	input[type="number"]:after {
	clear: both;
}

.form-legend
	.bar {
	position: relative;
	clear: both;
	display: block;
	width: 100%;
	height: 4px;
	background: #f3f4f5;
}

.form-legend
	.bar
	.needle {
	position: absolute;
	top: -16px;
	left: 0;
	height: 12px;
	width: 2px;
	background: #535455;
}

.form-legend.right
	.bar
	.needle {
	left: auto;
	right: 0;
}

.form-gauge
	h5 {
	margin-left: 24px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Weather */
.box-body-weather {
	margin: -3rem
		0px;
}

.box-body-weather.active {
	padding: 0
		1.5rem;
}

.weather
	.icon {
	width: 100%;
	margin: 0
		auto;
	text-align: center;
}

.weather
	.icon
	i {
	font-size: 6rem;
}

.weather
	.icon
	i:before {
	line-height: 7rem;
}

.weather
	.info {
	padding-bottom: 1.5rem;
}

.weather
	.temp {
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 400;
}

.weather
	.condition
	span {
	display: block;
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
	opacity: 0.4;
}

.weather
	.condition {
	font-size: 1rem;
	line-height: 1rem;
	opacity: 1;
}

.weather
	.details {
	padding: 1.5rem;
	font-size: 1rem;
}

.weather
	.details
	div {
	padding: 0;
	text-align: center;
	font-weight: bold;
}

.weather
	.details
	i {
	font-size: 1.2rem;
	line-height: 1.6rem;
	opacity: 0.6;
}

.weather
	.details
	span {
	font-size: 0.8rem;
	opacity: 0.4;
	font-weight: normal;
}

@media (min-width: 1492px) {
	.weather
		.info {
		padding-bottom: 2rem;
	}

	.box-body-weather {
		margin: -3rem
			0px;
	}

	.box-body-weather.active {
		padding: 0
			2rem;
	}

	.weather
		.condition
		span {
		display: block;
		font-size: 2rem;
		line-height: 2rem;
		margin-bottom: 0.4rem;
		opacity: 0.4;
	}

	.weather
		.condition {
		font-size: 1rem;
		line-height: 1.2rem;
		opacity: 1;
	}

	.weather
		.details {
		margin: 0 -1.5rem;
	}
}

/* Toggle Button */
.tgl {
	display: none;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl
	*:after,
.tgl
	*:before,
.tgl
	+ .tgl-btn {
	box-sizing: border-box;
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl
	*::-moz-selection,
.tgl
	*:after::-moz-selection,
.tgl
	*:before::-moz-selection,
.tgl
	+ .tgl-btn::-moz-selection {
	background: none;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl
	*::selection,
.tgl
	*:after::selection,
.tgl
	*:before::selection,
.tgl
	+ .tgl-btn::selection {
	background: none;
}

.tgl
	+ .tgl-btn {
	outline: 0;
	display: block;
	width: 2.4em;
	height: 1.2em;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tgl
	+ .tgl-btn:after,
.tgl
	+ .tgl-btn:before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}

.tgl
	+ .tgl-btn:after {
	left: 0;
}

.tgl
	+ .tgl-btn:before {
	display: none;
}

.tgl:checked
	+ .tgl-btn:after {
	left: 50%;
}

.tgl-light
	+ .tgl-btn {
	background: #e1e2e3;
	border-radius: 2.8em;
	padding: 2px;
	-webkit-transition: all
		0.4s
		ease;
	transition: all
		0.4s
		ease;
}

.tgl-light
	+ .tgl-btn:after {
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all
		0.2s
		ease;
	transition: all
		0.2s
		ease;
}

.tgl-light:checked
	+ .tgl-btn {
	background: #01305c;
}

@media (max-width: 991px) {
	.tgl
		+ .tgl-btn {
		outline: 0;
		display: inline-block;
	}
}

.switch {
	display: inline-block;
	height: 1.5rem;
	position: relative;
	width: 3rem;
}

.switch
	input {
	display: none;
}

.slider {
	background-color: #e3e4e8;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.4s;
}

.slider:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 1rem;
	left: 4px;
	position: absolute;
	transition: 0.4s;
	width: 1rem;
}

input:checked
	+ .slider {
	background-color: #728cb5;
}

input:checked
	+ .slider:before {
	transform: translateX(
		1.5rem
	);
}

.slider.round {
	border-radius: 3rem;
}

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

/*Pimm Slide*/
.pimm-slide-canvas {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.pimm-slide {
	position: relative;
	width: 100%;
}

.pimm-slide-back {
	position: absolute;
	top: 1rem;
	left: 1rem;
}

/* Dygraphs */
#graphwrapper {
	position: relative;
	width: 100%;
	height: 50vh;
}

#graphwrapper:after {
	content: "";
	display: block;
	padding-top: 50%;
}

#graphwrapper.disabled {
	height: auto;
}

#graphwrapper.disabled:after {
	content: "";
	display: initial;
	padding-top: auto;
}

#graph {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 24px;
}

.dygraph-axis-label-y {
	padding-right: 4px;
}

.dygraph-axis-label-x {
	padding-top: 0;
}

.graph-no-data {
	height: 10px;
}

#graphwrapper.graph-no-data {
	height: 10px;
}

.dygraph-legend {
	top: 0;
	right: 0;
	background: #f3f4f5;
}

#legend {
	font-size: 1rem;
}

#dragLegendWindow {
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			1,
			48,
			92,
			0.1
		);
}

.pimm-legend {
	table-layout: fixed;
	margin-bottom: 24px;
}

.pimm-legend
	.align-right {
	text-align: right;
}

.pimm-legend
	.led {
	display: block;
}

.btn-icon-remove {
	opacity: 0.6;
	color: #01305c;
}

.pimm-legend
	h5 {
	font-weight: 600;
	margin: 0;
}

.pimm-legend
	p {
	font-size: 1rem;
	line-height: 16px;
	font-weight: 600;
}

.pimm-legend
	a {
	display: block;
	margin: 4px
		0
		0
		0;
	font-size: 0.7rem;
	color: #01305c;
}

.pimm-legend
	span.group {
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	opacity: 0.6;
}

.pimm-legend
	span.device {
	display: inline-block;
	margin: 0;
	opacity: 0.4;
}

.pimm-legend
	a:hover
	span {
	opacity: 0.7;
}

.pimm-legend
	> div.row:nth-of-type(
		odd
	) {
	background-color: #f3f4f5;
}

.pimm-legend
	> div.row:nth-of-type(
		even
	) {
	background-color: #fff;
}

.pimm-legend-row {
	margin: 0;
	padding: 6px
		0;
}

.pimm-legend
	h4 {
	font-size: 1rem;
	line-height: 14px;
}

.col-legend {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px
		solid
		#ebedf2;
}

.col-legend:after {
	clear: both;
}

.col-legend-left {
	padding-right: 0;
}

.col-legend-right {
	padding-left: 0;
}

.pimm-legend
	.legend-date {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	color: #535458;
	padding-top: 12px;
	padding-bottom: 12px;
	background: #f3f4f8;
}

.pimm-legend
	.legend-date
	span {
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	opacity: 0.4;
}

#dragLegendButton {
	position: absolute;
	top: -6px;
	right: -12px;
	z-index: 12;
}

#dragLegendButtonLink:hover {
	cursor: move;
}

#dragLegendWindow {
	background: #fff;
	position: absolute;
	top: 12px;
	right: 36px;
	padding-bottom: 12px;
	z-index: 13;
}

#dragLegendWindow.active {
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
}

#sondenRange.active {
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
}

#popup {
	position: absolute;
	display: block;
	width: auto;
	min-width: 160px;
	max-width: 360px;
	height: auto;
	padding: 12px;
	background: #fff;
	z-index: 4;
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
}

#popup
	.date {
	text-align: center;
}

#popup
	table {
	margin: 6px
		12px;
	padding: 0;
}

#popup
	table
	tr {
	vertical-align: middle;
}

#popup
	table
	tr
	td {
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px
		solid
		#ebedf2;
}

#popup
	table
	tr:first-child
	td {
	border-top: 1px
		solid
		#ebedf2;
}

#popup
	table
	tr:last-child
	td {
	padding-bottom: 0;
	border-bottom: 0;
}

#popup p {
	display: inline-block;
	font-size: 0.8rem;
	line-height: 12px;
	margin: 0;
}

#popup
	p.value {
	text-align: right;
	font-weight: 600;
}

#popup
	span.led {
	width: 12px;
	height: 12px;
	margin-top: 6px;
	margin-right: 6px;
}

#popup
	span.caption {
	display: block;
	font-size: 11px;
	font-style: italic;
	margin-top: 2px;
	color: #728cb5;
}

#popupdots {
	overflow: hidden;
}

.valuepopup {
	position: absolute;
	display: block;
	width: auto;
	min-width: 160px;
	max-width: 360px;
	height: auto;
	padding: 12px;
	background: #fff;
	z-index: 4;
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
}

.valuepopup
	.date {
	text-align: center;
}

.valuepopup
	table {
	margin: 6px
		12px;
	padding: 0;
}

.valuepopup
	table
	tr {
	vertical-align: middle;
}

.valuepopup
	table
	tr
	td {
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px
		solid
		#ebedf2;
}

.valuepopup
	table
	tr:first-child
	td {
	border-top: 1px
		solid
		#ebedf2;
}

.valuepopup
	table
	tr:last-child
	td {
	padding-bottom: 0;
	border-bottom: 0;
}

.valuepopup
	p {
	display: inline-block;
	font-size: 0.8rem;
	line-height: 12px;
	margin: 0;
}

.valuepopup
	p.value {
	text-align: right;
	font-weight: 600;
}

.valuepopup
	span.led {
	width: 12px;
	height: 12px;
	margin-top: 6px;
	margin-right: 6px;
}

.valuepopup
	span.caption {
	display: block;
	font-size: 11px;
	font-style: italic;
	margin-top: 2px;
	color: #728cb5;
}

.valuepopupdots {
	overflow: hidden;
}

#graphtools {
	width: 100%;
}

.graphtools
	.graphDate {
	margin: 0;
	vertical-align: middle;
}

.graphtools
	.graphDate
	span {
	font-weight: bold;
}

.graphtools
	.graphDate
	span
	span {
	color: #a3a4b8;
}

@media (max-width: 991px) {
	#graphwrapper:after {
		padding-top: 150%;
	}
}

/* Pimm SVG Graph*/
.overviewGraph {
	position: relative;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.overviewGraph:after {
	content: "";
	display: block;
	padding-top: 33%;
}

.graph-no-data
	.overviewGraph {
	overflow: visible;
}

.graph-no-data
	.overviewGraph:after {
	content: none;
}

.overviewGraph
	svg {
	width: 100%;
}

.overviewGraph
	svg,
.overviewGraph
	p {
	position: absolute;
	top: 50%;
	transform: translateY(
		-50%
	);
}

.overviewGraph
	i {
	position: absolute;
	top: 25%;
}

.pimm-svg-chart {
	padding: 6px;
}

.overviewGraph
	.pimm-anomaly {
	position: absolute;
	height: 100%;
	top: 0;
}

.overviewGraphCanvas {
	padding: 4px;
}

.fill-parts {
	fill: #fff;
}

.fill-parts2 {
	fill: #f00;
}

.bg-anomaly-1 {
	background: #e3ccdb;
}

.bg-anomaly-2 {
	background: #f7d4d6;
}

.bg-anomaly-3 {
	background: #ffe7d4;
}

.bg-anomaly-4 {
	background: #fff6d1;
}

.list-table
	.list-table
	li
	div.overviewGraphCanvas,
.list-table
	.list-table
	li
	div.overviewGraph {
	padding: 0;
}

@media (max-width: 991px) {
	.overviewGraphCanvas {
		display: inline-block;
		width: 60%;
		padding: 0;
	}

	.overviewGraph
		p.no-data {
		position: relative;
		margin: 1rem
			0;
	}

	.graph-no-data
		.overviewGraph
		p.no-data {
		margin: 0;
		display: block;
		transform: none;
		text-align: left;
	}
}

/* Checkboxes */
.styled-checkbox {
	position: absolute;
	opacity: 0;
}

.styled-checkbox
	+ label {
	position: relative;
	cursor: pointer;
	padding: 0;
}

.styled-checkbox
	+ label:before {
	background: #e3e4e8;
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
}

.styled-checkbox:hover
	+ label:before {
	background: #728cb5;
}

.styled-checkbox:focus
	+ label:before {
	background: #e3e4e8;
}

.styled-checkbox:checked
	+ label:before {
	background: #01305c;
}

.styled-checkbox:checked
	+ label:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 9px;
	background: white;
	width: 2px;
	height: 2px;
	box-shadow:
		2px
			0
			0
			white,
		4px
			0
			0
			white,
		4px -2px
			0
			white,
		4px -4px
			0
			white,
		4px -6px
			0
			white,
		4px -8px
			0
			white;
	-webkit-transform: rotate(
		45deg
	);
	transform: rotate(
		45deg
	);
}

.label-checkbox {
	font-size: 1rem;
	font-weight: 400;
}

.label-checkbox.label-nomargin {
	margin-bottom: 0;
}

.checkbox-container
	.label-checkbox.label-nomargin {
	font-weight: 700;
}

.label-checkbox.label-nomargin
	span {
	display: block;
	margin-left: 32px;
	font-style: italic;
	font-size: 0.8rem;
	font-weight: 400;
}

.checkbox-container {
	position: relative;
}

.checkbox-container:hover {
	background: #f3f4f5;
}

.checkbox-container
	.label-checkbox {
	font-size: 1rem;
	font-weight: 400;
	padding: 12px;
	margin: 0;
}

.checkbox-container
	.styled-checkbox:checked
	+ label:after {
	left: 17px;
	top: 21px;
}

.checkbox-container
	.label-checkbox.label-checkbox-options {
	padding: 0;
}

.checkbox-container
	.chkboxesSlaves:checked
	+ label:after {
	left: 5px;
	top: 9px;
}

.label-checkbox.label-inline:before {
	vertical-align: top;
}

.label-checkbox.label-inline
	span {
	display: inline-block;
	width: calc(
		100% -
			40px
	);
}

.signup
	.styled-checkbox
	+ label:before {
	background: #fff;
}

.signup
	.styled-checkbox:hover
	+ label:before {
	background: #ebedf2;
}

.signup
	.styled-checkbox:checked
	+ label:before {
	background: #ec7c16;
}

.testost
	label:before {
	background: green;
}

#sondenOptions {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px
		solid
		#ebedf2;
}

.container-options {
	padding: 12px;
}

.checkboxAlerts {
	position: relative;
}

.checkboxCover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 16px
		20px;
	background: rgba(
		255,
		255,
		255,
		0.8
	);
}

.pimm-table
	.pimm-table-row:nth-child(
		odd
	)
	.checkboxCover {
	background: rgba(
		248,
		249,
		252,
		0.8
	);
}

.sortMargin {
	margin-left: 0.4rem;
}

/*Alarms*/
.alarmList
	a {
	margin-bottom: 1rem;
}

.alarmList
	a:last-child {
	margin-bottom: 0;
}

/* Modals */
@media (min-width: 768px) {
	.modal-dialog {
		width: 700px;
		max-width: 800px;
	}
}

@media (min-width: 1250px) {
	.modal-dialog {
		width: 900px;
		left: 140px;
		max-width: 1000px;
	}
}

.modal {
	display: block;
	opacity: 0;
	visibility: hidden;
	overflow-y: scroll;
}

.modal.in {
	opacity: 1;
	visibility: visible;
	background: rgba(
		3,
		12,
		31,
		0.1
	);
}

.modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.modal-dialog.modal-medium {
	width: 750px;
}

.modal-content {
	border: 0;
	border-radius: 0;
	box-shadow: 0
		3px
		9px
		rgba(
			0,
			0,
			0,
			0.1
		);
}

.modal-fullscreen {
	height: 90vh;
	height: calc(
		90vh -
			144px
	);
}

.modal-header {
	padding: 24px;
}

.modal-header
	.close {
	font-size: 1.5rem;
}

.modal-header
	.modal-options {
	display: inline-block;
	padding-left: 24px;
}

.modal-body {
	padding: 20px
		24px;
}

.modal-body:after {
	clear: left;
}

.form-unit {
	padding-top: 1rem;
}

.modal-title {
	display: inline-block;
	width: auto;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.modal-footer {
	padding: 1rem;
}

.modal-footer
	.btn
	+ .btn {
	margin-bottom: 0;
	margin-left: 12px;
}

.pimm-modal
	.modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	) !important;
	margin: 0;
}

.pimm-modal-small
	.modal-dialog {
	width: 480px;
}

.pimm-modal
	.close {
	margin: 0;
	padding: 0;
}

.pimm-modal
	.close:focus {
	color: #01305c;
}

.pimm-modal
	.btn-frm-inline:hover {
	background: #01305c;
	color: #fff;
}

.pimm-modal
	.btn-frm-inline:hover
	i {
	color: #fff;
}

.pimm-modal
	input {
	border: 0;
	outline: 0;
	background: #e1e2e3;
}

.pimm-modal
	input:focus {
	border: 0;
	outline: 0;
	background: #f3f4f6;
}

.pimm-modal
	.btn-frm-inline.alert-success {
	background-color: #f2dede;
	color: #3c763d;
}

.pimm-modal
	.btn-frm-inline.alert-success
	i {
	color: #3c763d;
}

.pimm-modal
	.btn-frm-inline.alert-success.btn[disabled] {
	opacity: 1;
}

.pimm-modal
	.btn-frm-inline.alert-danger {
	background-color: #f2dede;
	color: #a94442;
}

.pimm-modal
	.btn-frm-inline.alert-danger
	i {
	color: #a94442;
}

.pimm-modal
	.btn-frm-inline.alert-danger.btn[disabled] {
	opacity: 1;
}

.pimm-modal
	.bg-white,
.pimm-modal
	.bg-white:focus {
	background: #fff;
}

.response {
	display: inline-block;
	vertical-align: middle;
	margin-right: 24px;
}

@media (max-width: 991px) {
	.modal-dialog.modal-medium {
		width: auto;
	}
}

/* Rangeslider */
.range-slider {
	margin: 0;
}

.range-slider {
	width: 100%;
}

.range-slider__range {
	-webkit-appearance: none;
	appearance: none;
	width: calc(
		100% -
			(
				24px
			)
	);
	height: 12px;
	border-radius: 8px;
	background: #e1e2e3;
	outline: none;
	padding: 0;
	margin: 0;
	margin-top: 9px;
}

.range-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background
		0.2s
		ease;
	transition: background
		0.2s
		ease;
}

.range-slider__range::-webkit-slider-thumb:hover {
	background: #ec7c16;
}

.range-slider__range:active::-webkit-slider-thumb {
	background: #ec7c16;
}

.range-slider__range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background
		0.15s
		ease-in-out;
	transition: background
		0.15s
		ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
	background: #ec7c16;
}

.range-slider__range:active::-moz-range-thumb {
	background: #ec7c16;
}

.range-slider__value {
	display: inline-block;
	color: #01305c;
	background: #f3f4f5;
	padding: 6px
		12px;
	border: 0;
}

.range-slider__range::-ms-track {
	color: #e1e2e3;
}

::-moz-range-track {
	background: #d7dcdf;
	border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0;
}

/* Widgets */
.widget-body {
	display: block;
	width: 100%;
}

.widget-body:after {
	clear: both;
}

.widget-body
	h4 {
	margin-bottom: 1.5rem;
}

.widget-body
	.dropdown-header
	h4 {
	margin: 0;
}

.widget-gauge {
	display: inline-block;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	vertical-align: top;
}

.widget-gauge-4 {
	width: 33%;
}

.widget-gauge-6 {
	width: 50%;
}

.widget-gauge-12 {
	width: 100%;
}

.widget-gauge-6:nth-child(
	odd
) {
	padding-left: 0;
	padding-right: 1.5rem;
}

.widget-gauge-6:nth-child(
	even
) {
	padding-left: 1.5rem;
	padding-right: 0;
}

.widget-type {
	margin: 0
		24px;
}

.widget-body
	.widget-gauge:last-child {
	margin-bottom: -4rem;
}

.modal-widget-header {
	margin-top: 1.5rem;
	padding-bottom: 44px;
	border-bottom: 1px
		solid
		#e3e4e8;
}

.modal-widget-header
	.form-group {
	margin: 0;
}

.modal-widget-body {
	padding-top: 48px;
	padding-bottom: 28px;
}

.widget-modal-button {
	position: relative;
	display: block;
	padding: 16px
		24px;
	border: 1px
		solid
		#e3e4e8;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.widget-modal-button.choose {
	color: #838488;
}

.widget-modal-button
	.arrow {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(
		-50%
	);
}

.modal-widget-type {
	position: relative;
}

.widget-modal-select {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
	z-index: 2;
}

.widget-modal-select
	[class*="col-"] {
	padding: 0;
}

.widget-modal-option {
	display: block;
	padding: 24px
		0;
	text-align: center;
}

.widget-modal-option:hover {
	background: #f3f4f6;
}

.widget-modal-option
	i {
	display: block;
	margin-bottom: 4px;
	font-size: 2rem;
	color: #728cb5;
}

.widget-modal-option
	h4 {
	font-size: 0.8rem;
	color: #535458;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.widget-modal-block {
	display: block;
}

.widget-modal-block
	input[type="checkbox"],
.widget-modal-block
	input[type="radio"] {
	height: 24px;
	vertical-align: middle;
	margin: 0;
	margin-right: 12px;
}

.widget-modal-block:first-child {
	margin-top: 15px;
}

.widget-modal-block
	label {
	display: initial;
	max-width: initial;
	margin: 0;
	font-weight: normal;
}

.widget-modal-inline {
	display: inline-block;
	width: auto;
	padding-top: 15px;
	margin-right: 24px;
}

.widget-modal-inline
	input[type="checkbox"],
.widget-modal-inline
	input[type="radio"] {
	margin: 0;
	margin-right: 12px;
}

.widget-modal-inline:last-child {
	margin-right: 0;
}

.modal-widget-body
	.chooseMap
	i {
	font-size: 18px;
}

.widget-modal-map {
	width: 100%;
	height: 100%;
}

.inputWidgetRow
	.row {
	position: relative;
	margin-top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-top: 1px
		solid
		#e3e4e8;
	border-bottom: 1px
		solid
		#e3e4e8;
}

/* Select */
.select {
	position: relative;
	display: block;
	height: 3rem;
	padding: 0
		20px;
	border-bottom: 1px
		solid
		#e3e4e8;
}

.select
	> a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #939498;
	overflow: hidden;
}

.select
	> a.choose {
	color: #535458;
}

.select
	> a
	> span.title {
	display: block;
	width: 100%;
	white-space: nowrap;
}

.select
	> a
	> span.arrow {
	position: absolute;
	height: 3rem;
	right: 0;
	top: 0;
	background: #fff;
	border-bottom: 1px
		solid
		#e3e4e8;
}

.select
	.options {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 480px;
	background: #fff;
	box-shadow: 0
		1px
		15px
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
	z-index: 2;
	overflow-y: auto;
}

.select
	.options {
	padding: 0;
}

.select
	.options
	> a {
	display: block;
	width: 100%;
	padding: 8px
		24px;
	color: #535458;
}

.select
	.options
	> a:hover {
	background: #f3f4f5;
}

.select
	.options
	> a.active {
	background: #f3f4f5;
	color: #337ab7;
}

/* Gauge */
.pimm-gauge {
	position: relative;
	width: 100%;
	margin: 0
		auto;
	overflow: hidden;
	background: #fff;
	transform: translate3d(
		0,
		0,
		0
	);
}

.pimm-gauge:after {
	content: "";
	display: block;
	padding-top: 50%;
}

.pimm-gauge
	.window {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 10%;
}

.pimm-gauge
	.window:after {
	content: "";
	display: block;
	padding-top: 50%;
}

.pimm-gauge
	.canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: #e3e4e8;
	border-radius: 50%;
	overflow: hidden;
}

.pimm-gauge
	.block {
	position: absolute;
	bottom: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	border: 0.2rem
		solid
		#fff;
	transform: translateX(
			-50%
		)
		rotate(
			0deg
		);
	transform-origin: bottom
		center;
}

.pimm-gauge
	.canvas
	.block:first-child {
	border: none;
}

.pimm-gauge
	.block.less {
	transform: translateX(
			-50%
		)
		rotate(
			0deg
		);
	background: #d9534f;
}

.pimm-gauge
	.block.min {
	transform: translateX(
			-50%
		)
		rotate(
			25deg
		);
	background: #f0ad4e;
}

.pimm-gauge
	.block.ok {
	transform: translateX(
			-50%
		)
		rotate(
			45deg
		);
	background: #5cb85c;
}

.pimm-gauge
	.block.max {
	transform: translateX(
			-50%
		)
		rotate(
			135deg
		);
	background: #f0ad4e;
}

.pimm-gauge
	.block.more {
	transform: translateX(
			-50%
		)
		rotate(
			170deg
		);
	background: #d9534f;
}

.pimm-gauge
	.wheel {
	position: absolute;
	bottom: -50%;
	left: 50%;
	width: 50%;
	height: 100%;
	transform: translateX(
		-50%
	);
	border-radius: 50%;
	background: #fff;
}

.pimm-gauge
	.needle {
	position: absolute;
	bottom: 50%;
	left: -25%;
	width: 75%;
	height: 6%;
	background: #031d36;
	border-bottom-left-radius: 100%;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 100%;
	border-top-right-radius: 5px;
	transform-origin: 100%
		4px;
	transform: rotate(
		55deg
	);
	box-shadow: 0
		1px
		12px
		1px
		rgba(
			83,
			84,
			85,
			0.8
		);
}

.pimm-gauge
	.point {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50%;
	transform: translate(
		-50%,
		50%
	);
	border-radius: 50%;
	background: #fff;
}

.pimm-gauge
	.point:after {
	content: "";
	display: block;
	padding-top: 100%;
}

.pimm-gauge
	.number {
	position: absolute;
	bottom: 50%;
	left: 50%;
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: bold;
	text-align: center;
	transform: translateX(
		-50%
	);
}

.pimm-gauge
	.number
	span {
	display: block;
	font-size: 0.9rem;
	font-weight: normal;
	opacity: 0.6;
}

.pimm-gauge
	.legend {
	position: absolute;
	width: 100%;
	height: 8px;
	text-align: center;
	bottom: 50%;
	left: -50%;
	font-size: 0.7rem;
	line-height: 100%;
	opacity: 0.6;
	transform-origin: 100%
		4px;
}

.pimm-gauge
	.legend
	p {
	position: relative;
	top: -50%;
	left: 10px;
	width: 12px;
	height: 12px;
	transform: rotate(
			-90deg
		)
		translate(
			25%,
			-50%
		);
	margin: 0;
	transform-origin: bottom
		center;
	overflow: visible;
}

.pimm-gauge
	.legend
	p
	span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(
		-50%,
		-50%
	);
}

@media (min-width: 1492px) {
	.pimm-gauge {
		max-width: 15rem;
	}
}

/*Map*/
.map {
	width: 100%;
}

.map:after {
	content: "";
	display: block;
	padding-top: 56%;
}

.leaflet-container {
	z-index: 1;
}

/* Margins / Paddings */
.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}

.pt0 {
	padding-top: 0px;
}

.mt0 {
	margin-top: 0;
}

.mt32 {
	margin-top: 2rem;
}

.mt16 {
	margin-top: 16px !important;
}

.mt24 {
	margin-top: 24px !important;
}

.mt48 {
	margin-top: 48px;
}

.mb0 {
	margin-bottom: 0;
}

.mb4 {
	margin-bottom: 0.4rem;
}

.mb8 {
	margin-bottom: 8px;
}

.mb12 {
	margin-bottom: 0.8rem;
}

.mb16 {
	margin-bottom: 1rem;
}

.mb24 {
	margin-bottom: 1.5rem;
}

.mb32 {
	margin-bottom: 2rem;
}

.mb48 {
	margin-bottom: 3rem;
}

.mb64 {
	margin-bottom: 4rem;
}

.mr0 {
	margin-right: 0;
}

.mt-sm-48 {
	margin-top: 48px;
}

.mb-sm-8 {
	margin-bottom: 8px;
}

.mb-sm-16 {
	margin-bottom: 16px;
}

.mb-sm-32 {
	margin-bottom: 32px;
}

.mb-sm-48 {
	margin-bottom: 48px;
}

.mb-sm-64 {
	margin-bottom: 64px !important;
}

.ml1 {
	margin-left: 1rem;
}

.pt-sm-0 {
	padding-top: 0px;
}

.pt-sm-10 {
	padding-top: 10px;
}

.pt-sm-12 {
	padding-top: 12px;
}

.pt-sm-24 {
	padding-top: 24px;
}

.pt-sm-32 {
	padding-top: 32px;
}

.pt-sm-64 {
	padding-top: 64px;
}

.p-sm-0 {
	padding-top: 0px;
	padding-bottom: 0;
}

.pb4 {
	padding-bottom: 0.4rem;
}

.pb16 {
	padding-bottom: 1rem;
}

.pr0 {
	padding-right: 0;
}

.pr07 {
	padding-right: 0.7rem;
}

.pl0 {
	padding-left: 0;
}

.pl07 {
	padding-left: 0.7rem;
}

.ptb1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.ptb2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.mt-sm-2 {
	margin-top: 0;
}

@media (max-width: 767px) {
	.p-sm-0 {
		padding-top: 32px;
		padding-bottom: 24px;
	}

	.mt-sm-2 {
		margin-top: 2rem;
	}
}

#noscript {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #01305c;
	color: #fff;
	z-index: 999;
}

#noscript
	> div {
	position: absolute;
	width: 75%;
	left: 50%;
	top: 50%;
	transform: translate(
		-50%,
		-50%
	);
	text-align: center;
}

#noscript
	h1 {
	margin-bottom: 2rem;
	font-size: 48px;
	font-weight: 100;
	color: #ec7c16;
}

#noscript
	p {
	font-size: 2rem;
	color: #fff;
}

.table-pimm {
	width: 100%;
}

.table-pimm
	thead
	th,
.table-pimm
	tbody
	th
	.ui-table-cell-label,
.table-pimm
	tbody
	td
	.ui-table-cell-label {
	margin: 0;
	text-transform: uppercase;
	opacity: 0.6;
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
	min-width: 48%;
	vertical-align: top;
}

.table-pimm
	tbody
	td
	.ui-table-cell-label.middle {
	vertical-align: middle;
}

.table-pimm.top
	> tbody
	> tr
	> td {
	vertical-align: top;
}

.table-pimm
	> thead
	> tr
	> th {
	font-weight: bold;
	color: #818288;
	padding: 1rem
		0.8rem
		1rem
		1rem;
	border-bottom: 1px
		solid
		#ebedf2;
	border-right: 1px
		solid
		#ebedf2;
	background: #f3f4f6;
	outline: none;
	opacity: 1;
	letter-spacing: 0;
	text-transform: none;
	font-size: 0.8rem;
}

.table-pimm
	> tbody
	> tr
	> td {
	position: relative;
	padding: 1rem
		1.2rem;
	border-top: 1px
		solid
		#f3f4f6;
}

.table-pimm
	> tbody
	> tr
	> td.pr0 {
	padding-right: 0;
}

.table-pimm
	> tbody
	> tr
	> td.plr0 {
	padding-left: 0;
	padding-right: 0;
}

.table-pimm
	> tbody
	> tr
	> td.right {
	text-align: right;
}

.table-pimm
	> tbody
	> tr
	> td
	> p {
	margin: 0;
}

.table-pimm
	> tbody
	> tr
	> td
	span.unit {
	font-size: 0.8rem;
	color: #838488;
}

.table-pimm.table-pimm-small-grid
	> thead
	> tr
	> th {
	padding: 0.4rem
		1rem;
}

.table-pimm.table-pimm-small-grid
	td {
	border: 1px
		solid
		#f3f4f8;
}

.table-pimm.table-pimm-small-grid
	tr
	> td:first-child {
	border-left: 0;
}

.table-pimm.table-pimm-small-grid
	tr
	> td:last-child {
	border-right: 0;
}

.table-pimm.table-pimm-small-grid
	.form-group {
	margin: 0;
}

.table-pimm.table-pimm-small-grid
	input {
	padding: 0.4rem
		0.6rem;
	height: auto;
}

.table-pimm.table-pimm-small-grid
	input::placeholder {
	font-size: 0.9rem;
}

.table-pimm-small-grid-label {
	width: 100%;
	padding: 0;
}

.table-pimm-small-grid-label
	> input {
	width: 70% !important;
	padding: 0;
}

.table-pimm-small-grid-label
	> label {
	width: 20% !important;
	padding: 0 !important;
	margin-left: 0.5rem;
	margin-top: 0.3rem;
	color: #818288;
}

.formCalibration.form-horizontal
	input[type="text"].disabled {
	background: #eee;
}

@media (max-width: 991px) {
	.table-pimm
		thead
		th {
		display: none;
	}

	.table-pimm
		tbody
		th {
		margin-top: 0;
		text-align: left;
	}

	.table-pimm
		tbody
		th,
	.table-pimm
		tbody
		td.title {
		display: block;
		background-color: #fff;
		color: #535458;
	}

	.table-pimm
		tbody
		th
		.ui-table-cell-label,
	.table-pimm
		tbody
		td.title
		.ui-table-cell-label {
		display: none;
	}

	.table-pimm
		tbody
		td.title {
		margin-top: 0;
		padding-top: 36px;
	}

	.table-pimm
		tbody
		td
		p {
		display: inline-block;
		max-width: 60%;
	}

	.table-pimm
		tbody
		td
		div.wrapper {
		display: inline-block;
		max-width: 50%;
	}

	.table-pimm
		th,
	.table-pimm
		td,
	.table-pimm
		> tbody
		> tr
		> td {
		border-top: 0;
	}

	.table-pimm
		td
		.ui-table-cell-label,
	.table-pimm
		th
		.ui-table-cell-label {
		min-width: 48%;
		display: inline-block;
	}

	.table-pimm
		> tbody
		> tr {
		border-bottom: 1px
			solid
			#e1e2e3;
	}

	.table-pimm
		> tbody
		> tr.live {
		border: 0;
	}

	.table-pimm
		> tbody
		> tr
		> td {
		padding: 0.4rem
			1.2rem;
	}

	.table-pimm
		> tbody
		> tr
		> td:first-child {
		padding-top: 2rem;
	}

	.table-pimm
		> tbody
		> tr
		> td.title {
		padding-top: 48px;
	}

	.table-pimm
		> tbody
		> tr
		> td.right {
		text-align: left;
	}

	.table-pimm
		> tbody
		> tr
		> td:last-child {
		padding-bottom: 1rem;
	}

	.table-pimm
		> tbody
		> tr:first-child
		> td:first-child {
		padding-top: 1rem;
	}

	.table-pimm
		td,
	.table-pimm
		th {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}

	.table-pimm
		> tbody
		> tr
		> td.text-right {
		text-align: left;
	}

	.table-pimm
		.list-aligned {
		position: relative;
		display: inline-block;
		top: -8px;
		left: -8px;
		right: auto;
		text-align: left;
	}

	.table-pimm
		tr
		td.graph
		.pimm-row {
		padding: 16px
			0;
	}

	.table-pimm
		tr
		td.graph
		.pimm-col-8 {
		width: 100%;
		margin-left: -16px;
	}

	.table-pimm
		tr
		td.graph
		.pimm-col-4 {
		width: 100%;
	}

	.table-pimm
		tr
		td.title {
		padding-top: 48px;
	}

	.table-pimm.bootstrapped
		> tbody
		> tr
		> td {
		width: 100%;
		display: block;
	}

	.table-pimm-narrow
		.list-aligned {
		margin-bottom: -8px;
	}

	.table-pimm.table-pimm-narrow
		> tbody
		> tr
		> td {
		padding: 0.6rem
			0.4rem;
	}

	.table-pimm.table-pimm-narrow
		tbody
		td
		.ui-table-cell-label {
		min-width: 35%;
		font-size: 0.7rem;
		line-height: 1.2rem;
		letter-spacing: 0.1rem;
	}

	.table-pimm-narrow
		> tbody
		> tr
		> td:last-child {
		padding-bottom: 3rem;
	}

	.table-pimm-narrow
		> tbody
		> tr
		> td:first-child {
		padding-top: 4rem;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td {
		padding: 1rem
			1.2rem;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td:nth-child(
			odd
		) {
		background: #f3f4f8;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td:first-child {
		border-top: 3rem
			solid
			#fff;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td:last-child {
		border-bottom: 3rem
			solid
			#fff;
	}

	/*.table-pimm.table-values > tbody > tr > td.td-graph-no-data { padding:0; }*/
	.table-pimm.table-values
		> tbody
		> tr
		> td.title {
		background: transparent;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td.title
		a {
		font-size: 1rem;
	}

	.table-pimm.table-values
		.form-horizontal
		input[type="text"],
	.table-pimm.table-values
		.form-horizontal
		input[type="password"] {
		height: auto;
		padding: 0.4rem
			1rem;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td
		button {
		width: auto;
		height: auto;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td
		button
		i {
		position: relative;
	}

	.table-pimm.table-values
		> tbody
		> tr
		> td
		.list-with-graph {
		display: inline-block;
		transform: none;
	}

	.table-pimm
		tbody
		td
		.dropdown-menu
		p {
		display: inline-block;
		max-width: 100%;
	}

	.table-pimm-responsive
		ul.list-pimm-responsive {
		display: inline-block;
		text-align: left;
		margin-top: -0.6rem;
	}

	.table-pimm-responsive
		> tbody
		> tr:first-child
		> td {
		border-top: 0 !important;
	}
}

@media (min-width: 991px) {
	.table-pimm
		td,
	.table-pimm
		th,
	.table-pimm
		tbody
		th,
	.table-pimm
		tbody
		td,
	.table-pimm
		thead
		td,
	.table-pimm
		thead
		th {
		display: table-cell;
		margin: 0;
	}

	/* Hide the labels in each cell */
	.table-pimm
		td
		.ui-table-cell-label,
	.table-pimm
		th
		.ui-table-cell-label {
		display: none;
	}
}

@media (min-width: 1492px) {
	.table-pimm
		> thead
		> tr
		> th {
		font-weight: bold;
		color: #818288;
		padding: 1rem
			1rem
			1rem
			1.8rem;
		border-bottom: 1px
			solid
			#ebedf2;
		border-right: 1px
			solid
			#ebedf2;
		background: #f3f4f6;
		outline: none;
		opacity: 1;
		letter-spacing: 0;
		text-transform: none;
		font-size: 1rem;
		white-space: nowrap;
	}

	.table-pimm
		> tbody
		> tr
		> td {
		font-size: 1rem;
		padding: 1rem
			1.2rem;
		border-top: 1px
			solid
			#f3f4f6;
	}
}

.pimm-striped
	> tbody
	> tr
	> td {
	border-bottom: 0;
	border-top: 0;
}

.pimm-striped
	> tbody
	> tr {
	border-bottom: 0;
	border-top: 0;
}

.pimm-striped
	tr:nth-child(
		odd
	) {
	background: #f8f9fc;
}

.announcements {
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto !important;
	z-index: 999;
}

.announcements
	.announcement {
	padding: 2rem
		1rem;
	padding-top: 2rem;
	border-top: 1px
		solid
		#f3f4f8;
	background: #fff;
}

.announcements
	.announcement:first-child {
	padding: 2rem
		1rem;
	border: 0;
	box-shadow: 0
		1px
		1rem
		1px
		rgba(
			113,
			106,
			202,
			0.2
		);
}