/* TODO: Prune rules not by the local WebUI */

#index_mac {
	display: none;
}

.logo_skin {
	background-image: url(/assets/digi_logo.png);
	background-size: cover;
	width: 100px;
	height: 32px;
}

#app-loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
}

.app-loading {
	left: 50%;
	margin-left: -4em;
	font-size: 10px;
	border: .8em solid rgba(218, 219, 223, 1);
	border-left:
		.8em solid rgba(132, 195, 97, 1);
	animation: test-spin 1.1s infinite linear;
}

.app-loading,
.app-loading:after {
	border-radius: 50%;
	width: 8em;
	height: 8em;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4.05em;
}

@keyframes test-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform:
			rotate(360deg);
	}
}

.findme-led {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-bottom: -0.1em;
	background-color: #00B6FF;
	border-radius: 50%;
	transform: scale(0.5) translate(15px, 10px);
}

.findme-flash {
	animation: findme-flash 1s infinite;
}

@keyframes findme-flash {
	24% { opacity: 1; }
	25% { opacity: 0; }
	74% { opacity: 0; }
	75% { opacity: 1; }
}

.dialog-body {
	box-sizing: border-box;
	position: relative;
	background: white;
	padding: 20px;
	color: #333;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	position: absolute;
	margin-bottom: 20px;
	width: auto;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	min-width: 300px;
	top: 100px;
}

.dialog-bg {
	opacity: 0.85;
	position: absolute;
	background-color: rgb(24, 39, 56);
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	transition: opacity 0.3s ease 0s;
	cursor: pointer;
}

.dialog-cover {
	opacity: 1;
	overflow-y: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	transition: opacity 0.3s ease 0s;
	cursor: pointer;
}

.dialog-container {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 5;
}

.dialog-title {
	margin-bottom: 30px;
}

.dialog-title h3 {
	display: inline;
	font-size: 1.5em;
}

.dialog-title input {
	float: right;
}

.dialog-buttons input {
	float: right;
	margin-left: 20px;
}

.toast-title {
	font-weight: 700
}

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word
}

.toast-message a,
.toast-message label {
	color: #fff
}

.toast-message a:hover {
	color: #ccc;
	text-decoration: none
}

.toast-close-button {
	position: relative;
	right: -.3em;
	top: -.3em;
	float: right;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: .8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80)
}

.toast-close-button:focus,
.toast-close-button:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40)
}

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%
}

.toast-top-left {
	top: 12px;
	left: 12px
}

.toast-top-right {
	top: 12px;
	right: 12px
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px
}

#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none
}

#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#toast-container>div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999;
	-webkit-box-shadow: 0 0 12px #999;
	box-shadow: 0 0 12px #999;
	color: #fff;
	/*opacity: .8;*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80)
}

#toast-container>:hover {
	-moz-box-shadow: 0 0 12px #000;
	-webkit-box-shadow: 0 0 12px #000;
	box-shadow: 0 0 12px #000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	/* cursor: pointer */
}

#toast-container>.toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

#toast-container>.toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
	width: 300px;
	margin-left: auto;
	margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
	width: 96%;
	margin-left: auto;
	margin-right: auto
}

.toast {
	background-color: #030303
}

.toast-success {
	background-color: #51a351
}

.toast-error {
	background-color: #bd362f
}

.toast-info {
	background-color: #2f96b4
}

.toast-warning {
	background-color: #f89406
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000;
	opacity: .4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40)
}

@media (max-width:240px) {
	#toast-container>div {
		padding: 8px 8px 8px 50px;
		width: 11em
	}

	#toast-container .toast-close-button {
		right: -.2em;
		top: -.2em
	}
}

@media (min-width:241px) and (max-width:480px) {
	#toast-container>div {
		padding: 8px 8px 8px 50px;
		width: 18em
	}

	#toast-container .toast-close-button {
		right: -.2em;
		top: -.2em
	}
}

@media (min-width:481px) and (max-width:768px) {
	#toast-container>div {
		padding: 15px 15px 15px 50px;
		width: 25em
	}
}

.tabs {
	margin-bottom: 20px;
}
.tabs .tab {
	border: none;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px;
}
.tabs .tab.active {
	border: 1px solid #f2f2f2;
	border-bottom: none;
	color: #84c361;
}
.tabs .tab:hover {
	color: #84c361;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

@font-face {
	font-family: Source Sans Pro;
	font-weight: 400;
	font-style: normal;
	src: local("Source Sans Pro"), local("Source-Sans-Pro-regular"),
		url(Source-Sans-Pro-regular.woff2) format("woff2")
}

@font-face {
	font-family: Source Sans Pro;
	font-weight: 600;
	font-style: normal;
	src: local("Source Sans Pro Semibold"), local("Source-Sans-Pro-600"),
		url(Source-Sans-Pro-600.woff2) format("woff2")
}

@font-face {
	font-family: Source Sans Pro;
	font-weight: 400;
	font-style: italic;
	src: local("Source Sans Pro Italic"), local("Source-Sans-Pro-italic"),
		url(Source-Sans-Pro-italic.woff2) format("woff2")
}

@font-face {
	font-family: fontawesome-urma;
	src: url(fontawesome-urma.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

[data-icon]:before {
	content: attr(data-icon)
}

[class*="fau-"]:before,
[class^=fau-]:before,
[data-icon]:before {
	font-family: fontawesome-urma !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fau-cellular:before {
	content: "\e003"
}

.fau-ethernet:before {
	content: "\e000"
}

.fau-ethernet-o:before {
	content: "\e001"
}

.fau-network-boxes:before {
	content: "\e006"
}

.fau-lan:before {
	content: "\e004"
}

.fau-openvpn:before {
	content: "\e007"
}

.fau-computers-network-interface-symbol:before {
	content: "\e005"
}

.fau-network-squares:before {
	content: "\e00b"
}

.fau-serial:before {
	content: "\e008"
}

.fau-vpn:before {
	content: "\e009"
}

.fau-vpn-amazon:before {
	content: "\e00a"
}

.fau-vpn-key:before {
	content: "\e00c"
}

.fau-xbee:before {
	content: "\e00d"
}

.expander .expander-trigger {
	border-bottom: 1px solid #ddd;
	color: #477dca
}

[type=button],
[type=reset],
[type=submit],
button {
	appearance: none;
	background-color: #00b7ff;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	line-height: 1;
	padding: .75em 1em;
	text-decoration: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}

[type=button]:focus,
[type=button]:hover,
[type=reset]:focus,
[type=reset]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
	background-color: #0080b3;
	color: #fff
}

[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
	cursor: not-allowed;
	opacity: .5
}

fieldset {
	background-color: #f7f6f6;
	border: 1px solid #ddd;
	margin: 0 0 .75em;
	padding: 1.5em
}

input,
label,
select {
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-size: 14px
}

label {
	margin-bottom: .375em
}

label.required:after {
	content: "*"
}

label abbr {
	display: none
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
select[multiple=multiple],
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
	box-sizing: border-box;
	display: block;
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: .75em;
	padding: .5em;
	transition: border-color;
	width: 100%
}

[type=color]:hover,
[type=date]:hover,
[type=datetime-local]:hover,
[type=datetime]:hover,
[type=email]:hover,
[type=month]:hover,
[type=number]:hover,
[type=password]:hover,
[type=search]:hover,
[type=tel]:hover,
[type=text]:hover,
[type=time]:hover,
[type=url]:hover,
[type=week]:hover,
input:not([type]):hover,
select[multiple=multiple]:hover,
textarea:hover {
	border-color: #c4c3c3
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
select[multiple=multiple]:focus,
textarea:focus {
	border-color: #00b7ff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(0, 165, 230, .7);
	outline: none
}

[type=color]:disabled,
[type=date]:disabled,
[type=datetime-local]:disabled,
[type=datetime]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
input:not([type]):disabled,
select[multiple=multiple]:disabled,
textarea:disabled {
	background-color: #f0f0f0;
	cursor: not-allowed
}

[type=color]:disabled:hover,
[type=date]:disabled:hover,
[type=datetime-local]:disabled:hover,
[type=datetime]:disabled:hover,
[type=email]:disabled:hover,
[type=month]:disabled:hover,
[type=number]:disabled:hover,
[type=password]:disabled:hover,
[type=search]:disabled:hover,
[type=tel]:disabled:hover,
[type=text]:disabled:hover,
[type=time]:disabled:hover,
[type=url]:disabled:hover,
[type=week]:disabled:hover,
input:not([type]):disabled:hover,
select[multiple=multiple]:disabled:hover,
textarea:disabled:hover {
	border: 1px solid #ddd
}

textarea {
	resize: vertical
}

input[type=search] {
	appearance: none
}

input[type=checkbox],
input[type=radio] {
	display: inline;
	margin-right: .375em
}

input[type=file] {
	padding-bottom: .75em;
	width: 100%
}

select {
	margin-bottom: 1.5em;
	max-width: 100%;
	width: auto
}

table {
	border-collapse: collapse;
	font-feature-settings: "kern", "liga", "tnum";
	margin: .75em 0;
	table-layout: fixed;
	width: 100%
}

th {
	border-bottom: 1px solid #b7b7b7;
	font-weight: 600;
	text-align: left
}

td,
th {
	padding: .75em 0
}

td {
	border-bottom: 1px solid #ddd
}

td,
th,
tr {
	vertical-align: middle
}

body {
	color: #333;
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-feature-settings: "kern", "liga", "pnum";
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 .75em
}

p {
	margin: 0 0 .75em
}

a {
	text-decoration: none;
	transition: color .1s linear
}

a:active,
a:focus,
a:hover {
	color: #0080b3
}

a:active,
a:focus {
	outline: none
}

hr {
	border: none;
	border-bottom: 1px solid #ddd;
	margin: 1.5em 0
}

img,
picture {
	margin: 0;
	max-width: 100%
}

.flash-alert {
	background-color: #ffedcc;
	color: #996300;
	border: 1px solid #ffd280;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	line-height: 1em
}

.flash-alert a {
	color: #b37400;
	text-decoration: underline;
	font-weight: 700
}

.flash-alert a:focus,
.flash-alert a:hover {
	color: #664200
}

.flash-error {
	background-color: #fadbd8;
	color: #a82315;
	border: 1px solid #f3a69e;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	line-height: 1em
}

.flash-error a {
	color: #a2352a;
	text-decoration: underline;
	font-weight: 700
}

.flash-error a:focus,
.flash-error a:hover {
	color: #5c1e18
}

.flash-notice {
	background-color: #ccf1ff;
	color: #006e99;
	border: 1px solid #80dbff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	line-height: 1em
}

.flash-notice a {
	color: #0080b3;
	text-decoration: underline;
	font-weight: 700
}

.flash-notice a:focus,
.flash-notice a:hover {
	color: #004966
}

.flash-success {
	background-color: #e6f3df;
	color: #538a34;
	border: 1px solid #c2e1b0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	line-height: 1em
}

.flash-success a {
	color: #5c8944;
	text-decoration: underline;
	font-weight: 700
}

.flash-success a:focus,
.flash-success a:hover {
	color: #354e27
}

.expander .expander-trigger {
	border-bottom: 1px solid #f2f2f2;
	color: #00b7ff;
	cursor: pointer;
	font-size: 1em;
	text-decoration: none;
	user-select: none
}

.expander .expander-trigger:before {
	content: "\25BC";
	font-size: .7em;
	margin-right: .5em
}

.expander .expander-hidden:before {
	content: "\25BA"
}

.expander .expander-hidden+.expander-content {
	display: none
}

h1 {
	color: #333;
	font-size: 2.5em
}

h2 {
	color: #84c361;
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0;
	font-size: 2em
}

h3,
h4,
h5,
table th,
title {
	color: #333;
	font-weight: 600
}

h3 {
	font-size: 1.2em
}

h4,
h5,
table th,
title {
	font-size: 1em
}

h5 {
	margin-bottom: 2.5px
}

h6 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0
}

a {
	cursor: pointer;
	color: #00b7ff
}

a:hover {
	color: #00a4e5;
	transition: all 1s ease;
	text-decoration: none
}

label {
	color: #646466;
	font-size: 1.1em
}

.bold,
label {
	font-weight: 600
}

span.neutral {
	color: #646466
}

input.error {
	color: #e74c3c;
	white-space: normal
}

.success {
	color: #84c361
}

.animate-show {
	opacity: 1
}

.animate-show.ng-enter,
.animate-show.ng-hide-add,
.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove,
.animate-show.ng-hide-remove.ng-hide-remove-active,
.animate-show.ng-leave,
.animate-switch.ng-enter,
.animate-switch.ng-hide-add,
.animate-switch.ng-hide-add.ng-hide-add-active,
.animate-switch.ng-hide-remove,
.animate-switch.ng-hide-remove.ng-hide-remove-active,
.animate-switch.ng-leave,
.animate.ng-enter,
.animate.ng-hide-add,
.animate.ng-hide-add.ng-hide-add-active,
.animate.ng-hide-remove,
.animate.ng-hide-remove.ng-hide-remove-active,
.animate.ng-leave {
	transition: all 1s ease;
	overflow: hidden;
	display: inline-block
}

.animate-show.ng-enter,
.animate-show.ng-leave,
.animate-switch.ng-enter,
.animate-switch.ng-leave,
.animate.ng-enter,
.animate.ng-leave {
	width: 100%
}

.animate-show.ng-enter,
.animate-show.ng-hide,
.animate-show.ng-leave.ng-leave-active,
.animate-switch.ng-enter,
.animate-switch.ng-hide,
.animate-switch.ng-leave.ng-leave-active,
.animate.ng-enter,
.animate.ng-hide,
.animate.ng-leave.ng-leave-active {
	opacity: 0
}

.animate-show.ng-enter.ng-enter-active,
.animate-show.ng-leave,
.animate-switch.ng-enter.ng-enter-active,
.animate-switch.ng-leave,
.animate.ng-enter.ng-enter-active,
.animate.ng-leave {
	opacity: 1
}

.animate-show.dc-hide-replace.ng-hide-add-active,
.animate-show.ng-leave,
.animate-show.ng-leave-active,
.animate-switch.dc-hide-replace.ng-hide-add-active,
.animate-switch.ng-leave,
.animate-switch.ng-leave-active,
.animate.dc-hide-replace.ng-hide-add-active,
.animate.ng-leave,
.animate.ng-leave-active {
	height: 0
}

@keyframes spin {
	0% {
		transform: scale(1) rotate(0deg)
	}

	to {
		transform: scale(1) rotate(1turn)
	}
}

@-webkit-keyframes spin {
	0% {
		transform: scale(1) rotate(0deg)
	}

	to {
		transform: scale(1) rotate(1turn)
	}
}

body {
	margin: 0;
	background: #f2f2f2
}

.test-wrapper {
	background: #fff
}

.float-right {
	float: right
}

.float-left {
	float: left
}

.hidden {
	visibility: hidden
}

.hide {
	display: none;
}

.indent {
	margin-left: 10px
}

.margin-bottom {
	margin-bottom: 10px
}

.margin-top {
	margin-top: 10px
}

.center {
	text-align: center
}

.info-message {
	color: #00b7ff
}

.warning-message {
	color: orange
}

.error-message {
	color: #e74c3c
}

.success-message {
	color: #84c361
}

.space-left:before,
.space-right:after {
	content: "";
	white-space: pre
}

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

button {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	border-radius: 0;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	background-image: none
}

button a,
button a:focus,
button a:hover {
	color: #fff
}

button:hover {
	background-color: #00a4e5;
	color: #fff;
	transition: all 1s ease
}

button:focus {
	box-shadow: none;
	color: #fff
}

button.button-main-menu {
	background: none;
	border-color: none;
	color: #00b7ff
}

button.button-main-menu:hover {
	background: none;
	border-color: none;
	color: #00a4e5;
	transition: all 1s ease
}

button.btn-gray {
	background: #646466;
	border-color: transparent;
	color: #fff
}

button.btn-gray:hover {
	background: #4b4b4c;
	border-color: transparent;
	color: #fff;
	transition: all 1s ease
}

button[disabled] {
	opacity: .2
}

button[disabled] a {
	pointer-events: none
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
select[multiple=multiple],
textarea {
	border-radius: 0;
	border: 1px solid #d9d9d9;
	box-shadow: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
select[multiple=multiple]:focus,
textarea:focus {
	box-shadow: none
}

td.append-units {
	padding-left: 5px
}

td.append-units.form-input {
	padding-left: 0
}

select {
	height: 34px
}

select:not([multiple]) {
	padding-right: 20px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	background-color: #fff
}

select:not([multiple]):disabled {
	background-color: #f2f2f2;
	cursor: not-allowed;
	text-decoration: none
}

select::-ms-expand {
	display: none
}

select {
	margin-bottom: .75em;
	border-radius: 0;
	overflow: hidden;
	padding: 5px 32px 5px 10px;
	border: 1px solid #d9d9d9;
	color: #646466;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select-box {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.select-box:after {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	padding: 5px 6px 0;
	width: 22px;
	border: 1px solid #d9d9d9;
	content: "\f0dc";
	font-family: FontAwesome;
	color: #646466;
	pointer-events: none;
	background: #fff
}

label {
	margin-bottom: 0
}

.form-control.input-error,
input[type].input-error {
	border: 1px solid #e74c3c
}

textarea {
	resize: none
}

.radio-label:hover {
	cursor: pointer
}

.Select-menu-outer {
	z-index: 1000 !important
}

.has-error .validation-message {
	color: #e74c3c;
	white-space: normal
}

.has-error .form-control,
.has-error .form-control:focus {
	border: 1px solid #e74c3c;
	border-left-width: 3px
}

.error-show .has-error span.validation-message {
	display: block
}

.error-hide .has-error span.validation-message {
	display: none
}

.form-label label,
.split-column-uneven label {
	color: grey;
	font-weight: 600;
	font-size: 14px
}

.row.selected {
	border: 1px solid #84c361;
	border-left-width: 5px;
	background-color: #e6f3df
}

td {
	border: none;
	padding: 0 0 10px
}

td.form-label {
	width: 40%;
	padding-right: 0;
	vertical-align: initial
}

@media screen and (min-width:650px) {
	td.form-label {
		padding-right: 10px
	}
}

td.form-input.append-units {
	width: 45%
}

td.append-units {
	width: 15%
}

td.split-column-label {
	width: 42%
}

.group {
	margin-bottom: 20px;
	margin-top: 10px;
	border-bottom: 1px solid #f2f2f2
}

.toggle-group {
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease
}

.toggle-group.open {
	max-height: 999px
}

.toggle-link i {
	margin-left: 10px
}

.footer-wrapper,
.header-wrapper,
.page-container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px
}

.footer-wrapper:after,
.header-wrapper:after,
.page-container:after {
	clear: both;
	content: "";
	display: block
}

.page-header {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.page-header:after {
	clear: both;
	content: "";
	display: block
}

.row {
	margin-bottom: 5px
}

.row:after {
	clear: both;
	content: "";
	display: block
}

.row-wrapper {
	margin-bottom: 10px
}

.half-column {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 48.8211739883%
}

.half-column:last-child {
	margin-right: 0
}

.input-group-addon {
	line-height: 3
}

.split-column-uneven {
	position: relative
}

.split-column-uneven:first-child {
	color: grey;
	font-weight: 600
}

.split-column-uneven:nth-child(2n) .Select,
.split-column-uneven:nth-child(2n) input,
.split-column-uneven:nth-child(2n) select,
.split-column-uneven:nth-child(2n) textarea {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .Select:last-child,
.split-column-uneven:nth-child(2n) input:last-child,
.split-column-uneven:nth-child(2n) select:last-child,
.split-column-uneven:nth-child(2n) textarea:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {

	.split-column-uneven:nth-child(2n) .Select,
	.split-column-uneven:nth-child(2n) input,
	.split-column-uneven:nth-child(2n) select,
	.split-column-uneven:nth-child(2n) textarea {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 74.1053339349%
	}

	.split-column-uneven:nth-child(2n) .Select:last-child,
	.split-column-uneven:nth-child(2n) input:last-child,
	.split-column-uneven:nth-child(2n) select:last-child,
	.split-column-uneven:nth-child(2n) textarea:last-child {
		margin-right: 0
	}

	.split-column-uneven:nth-child(2n) .Select.input-full,
	.split-column-uneven:nth-child(2n) .Select.select-full,
	.split-column-uneven:nth-child(2n) input.input-full,
	.split-column-uneven:nth-child(2n) input.select-full,
	.split-column-uneven:nth-child(2n) select.input-full,
	.split-column-uneven:nth-child(2n) select.select-full,
	.split-column-uneven:nth-child(2n) textarea.input-full,
	.split-column-uneven:nth-child(2n) textarea.select-full {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 87.0526669675%
	}

	.split-column-uneven:nth-child(2n) .Select.input-full:last-child,
	.split-column-uneven:nth-child(2n) .Select.select-full:last-child,
	.split-column-uneven:nth-child(2n) input.input-full:last-child,
	.split-column-uneven:nth-child(2n) input.select-full:last-child,
	.split-column-uneven:nth-child(2n) select.input-full:last-child,
	.split-column-uneven:nth-child(2n) select.select-full:last-child,
	.split-column-uneven:nth-child(2n) textarea.input-full:last-child,
	.split-column-uneven:nth-child(2n) textarea.select-full:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:1000px) {
	.split-column-uneven:nth-child(2n) .input-group .form-control {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 74.1053339349%
	}

	.split-column-uneven:nth-child(2n) .input-group .form-control:last-child {
		margin-right: 0
	}

	.split-column-uneven:nth-child(2n) .input-group .input-group-addon {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 22.3160018048%
	}

	.split-column-uneven:nth-child(2n) .input-group .input-group-addon:last-child {
		margin-right: 0
	}
}

.split-column-uneven:nth-child(2n) .validation-message {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 100%
}

.split-column-uneven:nth-child(2n) .validation-message:last-child {
	margin-right: 0
}

.responsive-br {
	display: none
}

@media screen and (min-width:1000px) {
	.responsive-br {
		display: inline
	}
}

.panel {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px
}

.panel:after {
	clear: both;
	content: "";
	display: block
}

.panel:last-child {
	margin-right: 0
}

.panel-content:after {
	clear: both;
	content: "";
	display: block
}

.panel-xbee {
	border: 1px solid #d9d9d9;
	background: #fff;
	border-radius: 2px;
	position: absolute;
	margin-bottom: 10px;
	padding: 0px;
}

.panel-xbee-info {
	margin-right: 1.0%;
	width: 27.0%;
	height: 320px;
	top: 0px;
	left: 0px;

}

.panel-xbee-actions {
	margin-right: 1.0%;
	width: 27.0%;
	height: 220px;
	top: 330px;
	left: 0px;
}

.panel-xbee-network {
	margin-right: 0px;
	margin-left: 28.0%;
	width: 72.0%;
	height: 550px;
	top: 0px;
}

.panel-xbee-container {
	padding: 10px;
}

.xbee-header {
	width: 100%;
	height: 25px;
	color: #f2f2f2;
	background: #333;
	text-align: center;
	font-weight: bold;
	padding-top: 2px;
}

.xbee-modules-header {
	width: 100%;
	height: 25px;
	background-color: #d2d2d2;
	position: relative;
	border-style: none;
	border-color: black;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 0px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

.xbee-module-field {
	float: left;
	width: 25%;
	position: relative;
	height: 25px;
	text-align: left;
}

.xbee-module-field-ni {
	width: 25%;
}

.xbee-module-field-role {
	width: 7%;
}

.xbee-module-field-mac {
	width: 20%;
}

.xbee-module-field-16 {
	width: 10%;
}

.xbee-module-field-hw {
	width: 10%;
}

.xbee-module-field-fw {
	width: 10%;
}

.xbee-module-field-details {
	width: 18%;
}

.xbee-module-field-value {
	top: 0px;
	left: 0px;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: black;
}

.xbee-module-row {
	background-color: white;
}

.xbee-module-role-container {
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
}

.xbee-module-role-router {
	top: 0px;
	left: 0px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom-color: #37781e;
	position: absolute;
	top: -12px;
}

.xbee-module-role-router:after {
	content: '';
	position: absolute;
	left: -12px;
	top: 12px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #37781e;
}

.xbee-module-role-coordinator {
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background: #ad342b;
	position: absolute;
}

.xbee-module-role-end-device {
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background: #233c7a;
	position: absolute;
	border-radius: 50%
}

.xbee-module-role-unknown {
	top: 2px;
	left: 2px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #c59a0d;
	position: absolute;
}

.xbee-module-role-value {
	top: 1px;
	left: 5px;
	color: white;
	font-weight: bold;
	position: inherit;
	padding-left: 3px;
}

.xbee-local-device-container {
	height: 25px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.xbee-devices-container {
	height: 420px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

.xbee-status-bar {
	height: 30px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.xbee-status-icon {
	font-size: 25px !important;
	top: 0px;
	margin-top: 0px;
	left:0px;
	margin-left: 10px;
	float: left;
	position: relative;
}

.xbee-app-loading {
	font-size: 3px !important;
	border-width: 5px;
}

.xbee-status-text {
	margin-left: 5px;
	float: left;
	font-size: 16px;
}

.xbee-module-entry {
	width: 100%;
	height: 60px;
	background-color: white;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.xbee-module-info-panel {
	float: left;
	width: 30%;
	position: relative;
	height: 60px;
}

.xbee-module-info-panel-type {
	width: 32%;
}

.xbee-module-info-panel-address {
	width: 39%;
}

.xbee-module-info-panel-version {
	width: 29%;
}

.xbee-module-values-container {
	width: 50%;
	float: left;
	position: relative;
	padding-top: 5px;
}

.xbee-module-values-container-address-params {
	width: 42%;
}

.xbee-module-values-container-address-values {
	width: 58%;
}

.xbee-module-values-container-version-params {
	width: 70%;
}

.xbee-module-values-container-version-values {
	width: 30%;
}

.xbee-module-param {
	top: 0px;
	left: 0px;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xbee-module-param-param {
	color: gray;
	font-weight: bold;
}

.xbee-module-param-value {
	color: black;
}

.xbee-node-id {
	top: 0px;
	left: 0px;
	font-weight: bold;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.xbee-role-container {
	top: 0px;
	left: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

.xbee-role {
	background-color: #c59a0d;
	color: white;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xbee-role-coordinator {
	background-color: #ad342b;
}

.xbee-role-router {
	background-color: #37781e;
}

.xbee-role-end-device {
	background-color: #233c7a;
}

.xbee-network-buttons-container {
	margin-top: 10px;
	position: relative;
	text-align: center;
	width: 100%;
}

.xbee-network-button-container {
	display: inline-block;
	position: relative;
	text-align: center;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 18px;
	background: #646466;
	color: white;
	width: 80%;
}

.xbee-network-button-container:hover {
	background: #4b4b4c;
	border-color: transparent;
	color: #fff;
	transition: all 1s ease
}

.xbee-network-button-icon {
	width: 20%;
	text-align: center;
	float: left;
}

.xbee-network-button-text {
	width: 80%;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xbee-profiles-container {
	border-style: solid;
	border-color: #d9d9d9;
	border-width: 1px;
	height: 510px;
	overflow-x: hidden;
	overflow-y: auto;
}

.xbee-profiles-header {
	width: 100%;
	height: 40px;
	background: #333;
}

.xbee-profiles-header-text {
	float: left;
	text-align: left;
	color: #f2f2f2;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding-top: 8px;
	padding-left: 10px;
}

.xbee-profiles-header-button-container {
	display: inline-block;
	position: relative;
	text-align: center;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 7px;
	padding-bottom: 4px;
	font-size: 18px;
	background: #333;
	color: white;
	float: right;
	height: 40px;
}

.xbee-profiles-header-button-container:hover {
	background: #ccc;
	color: black;
}

.xbee-profiles-header-button-icon {
	text-align: center;
	float: left;
}

.xbee-profiles-header-button-text {
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 7px;
}

.xbee-profiles-empty-container {
	height: 30px;
	width: 100%;
	padding: 0px;
	margin: 5px;
	position: absolute;
	font-size: 16px;
}

.xbee-profile {
	width: 100%;
	height: 45px;
	background-color: white;
	border-style: solid;
	border-color: #333;
	border-width: 1px;
	border-top: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.xbee-profile-info-container {
	float: left;
	height: 45px;
	flex-basis: 25%;
	flex-shrink: 0;
	max-width: 25%;
}

.xbee-profile-protocol-container {
	width: 25%;
	float: left;
	height: 45px;
	text-align: center;
}

.xbee-profile-protocol {
	background: #d49310;
	padding: 1px;
	margin: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.xbee-profile-protocol:before {
	content: "?";
}

.xbee-profile-protocol-zigbee {
	background: #136ac3;
}

.xbee-profile-protocol-zigbee:before {
	content: "ZB";
}

.xbee-profile-protocol-digimesh {
	background: #136ac3;
}

.xbee-profile-protocol-digimesh:before {
	content: "DM";
}

.xbee-profile-protocol-802 {
	background: #136ac3;
}

.xbee-profile-protocol-802:before {
	content: "802";
}

.xbee-profile-protocol-p2mp {
	background: #136ac3;
}

.xbee-profile-protocol-p2mp:before {
	content: "P2MP";
}

.xbee-profile-info-details-container {
	width: 75%;
	float: left;
	height: 45px;
}

.xbee-profile-info-labels {
	width: 35%;
	float: left;
	margin-top: 5px;
}

.xbee-profile-info-label {
	color: black;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 5px;
	font-size: 12px;
}

.xbee-profile-info-values {
	width: 25%;
	float: left;
	margin-top: 5px;
}

.xbee-profile-info-value {
	color: black;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 5px;
	font-size: 12px;
}

.xbee-profile-contents-container {
	width: 40%;
	float: left;
	height: 45px;
	text-align: center;
}

.xbee-profile-contents-icons-container {
	min-width: 100%;
	position: relative;
	height: 25px;
}

.xbee-profile-contents-icon {
	color: #c3c3c3;
	width: 33%;
	position: relative;
	height: 25px;
	float: left;
	text-align: center;
}

.xbee-profile-text-container {
	float: left;
	height: 45px;
	margin-left: 5px;
	flex-basis: 65%;
	max-width: 65%;
}

.xbee-profile-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: black;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}

.xbee-profile-description {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: black;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: -3px;
}

.xbee-profile-buttons-container {
	min-width: 85px;
	float: right;
	height: 45px;
	flex-basis: 85px;
	flex-shrink: 0;
}

.xbee-profile-button {
	float: left;
	height: 35px;
	width: 35px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	background: white;
	color: black;
}

.xbee-profile-button-disabled {
	cursor: default;
}

.xbee-profile-button:not(.xbee-profile-button-disabled):hover {
	color: white;
	background: #333;
}

.xbee-update-tasks-header {
	width: 100%;
	height: 30px;
	background: #333;
}

.xbee-update-tasks-header-button-container {
	display: inline-block;
	position: relative;
	text-align: center;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 3px;
	font-size: 16px;
	background: #333;
	color: white;
	float: right;
	height: 30px;
}

.xbee-update-tasks-header-button-container:hover {
	background: #ccc;
	color: black;
}

.xbee-update-tasks-header-button-icon {
	text-align: center;
	float: left;
}

.xbee-update-tasks-header-button-text {
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 7px;
}

.xbee-update-tasks-header-text {
	float: left;
	text-align: left;
	color: #f2f2f2;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
}

.xbee-update-tasks-fields {
	width: 100%;
	height: 25px;
	background-color: #d2d2d2;
	position: relative;
	border-style: none;
	border-color: black;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.xbee-update-task-field {
	float: left;
	position: relative;
	height: 25px;
	text-align: left;
}

.xbee-update-task-field-remove {
	flex-basis: 3%;
	flex-shrink: 0;
	max-width: 3%;
	margin-left: 5px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	background: white;
	color: black;
}

.xbee-update-task-field-remove-header {
	flex-basis: 3%;
	flex-shrink: 0;
	max-width: 3%;
}

.xbee-update-task-field-remove:hover {
	color: white;
	background: #333;
}

.xbee-update-task-field-mac {
	flex-basis: 15%;
	flex-shrink: 0;
	max-width: 15%;
}

.xbee-update-task-field-ni {
	flex-basis: 20%;
	flex-shrink: 0;
	max-width: 20%;
}

.xbee-update-task-field-role {
	flex-basis: 7%;
	flex-shrink: 0;
	max-width: 7%;
}

.xbee-update-task-field-target {
	flex-basis: 18%;
	flex-shrink: 0;
	max-width: 18%;
}

.xbee-update-task-field-status {
	flex-basis: 40%;
	max-width: 40%;
}

.xbee-update-task-field-value {
	top: 0px;
	left: 0px;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: black;
}

.xbee-update-tasks-container {
	border-style: solid;
	border-color: #d9d9d9;
	border-width: 1px;
	height: 510px;
	overflow-x: hidden;
	overflow-y: auto;
}

.xbee-update-tasks-empty-container {
	height: 510px;
	width: 100%;
	padding: 5px;
	margin: 0px;
	position: absolute;
	font-size: 16px;
}

.xbee-update-tasks-loading-icon {
	width: 50%;
	margin: 0px;
	margin: 0 auto;
}

.xbee-update-tasks-help-container {
	width: 50%;
	padding: 20px;
	margin: 0 auto;
	margin-top: 80px;
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #646466;
	background-color: #fbfbfb;
}

.xbee-update-tasks-help-text {
	width: 100%;
	padding: 5px;
	margin: 0px;
	position: relative;
	font-size: 16px;
	color: #646466;
	margin-left: 10px;
}

.xbee-update-tasks-help-button {
	margin-left: 10px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #ffffff;
	color: #646466;
	margin: 10px;
	margin-left: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #646466;
}

.xbee-update-tasks-button {
	margin-left: 10px;
	display: inline-block;
	float: right;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #646466;
	color: white;
}

.xbee-update-tasks-button-icon {
	float: left;
	text-align: center;
	font-size: 20px;
	margin-left: 5px;
}

.xbee-update-tasks-button-text {
	float: right;
	text-align: center;
	font-size: 18px;
	color: white;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 8px;
}

.xbee-update-tasks-button-disabled {
	background: #ccc;
	pointer-events: none;
}

.xbee-update-tasks-button:hover {
	background: #4b4b4c;
	border-color: transparent;
	color: #fff;
	transition: all 1s ease
}

.xbee-update-tasks-status-container {
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

.xbee-update-task-status-text {
	position: absolute;
	width: 100%;
	text-align: center;
	color: black;
	z-index: 99;
	margin-top: -27px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 10px;
}

.xbee-update-progress-bar {
	background-color: #f3f3f3;
	height: 23px;
	width: 100%;
	border-radius: 5px;
}

.xbee-update-progress-bar span {
	display: inline-block;
	height: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	transition: width .4s ease-in-out;
	position: relative;
}

.xbee-update-progress-bar-blue span {
	background-color: #6fcbe0;
}

.xbee-update-progress-bar-red span {
	background-color: #fda3a3;
	background-image: linear-gradient(top, #fecf23, #fd9215);
}

.xbee-update-progress-bar-green span {
	background-color: #a5df41;
	background-image: linear-gradient(top, #a5df41, #4ca916);
}

.xbee-update-progress-bar-light-blue span {
	background-color: #ceddf5;
}

.xbee-update-progress-bar-shine span::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	border-radius: 3px;
	animation: xbee-update-progress-bar-animate-shine 2s ease-out infinite;
}

@keyframes xbee-update-progress-bar-animate-shine {
	0% {
		opacity: 0;
		width: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 0;
		width: 95%;
	}
}

.indeterminate-progress-bar {
	width: 100%;
	height: 12px;
	border: 1px solid #bbb;
	position: relative;
	overflow: hidden;
	background: #E6E6E6;
	margin-top: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	border-radius: 0 1px 1px 0;
}

.indeterminate-progress-bar:after {
	content: " ";
	display: block;
	width: 120px;
	top: -50%;
	height: 250%;
	position: absolute;
	animation: indeterminate-fill 2s linear infinite;
	-webkit-animation: indeterminate-fill 2s linear infinite;
	z-index: 2;
	background: #00b7ff;
}

@-webkit-keyframes indeterminate-fill {
	from {
		left: -120px;
	}
	to {
		left: 100%;
	}
}

@-moz-keyframes indeterminate-fill {
	from {
		left: -120px;
	}
	to {
		left: 100%;
	}
}

@-o-keyframes indeterminate-fill {
	from {
		left: -120px;
	}
	to {
		left: 100%;
	}
}

@keyframes indeterminate-fill {
	from {
		left: -120px;
	}
	to {
		left: 100%;
	}
}

.checkbox-container {
	display: block;
	position: relative;
	cursor: pointer;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox-checkmark {
	height: 20px;
	width: 20px;
	background-color: #eee;
	float: left;
}

.checkbox-container:hover input ~ .checkbox-checkmark {
	background-color: #ccc;
}

.checkbox-container input:checked ~ .checkbox-checkmark {
	background-color: #2196F3;
}

.checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input:checked ~ .checkbox-checkmark:after {
	display: block;
}

.checkbox-text {
	float: left;
	padding-left: 5px;
	color: #333;
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
	font-feature-settings: "kern", "liga", "pnum";
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

.checkbox-container .checkbox-checkmark:after {
	left: 6px;
	top: 3px;
	width: 8px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (min-width:650px) {
	.panel-content {
		height: 320px;
		overflow-y: auto
	}

	.panel-narrow {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.panel-narrow:last-child,
	.panel-narrow:nth-child(2n) {
		margin-right: 0
	}

	.panel-narrow:last-child {
		margin-right: 2.3576520234%
	}

	.panel-narrow.omega {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.panel-wide {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.panel-wide:last-child {
		margin-right: 0
	}

	.panel-narrow {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 23.2317609825%
	}

	.panel-narrow:last-child {
		margin-right: 0
	}

	.panel-narrow:nth-child(2n) {
		margin-right: 2.3576520234%
	}

	.panel-narrow:nth-child(even+1) {
		clear: none
	}

	.panel-narrow:last-child {
		margin-right: 2.3576520234%
	}

	.panel-narrow.omega {
		margin-right: 0
	}
}

.panel {
	border: 1px solid #d9d9d9;
	background: #fff;
	border-radius: 2px
}

.logo-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%;
	margin-top: 10px
}

.logo-wrapper:last-child {
	margin-right: 0
}

.logo-wrapper a {
	display: block;
	float: left
}

.box .button-logout {
	float: right
}

.focused,
.focused .nav-icon-label {
	color: #84c361
}

@media screen and (min-width:650px) {
	.logo-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 14.7019566472%
	}

	.logo-wrapper:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.logo-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 14.7019566472%
	}

	.logo-wrapper:last-child {
		margin-right: 0
	}
}

.page-header {
	clear: both
}

.logo-wrapper {
	text-align: center
}

.page-header {
	background: #333
}

.page-title {
	color: #f2f2f2;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 700
}

.progress-bar-wrapper {
	border-radius: 4px
}

.progress-bar {
	max-width: 100% !important;
	height: 10px;
	background-color: #84c361;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	border-radius: 0 1px 1px 0;
	-webkit-transition: width .4s, background-color .4s;
	transition: width .4s, background-color .4s
}

.progress-bar.error {
	background-color: #e74c3c;
}

.progress-bar.success {
	background-color: #00b7ff
}

.loader,
.loader:after,
.loader:before {
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s ease-in-out infinite;
	animation: load7 1.8s ease-in-out infinite
}

.loader {
	color: #84c361;
	font-size: 10px;
	margin: 0 auto 40px;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.loader:after {
	left: 3.5em
}

.loader:after,
.loader:before {
	content: "";
	position: absolute;
	top: 0
}

@-webkit-keyframes load7 {

	0%,
	80%,
	to {
		box-shadow: 0 2.5em 0 -1.3em
	}

	40% {
		box-shadow: 0 2.5em 0 0
	}
}

@keyframes load7 {

	0%,
	80%,
	to {
		box-shadow: 0 2.5em 0 -1.3em
	}

	40% {
		box-shadow: 0 2.5em 0 0
	}
}

.countdown-timer {
	text-align: center
}

.countdown-timer p {
	margin-bottom: 0
}

.accordion-container {
	margin-right: 0
}

.accordion-buttons,
.accordion-container,
.accordion-header-text-wrapper .accordion-buttons-wrapper,
.accordion-title,
.accordion-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.accordion-buttons:last-child,
.accordion-container:last-child,
.accordion-header-text-wrapper .accordion-buttons-wrapper:last-child,
.accordion-title:last-child,
.accordion-wrapper:last-child {
	margin-right: 0
}

.accordion-container:after,
.accordion-header:after,
.accordion-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.accordion-wrapper {
	padding: 10px;
	margin-bottom: 10px
}

.accordion-help {
	display: none
}

.accordion-header-text,
.accordion-icon,
.accordion-status {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

.accordion-header-text {
	min-width: 75px
}

@media screen and (min-width:650px) {
	.accordion-header-text {
		min-width: 120px
	}
}

@media screen and (min-width:1000px) {
	.accordion-header-text {
		min-width: 200px
	}
}

.accordion-icon {
	width: 22px
}

.accordion-buttons {
	margin-top: 0;
	width: auto;
	float: right
}

@media screen and (min-width:650px) {
	.accordion-buttons {
		margin-top: 10px
	}
}

.accordion-buttons span {
	margin-right: 5px
}

.accordion-help-button {
	margin-right: 0;
	float: right
}

.accordion-help-button img {
	height: 30px
}

@media screen and (min-width:650px) {
	.accordion-header-text-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.accordion-header-text-wrapper:last-child {
		margin-right: 0
	}

	.accordion-buttons-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.accordion-buttons-wrapper:last-child {
		margin-right: 0
	}

	.accordion-buttons {
		width: auto;
		float: right;
		margin-top: 0
	}
}

@media screen and (min-width:1000px) {
	.accordion-title {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 6.1721523119%;
		padding-top: 10px
	}

	.accordion-title:last-child {
		margin-right: 0
	}

	.accordion-title h4 {
		float: right
	}

	.accordion-wrapper-after-title {
		float: left;
		display: block;
		width: 82.9403913294%;
		margin-right: 0
	}

	.accordion-wrapper-after-title:last-child {
		margin-right: 0
	}

	.accordion-help-button {
		display: none
	}

	.open-accordion.accordion-wrapper {
		float: left;
		display: block;
		width: 82.9403913294%;
		margin-right: 0
	}

	.open-accordion.accordion-wrapper:last-child {
		margin-right: 0
	}

	.open-accordion.accordion-wrapper-after-title {
		float: left;
		display: block;
		width: 82.9403913294%;
		margin-right: 0
	}

	.open-accordion.accordion-wrapper-after-title:last-child {
		margin-right: 0
	}

	.open-accordion~.accordion-help {
		float: left;
		margin-right: 2.3576520234%;
		width: 6.1721523119%;
		display: block
	}

	.open-accordion~.accordion-help:last-child {
		margin-right: 0
	}
}

.accordion-content {
	display: none;
	margin-top: 10px;
	padding-top: 10px
}

.accordion-content .row {
	margin-bottom: 3.3333333333px
}

.accordion-content select {
	padding: 3.3333333333px;
	float: left;
	display: block;
	margin: 0 2.3576520234% 0 0;
	width: 100%
}

.accordion-content select:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.accordion-content select {
		width: auto
	}
}

.accordion-content li {
	margin-bottom: 10px;
	padding: 3.3333333333px
}

.open-accordion .accordion-content {
	display: block
}

.accordion-column-half,
.accordion-column-third,
.accordion-column-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.accordion-column-half:last-child,
.accordion-column-third:last-child,
.accordion-column-wrapper:last-child {
	margin-right: 0
}

.accordion-column-half,
.accordion-column-wide {
	margin-bottom: 10px
}

.accordion-column-rows-wrapper {
	padding-left: 20px
}

@media screen and (min-width:650px) {
	.accordion-column-uneven {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.accordion-column-uneven:last-child {
		margin-right: 0
	}

	.accordion-column-uneven .accordion-column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.accordion-column-uneven .accordion-column-half:last-child,
	.accordion-column-uneven .accordion-column-half:nth-child(2n) {
		margin-right: 0
	}

	.accordion-column-uneven .subcolumn {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.accordion-column-uneven .subcolumn:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {

	.accordion-column-half,
	.accordion-column-third {
		margin-bottom: 0
	}

	.accordion-column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.accordion-column-half:last-child,
	.accordion-column-half:nth-child(2n) {
		margin-right: 0
	}

	.accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	.accordion-column-third:last-child,
	.accordion-column-third:nth-child(3n+1) {
		margin-right: 0
	}

	.accordion-column-twothirds {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%
	}

	.accordion-column-twothirds:last-child {
		margin-right: 0
	}

	.accordion-column-uneven {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%
	}

	.accordion-column-uneven:last-child {
		margin-right: 0
	}

	.accordion-column-uneven:nth-child(2n) {
		float: left;
		display: block;
		width: 31.7615653177%;
		margin-right: 0
	}

	.accordion-column-uneven:nth-child(2n):last-child {
		margin-right: 0
	}

	.accordion-column-uneven:nth-child(2n) .subcolumn {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.accordion-column-uneven:nth-child(2n) .subcolumn:last-child {
		margin-right: 0
	}
}

.accordion-wrapper {
	background: #fff;
	border: 1px solid #d9d9d9
}

.accordion-wrapper.open-accordion {
	border: 1px solid #84c361
}

.accordion-wrapper.open-accordion .accordion-header-text-wrapper a {
	color: #84c361
}

.accordion-header-text-wrapper {
	font-weight: 700;
	font-size: 15px
}

.accordion-header-text-wrapper a.expander-trigger {
	border-bottom: none
}

.accordion-content {
	border-top: 1px solid #f2f2f2
}

.accordion-content h5.sub-label {
	display: inline-block;
	margin-bottom: 0
}

.accordion-content li {
	border: 1px solid transparent;
	border-left-width: 5px
}

.accordion-content li.radio-active {
	border: 1px solid #84c361;
	border-left-width: 5px;
	position: relative
}

.accordion-content li.radio-active:after {
	content: "";
	display: block;
	width: 3px;
	background: #a0de7e;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px
}

.accordion-icon {
	color: #333
}

.icon-inline,
.network-icon,
.status-icon,
.value-inline {
	display: inline-block;
	vertical-align: middle
}

.value-aligned-large-icon,
.value-aligned-small-icon {
	display: block
}

.value-aligned-small-icon {
	margin-left: 25px
}

.value-aligned-large-icon {
	margin-left: 35px
}

.status-icon {
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.status-icon .hidden {
	visibility: hidden
}

.network-icon {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	text-align: center;
	color: #333
}

.name-inline {
	font-weight: 600
}

.data-expander-container {
	margin-right: 0
}

.data-expander-container:after {
	clear: both;
	content: "";
	display: block
}

.data-expander-container,
.data-expander-header-text-wrapper,
.data-expander-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.data-expander-container:last-child,
.data-expander-header-text-wrapper:last-child,
.data-expander-wrapper:last-child {
	margin-right: 0
}

.data-expander-container:after,
.data-expander-header:after,
.data-expander-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.data-expander-wrapper {
	margin-bottom: 10px
}

.data-expander-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.data-expander-header {
	padding: 10px
}

.data-expander-header-text {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	min-width: 75px
}

@media screen and (min-width:650px) {
	.data-expander-header-text {
		min-width: 120px
	}
}

@media screen and (min-width:1000px) {
	.data-expander-header-text {
		min-width: 200px
	}
}

@media screen and (min-width:650px) {
	.data-expander-header-text-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.data-expander-header-text-wrapper:last-child {
		margin-right: 0
	}
}

.data-expander-content {
	display: none;
	margin-top: 10px;
	padding: 10px
}

.data-expander-content .row {
	margin-bottom: 3.3333333333px
}

.data-expander-content select {
	padding: 3.3333333333px;
	float: left;
	display: block;
	margin: 0 2.3576520234% 0 0;
	width: 100%
}

.data-expander-content select:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.data-expander-content select {
		width: auto
	}
}

.data-expander-content li {
	margin-bottom: 10px;
	padding: 3.3333333333px
}

.open-data-expander>.data-expander-content {
	display: block
}

.data-expander-wrapper {
	background: #fff;
	border: 1px solid #d9d9d9
}

.data-expander-wrapper.accordion-mode {
	border-radius: 4px
}

.data-expander-header.accordion-mode {
	background: #f2f2f2
}

.open-data-expander>.data-expander-header {
	border-bottom: 1px solid #d9d9d9
}

.data-expander-header-text-wrapper {
	font-weight: 700;
	white-space: nowrap
}

.data-expander-header-text-wrapper a.expander-trigger {
	border-bottom: none
}

.data-expander-content li {
	border: 1px solid transparent;
	border-left-width: 5px
}

.data-expander-content li.radio-active {
	border: 1px solid #84c361;
	border-left-width: 5px;
	position: relative
}

.data-expander-content li.radio-active:after {
	content: "";
	display: block;
	width: 3px;
	background: #a0de7e;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px
}

.Select,
.Select div,
.Select input,
.Select span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.Select {
	position: relative
}

.Select.is-disabled>.Select-control {
	background-color: #f9f9f9
}

.Select.is-disabled>.Select-control:hover {
	box-shadow: none
}

.Select.is-disabled .Select-arrow-zone {
	cursor: default;
	pointer-events: none;
	opacity: .35
}

.Select-control {
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #333;
	cursor: default;
	display: table;
	border-spacing: 0;
	border-collapse: separate;
	height: 36px;
	outline: none;
	overflow: hidden;
	width: 100%
}

.Select-control:hover {
	box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.Select-control .Select-input:focus {
	outline: none
}

.is-searchable.is-open>.Select-control {
	cursor: text
}

.is-open>.Select-control {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #fff;
	border-color: #b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control>.Select-arrow {
	border-color: transparent transparent #999;
	border-width: 0 5px 5px
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
	cursor: text
}

.is-focused:not(.is-open)>.Select-control {
	border-color: #007eff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1)
}

.Select--single>.Select-control .Select-value,
.Select-placeholder {
	bottom: 0;
	color: #aaa;
	left: 0;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	right: 0;
	top: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,
.has-value.Select--single>.Select-control .Select-value .Select-value-label {
	color: #333
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label {
	cursor: pointer;
	text-decoration: none
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover {
	color: #007eff;
	outline: none;
	text-decoration: underline
}

.Select-input {
	height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle
}

.Select-input>input {
	width: 100%;
	background: none transparent;
	border: 0;
	box-shadow: none;
	cursor: default;
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	outline: none;
	line-height: 14px;
	padding: 8px 0 12px;
	-webkit-appearance: none
}

.is-focused .Select-input>input {
	cursor: text
}

.has-value.is-pseudo-focused .Select-input {
	opacity: 0
}

.Select-control:not(.is-searchable)>.Select-input {
	outline: none
}

.Select-loading-zone {
	cursor: pointer;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 16px
}

.Select-loading {
	-webkit-animation: Select-animation-spin .4s linear infinite;
	-o-animation: Select-animation-spin .4s infinite linear;
	animation: Select-animation-spin .4s linear infinite;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #ccc;
	border-right-color: #333;
	display: inline-block;
	vertical-align: middle
}

.Select-clear-zone {
	-webkit-animation: Select-animation-fadeIn .2s;
	-o-animation: Select-animation-fadeIn .2s;
	animation: Select-animation-fadeIn .2s;
	color: #999;
	cursor: pointer;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 17px
}

.Select-clear-zone:hover {
	color: #d0021b
}

.Select-clear {
	display: inline-block;
	font-size: 18px;
	line-height: 1
}

.Select--multi .Select-clear-zone {
	width: 17px
}

.Select-arrow-zone {
	cursor: pointer;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 25px;
	padding-right: 5px
}

.Select-arrow {
	border-color: #999 transparent transparent;
	border-style: solid;
	border-width: 5px 5px 2.5px;
	display: inline-block;
	height: 0;
	width: 0
}

.is-open .Select-arrow,
.Select-arrow-zone:hover>.Select-arrow {
	border-top-color: #666
}

.Select--multi .Select-multi-value-wrapper {
	display: inline-block
}

.Select .Select-aria-only {
	display: inline-block;
	height: 1px;
	width: 1px;
	margin: -1px;
	clip: rect(0, 0, 0, 0);
	overflow: hidden
}

@-webkit-keyframes Select-animation-fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes Select-animation-fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.Select-menu-outer {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top-color: #e6e6e6;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
	box-sizing: border-box;
	margin-top: -1px;
	max-height: 200px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1;
	-webkit-overflow-scrolling: touch
}

.Select-menu {
	max-height: 198px;
	overflow-y: auto
}

.Select-option {
	box-sizing: border-box;
	background-color: #fff;
	color: #666;
	cursor: pointer;
	display: block;
	padding: 8px 10px
}

.Select-option:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.Select-option.is-selected {
	background-color: #f5faff;
	background-color: rgba(0, 126, 255, .04);
	color: #333
}

.Select-option.is-focused {
	background-color: #ebf5ff;
	background-color: rgba(0, 126, 255, .08);
	color: #333
}

.Select-option.is-disabled {
	color: #ccc;
	cursor: default
}

.Select-noresults {
	box-sizing: border-box;
	color: #999;
	cursor: default;
	display: block;
	padding: 8px 10px
}

.Select--multi .Select-input {
	vertical-align: middle;
	margin-left: 10px;
	padding: 0
}

.Select--multi.has-value .Select-input {
	margin-left: 5px
}

.Select--multi .Select-value {
	background-color: #ebf5ff;
	background-color: rgba(0, 126, 255, .08);
	border-radius: 2px;
	border: 1px solid #c2e0ff;
	border: 1px solid rgba(0, 126, 255, .24);
	color: #007eff;
	display: inline-block;
	font-size: .9em;
	line-height: 1.4;
	margin-left: 5px;
	margin-top: 5px;
	vertical-align: top
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
	display: inline-block;
	vertical-align: middle
}

.Select--multi .Select-value-label {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	cursor: default;
	padding: 2px 5px;
	white-space: nowrap
}

.Select--multi a.Select-value-label {
	color: #007eff;
	cursor: pointer;
	text-decoration: none
}

.Select--multi a.Select-value-label:hover {
	text-decoration: underline
}

.Select--multi .Select-value-icon {
	cursor: pointer;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	border-right: 1px solid #c2e0ff;
	border-right: 1px solid rgba(0, 126, 255, .24);
	padding: 1px 5px 3px
}

.Select--multi .Select-value-icon:focus,
.Select--multi .Select-value-icon:hover {
	background-color: #d8eafd;
	background-color: rgba(0, 113, 230, .08);
	color: #0071e6
}

.Select--multi .Select-value-icon:active {
	background-color: #c2e0ff;
	background-color: rgba(0, 126, 255, .24)
}

.Select--multi.is-disabled .Select-value {
	background-color: #fcfcfc;
	border: 1px solid #e3e3e3;
	color: #333
}

.Select--multi.is-disabled .Select-value-icon {
	cursor: not-allowed;
	border-right: 1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:active,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:hover {
	background-color: #fcfcfc
}

@keyframes Select-animation-spin {
	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes Select-animation-spin {
	to {
		-webkit-transform: rotate(1turn)
	}
}

.status-indicator {
	color: #d9d9d9
}

.status-green {
	color: #84c361
}

.status-alert {
	color: #e74c3c
}

.tooltip {
	max-width: 250px
}

.tooltip ul {
	margin-left: 20px;
	padding: 0;
	list-style-type: disc
}

.dialog,
.modal-dialog {
	min-width: 300px;
	/*max-width: 500px*/
}

.dialog .dialog-buttons button {
	float: right;
	margin: 10px;
}

.help-tag {
	height: 90px;
	color: #00b7ff;
	text-align: center;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid #d8d8d8;
	border-left: none;
	max-width: 65px
}

.help-box,
.help-tag {
	background: #feffe3;
	padding: 10px
}

.help-box {
	border: 1px solid #d8d8d8;
	display: none
}

.help-box.active {
	display: block
}

.unauthorized .panel-narrow {
	float: left;
	display: block;
	width: 82.9403913294%;
	margin-right: 0
}

.unauthorized .panel-narrow:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.unauthorized .panel-narrow {
		float: left;
		display: block;
		width: 48.8211739883%;
		margin-left: 25.5894130058%;
		margin-right: 0
	}

	.unauthorized .panel-narrow:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.unauthorized .panel-narrow {
		float: left;
		display: block;
		width: 23.2317609825%;
		margin-left: 0;
		margin-right: 0
	}

	.unauthorized .panel-narrow:last-child {
		margin-right: 0
	}
}

.login-panel-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	position: relative;
	z-index: 1
}

.login-panel-wrapper:last-child {
	margin-right: 0
}

.login-panel-wrapper .close-box,
.login-panel-wrapper button {
	float: right
}

.login-panel-wrapper .help-tag {
	float: left;
	display: block;
	width: 14.7019566472%;
	margin-right: 0
}

.login-panel-wrapper .help-tag:last-child {
	margin-right: 0
}

.login-panel-wrapper .help-box {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	position: absolute;
	z-index: 100;
	top: 90px;
	right: 2.3576520234%;
	display: none
}

.login-panel-wrapper .help-box:last-child {
	margin-right: 0
}

.login-panel-wrapper .help-box.active {
	display: block
}

@media screen and (min-width:650px) {
	.login-panel-wrapper .help-box {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%;
		margin-left: 41.7960412429%;
		right: auto;
		display: none
	}

	.login-panel-wrapper .help-box:last-child {
		margin-right: 0
	}

	.login-panel-wrapper .help-box.active {
		display: block
	}
}

@media screen and (min-width:1000px) {
	.login-panel-wrapper {
		float: left;
		display: block;
		margin-right: 0
	}

	.login-panel-wrapper:last-child {
		margin-right: 0
	}

	.login-panel-wrapper .help-tag {
		float: left;
		display: block;
		margin-right: 4.1109185794%;
		width: 10.7620697891%
	}

	.login-panel-wrapper .help-tag:last-child {
		margin-right: 0
	}

	.login-panel-wrapper .help-box {
		float: left;
		display: block;
		margin-right: 4.1109185794%;
		width: 55.3810348945%;
		margin-left: 44.6189651055%;
		right: 4.1109185794%;
		margin-bottom: 10px;
		display: none
	}

	.login-panel-wrapper .help-box:last-child {
		margin-right: 0
	}

	.login-panel-wrapper .help-box.active {
		display: block
	}

	.login-panel-wrapper .panel-narrow {
		float: left;
		display: block;
		width: 40%;
		margin-left: 30%;
		margin-right: 0
	}

	.login-panel-wrapper .panel-narrow:last-child {
		margin-right: 0
	}
}

.label-switch {
	border-radius: 24px;
	cursor: auto;
	display: inline-block;
	height: 24px;
	position: relative;
	width: auto
}

.label-switch input[type=checkbox] {
	display: none
}

.label-switch input[type=checkbox]:disabled+.checkbox {
	float: left;
	background: #e8e8e8;
	border: 0;
	border-radius: 24px;
	cursor: not-allowed;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	transition: all .3s ease;
	width: 38px;
	z-index: 0
}

.label-switch input[type=checkbox]:disabled+.checkbox:before {
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 2px;
	background: #f2f2f2;
	border-radius: 24px;
	content: "";
	height: 20px;
	transform: scale(1);
	transition: all .3s ease;
	width: 34px;
	z-index: 1
}

.label-switch input[type=checkbox]:disabled+.checkbox:after {
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 2px;
	height: 20px;
	width: 20px;
	background: #fff;
	border-radius: 20px;
	box-shadow: none;
	content: "";
	transition: all .3s ease;
	z-index: 2
}

.label-switch input[type=checkbox]+.checkbox {
	float: left;
	background: #e8e8e8;
	border: 0;
	border-radius: 24px;
	cursor: auto;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	transition: all .3s ease;
	width: 38px;
	z-index: 0
}

.label-switch input[type=checkbox]+.checkbox:before {
	border-radius: 24px;
	transform: scale(1);
	width: 34px;
	z-index: 1
}

.label-switch input[type=checkbox]+.checkbox:after,
.label-switch input[type=checkbox]+.checkbox:before {
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 2px;
	background: #fff;
	content: "";
	height: 20px;
	transition: all .3s ease
}

.label-switch input[type=checkbox]+.checkbox:after {
	width: 20px;
	border-radius: 20px;
	box-shadow: 0 2px 5px rgba(51, 51, 51, .4);
	z-index: 2
}

.label-switch input[type=checkbox]:checked:disabled+.checkbox {
	opacity: .45;
	background: #00b7ff
}

.label-switch input[type=checkbox]:checked:disabled+.checkbox:before {
	transform: scale(0)
}

.label-switch input[type=checkbox]:checked:disabled+.checkbox:after {
	left: 16px
}

.label-switch input[type=checkbox]:checked+.checkbox {
	background: #00b7ff
}

.label-switch input[type=checkbox]:checked+.checkbox:before {
	transform: scale(0)
}

.label-switch input[type=checkbox]:checked+.checkbox:after {
	left: 16px
}

.label-switch .switch-label {
	float: left;
	height: 24px;
	width: auto;
	margin-left: 10px
}

.label-switch .switch-label span {
	margin: 2px 0 0;
	color: grey;
	font-weight: 600;
	font-size: 14px
}

.data-grid {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	border: 1px solid #646466
}

.data-grid:last-child {
	margin-right: 0
}

.data-grid .empty {
	padding: 20px
}

.data-grid .empty p {
	text-align: center
}

.data-grid .sticky-header {
	z-index: 4
}

.data-grid .header {
	display: none
}

.data-grid .row {
	padding: 10px 5px;
	margin-bottom: 0
}

.data-grid .col {
	margin-bottom: 5px
}

.data-grid .col:after {
	clear: both;
	content: "";
	display: block
}

.data-grid .col>label {
	float: left;
	width: 40%
}

.data-grid .col>.value {
	float: left;
	width: 60%
}

@media screen and (min-width:650px) {
	.data-grid .col {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.data-grid .col:last-child,
	.data-grid .col:nth-child(2n) {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.data-grid .header {
		display: block
	}

	.data-grid .row {
		padding: 5px
	}

	.data-grid .col {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 6.1721523119%;
		margin-bottom: 0
	}

	.data-grid .col:last-child {
		margin-right: 0
	}

	.data-grid .col:nth-child(2n) {
		margin-right: 2.3576520234%
	}

	.data-grid .col:nth-child(even+1) {
		clear: none
	}

	.data-grid .col>.value,
	.data-grid input.span1,
	.data-grid input.span2,
	.data-grid input.span3,
	.data-grid input.span4,
	.data-grid select.span1,
	.data-grid select.span2,
	.data-grid select.span3,
	.data-grid select.span4 {
		width: 100%
	}

	.data-grid .col>label {
		display: none
	}

	.data-grid .col .value,
	.data-grid .header .col {
		text-overflow: ellipsis
	}

	.data-grid .span1 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 6.1721523119%
	}

	.data-grid .span1:last-child {
		margin-right: 0
	}

	.data-grid .span2 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 14.7019566472%
	}

	.data-grid .span2:last-child {
		margin-right: 0
	}

	.data-grid .span3 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 23.2317609825%
	}

	.data-grid .span3:last-child {
		margin-right: 0
	}

	.data-grid .span4 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	.data-grid .span4:last-child {
		margin-right: 0
	}

	.data-grid .span5 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 40.291369653%
	}

	.data-grid .span5:last-child {
		margin-right: 0
	}

	.data-grid .span6 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.data-grid .span6:last-child {
		margin-right: 0
	}
}

.data-grid .tooltip {
	max-width: 250px
}

.data-grid .tooltip ul {
	margin-left: 20px;
	padding: 0
}

.data-grid .outer-box {
	border: 1px solid #d3d3d3;
	background-color: #fff
}

.data-grid .header {
	background: #d9d9d9;
	cursor: default !important
}

.data-grid .header.sticky {
	border-top: 1px solid #646466
}

.data-grid .row-wrapper:nth-child(odd) {
	background: #f2f2f2
}

.data-grid .row {
	border-top: 1px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent
}

.data-grid .row:hover {
	cursor: pointer
}

.data-grid .row.selected {
	border: 1px solid #84c361;
	border-left-width: 5px
}

.data-grid .row-wrapper {
	position: relative;
	margin: 0
}

.data-grid .row.warning {
	border-right: 5px solid orange
}

@media screen and (min-width:1000px) {
	.data-grid .col.separator {
		border-right: 1px solid #d9d9d9
	}

	.data-grid .header .col.separator {
		border-right: 1px solid #646466
	}
}

.data-grid .alert {
	position: absolute;
	right: -30px;
	top: 10px;
	margin: 0;
	float: right
}

.data-grid .alert:hover {
	cursor: pointer
}

.data-grid .alert.info {
	color: #00b7ff
}

.data-grid .alert.warning {
	color: orange
}

.data-grid .alert.error {
	color: #e74c3c
}

.data-grid .tooltip ul {
	list-style-type: disc
}

.property-page .page-container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px
}

.property-page .page-container:after {
	clear: both;
	content: "";
	display: block
}

.property-page .page-container>.help-tag {
	display: none
}

@media screen and (min-width:1000px) {
	.property-page .page-container>.help-tag {
		margin-right: 2.3576520234%;
		width: 6.1721523119%;
		float: left;
		display: block
	}

	.property-page .page-container>.help-tag:last-child {
		margin-right: 0
	}
}

.property-page .page-header {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.property-page .page-header:after {
	clear: both;
	content: "";
	display: block
}

.property-page .page-header .refresh-time {
	float: right;
	margin-right: 10px
}

.property-page .page-header .refresh-button {
	float: right;
	line-height: 15px;
	margin: 7px 10px 7px 0;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #f2f2f2
}

.property-page .page-header .refresh-button.active,
.property-page .page-header .refresh-button:hover {
	background: #646466;
	color: #d9d9d9;
	border: 1px solid #d9d9d9
}

.property-page .page-outer-box {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0;
	float: none;
	padding: 10px
}

.property-page .page-outer-box:last-child {
	margin-right: 0
}

.property-page .page-outer-box:after {
	clear: both;
	content: "";
	display: block
}

@media screen and (min-width:1000px) {
	.property-page .page-outer-box {
		margin-left: 8.5298043353%;
		float: left;
		display: block;
		width: 82.9403913294%;
		margin-right: 0
	}

	.property-page .page-outer-box:last-child {
		margin-right: 0
	}
}

.property-page .page-outer-box .content {
	margin: 10px
}

.property-page .page-outer-box {
	border: 1px solid #d9d9d9;
	background-color: #fff
}

.sticky-header.sticky>:first-child {
	margin-top: 75px
}

@media only screen and (min-width:1000px) {
	.sticky-header.sticky>:first-child {
		margin-top: 75px
	}
}

.cd-main-header:not(.nav-is-visible) .sticky {
	background: #f2f2f2;
	left: 0 !important
}

.cd-main-header.nav-is-visible {
	transform: translateZ(0);
	will-change: transform
}

.cd-main-content,
.cd-main-header {
	position: relative;
	transition: transform .3s
}

@media only screen and (max-width:999px) {

	.cd-main-content.nav-is-visible,
	.cd-main-header.nav-is-visible {
		transform: translateX(-260px)
	}

	.nav-on-left .cd-main-content.nav-is-visible,
	.nav-on-left .cd-main-header.nav-is-visible {
		transform: translateX(260px)
	}
}

.cd-main-content {
	background: #f2f2f2;
	z-index: 2
}

.cd-main-header {
	background-color: #f2f2f2;
	height: 75px;
	z-index: 3
}

.cd-main-header .header-sticky-wrapper {
	padding: 0 10px
}

.nav-is-fixed .cd-main-header {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%
}

@media only screen and (min-width:1000px) {
	.cd-main-header {
		height: 75px
	}

	.cd-main-header:after {
		clear: both;
		content: "";
		display: block
	}
}

.cd-logo {
	position: absolute;
	top: 12px;
	left: 5%
}

.cd-logo img {
	display: block
}

@media only screen and (max-width:999px) {
	.nav-on-left .cd-logo {
		left: auto;
		right: 5%
	}
}

@media only screen and (min-width:1000px) {
	.cd-logo {
		top: 26px;
		left: 4em
	}
}

.cd-header-buttons {
	position: absolute;
	top: 3px;
	right: 0
}

.cd-header-buttons,
.cd-header-buttons li {
	display: inline-block
}

@media only screen and (min-width:1000px) {
	.cd-header-buttons {
		top: 18px;
		right: 4em
	}
}

.cd-nav-trigger {
	width: 44px;
	height: 44px;
	overflow: hidden;
	top: 0;
	white-space: nowrap;
	color: transparent
}

.cd-nav-trigger,
.login-buttons {
	position: relative;
	display: block;
	z-index: 3
}

.cd-nav-trigger span,
.cd-nav-trigger span:after,
.cd-nav-trigger span:before {
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 24px;
	background: #333
}

.cd-nav-trigger span {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	transition: background .3s .3s
}

.cd-nav-trigger span:after,
.cd-nav-trigger span:before {
	content: "";
	right: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-origin: 0 50%;
	transition: transform .3s .3s
}

.cd-nav-trigger span:before {
	top: -6px
}

.cd-nav-trigger span:after {
	top: 6px
}

.cd-nav-trigger.nav-is-visible span {
	background: rgba(51, 51, 51, 0)
}

.cd-nav-trigger.nav-is-visible span:after,
.cd-nav-trigger.nav-is-visible span:before {
	background: #333
}

.cd-nav-trigger.nav-is-visible span:before {
	transform: translateX(4px) translateY(-3px) rotate(45deg)
}

.cd-nav-trigger.nav-is-visible span:after {
	transform: translateX(4px) translateY(2px) rotate(-45deg)
}

@media only screen and (min-width:1000px) {
	.cd-nav-trigger {
		display: none
	}
}

.cd-primary-nav,
.cd-primary-nav ul {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 260px;
	background: #333;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
	transform: translateZ(0);
	transform: translateX(0);
	transition: transform .3s
}

.cd-primary-nav a,
.cd-primary-nav ul a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #404040;
	transform: translateZ(0);
	will-change: transform, opacity;
	transition: transform .3s, opacity .3s
}

.cd-primary-nav.is-hidden,
.cd-primary-nav ul.is-hidden {
	transform: translateX(100%);
	visibility: hidden;
}

.nav-is-visible .cd-primary-nav.moves-out>li>a,
.nav-is-visible .cd-primary-nav ul.moves-out>li>a {
	transform: translateX(0);
	opacity: 1
}

@media only screen {
	.cd-primary-nav {
		position: static;
		height: auto;
		width: auto;
		float: right;
		overflow: visible;
		background: transparent
	}

	.cd-primary-nav:after {
		clear: both;
		content: "";
		display: block
	}

	.cd-primary-nav.moves-out>li>a {
		transform: translateX(0);
		opacity: 1
	}

	.cd-primary-nav ul {
		position: static;
		height: auto;
		width: auto;
		min-width: intrinsic;
		min-width: -moz-max-content;
		min-width: -webkit-max-content;
		background: transparent;
		overflow: visible;
		z-index: 3
	}

	.cd-primary-nav ul.is-hidden {
		transform: translateX(0)
	}

	.cd-primary-nav ul.moves-out>li>a {
		transform: translateX(0);
		opacity: 1
	}

	.cd-primary-nav .menu-container {
		display: flex;
		flex-direction: row;
		padding-right: 20px
	}

	.cd-primary-nav>li {
		float: left;
		margin-left: 1em
	}

	.cd-primary-nav .menu-container>li>a,
	.cd-primary-nav>li>a {
		position: relative;
		display: inline-block;
		min-width: intrinsic;
		min-width: -moz-max-content;
		min-width: -webkit-max-content;
		height: 75px;
		line-height: 75px;
		padding: 0 10px;
		color: #333;
		overflow: visible;
		border-bottom: none;
		font-size: 1.1rem;
		transition: color .3s, box-shadow .3s
	}

	.cd-primary-nav .menu-container>li>a:hover,
	.cd-primary-nav>li>a:hover {
		color: #69aa6f
	}

	.cd-primary-nav .menu-container>li>a.selected .menu-label-text,
	.cd-primary-nav>li>a.selected .menu-label-text {
		color: #69aa6f;
		padding-bottom: 25px;
		border-bottom: 2px solid #69aa6f
	}

	.cd-primary-nav .go-back,
	.cd-primary-nav .see-all {
		display: none
	}

	.cd-primary-nav .cd-nav-gallery,
	.cd-primary-nav .cd-nav-icons,
	.cd-primary-nav .cd-secondary-nav {
		position: absolute;
		max-height: 90vh;
		overflow: auto;
		top: 75px;
		background: #fff;
		padding: 5px 0 20px 25px;
		transform: translateX(0);
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		box-shadow: 4px 4px 11px 2px #646466, inset 0 3px 17px 4px #f2f2f2;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s
	}

	/* .cd-primary-nav ul.cd-secondary-nav > li {
		min-height: 30vh;
	}

	.cd-primary-nav ul.secondary-nav > li > div > ul {
		overflow-y: scroll;
		overflow-x: hidden;
	} */

	.cd-primary-nav .cd-nav-gallery:after,
	.cd-primary-nav .cd-nav-icons:after,
	.cd-primary-nav .cd-secondary-nav:after {
		clear: both;
		content: "";
		display: block
	}


	.cd-primary-nav .cd-secondary-nav>li {
		height: auto;
		padding-right: 10px;
		border-right: 1px solid #f2f2f2;
		overflow-x: hidden;
		overflow-y: hidden;
		text-overflow: ellipsis;
		-webkit-overflow-scrolling: touch
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(7) {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(7) a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(6) {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(6) a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(5) {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(5) a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):nth-last-child(4) {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):nth-last-child(4) a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(6):nth-last-child(3) {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(6):nth-last-child(3) a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(7):nth-last-child(2) {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(7):nth-last-child(2) a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(8):last-child {
		max-width: 12.8571428571vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(8):last-child a {
		max-width: 10.8571428571vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(6) {
		max-width: 15vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(6) a {
		max-width: 13vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(5) {
		max-width: 15vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(5) a {
		max-width: 13vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(4) {
		max-width: 15vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(4) a {
		max-width: 13vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):nth-last-child(3) {
		max-width: 15vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):nth-last-child(3) a {
		max-width: 13vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(6):nth-last-child(2) {
		max-width: 15vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(6):nth-last-child(2) a {
		max-width: 13vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(7):last-child {
		max-width: 15vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(7):last-child a {
		max-width: 13vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(5) {
		max-width: 18vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(5) a {
		max-width: 16vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(4) {
		max-width: 18vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(4) a {
		max-width: 16vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(3) {
		max-width: 18vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(3) a {
		max-width: 16vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):nth-last-child(2) {
		max-width: 18vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):nth-last-child(2) a {
		max-width: 16vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(6):last-child {
		max-width: 18vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(6):last-child a {
		max-width: 16vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(4) {
		max-width: 22.5vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(4) a {
		max-width: 20.5vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(3) {
		max-width: 22.5vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(3) a {
		max-width: 20.5vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(2) {
		max-width: 22.5vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):nth-last-child(2) a {
		max-width: 20.5vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):last-child {
		max-width: 22.5vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(5):last-child a {
		max-width: 20.5vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(3) {
		max-width: 30vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(3) a {
		max-width: 28vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(2) {
		max-width: 30vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):nth-last-child(2) a {
		max-width: 28vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):last-child {
		max-width: 30vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(4):last-child a {
		max-width: 28vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(2) {
		max-width: 45vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(2):nth-last-child(2) a {
		max-width: 43vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):last-child {
		max-width: 45vw;
		float: left
	}

	.cd-primary-nav .cd-secondary-nav>li:nth-child(3):last-child a {
		max-width: 43vw;
		text-overflow: ellipsis
	}

	.cd-primary-nav .cd-secondary-nav>li:last-child {
		margin-right: 0;
		border-right: none
	}

	.cd-primary-nav .cd-secondary-nav.menu-scroll-enable > li.has-children {
		overflow-y: visible;
	}

	.cd-primary-nav .cd-secondary-nav>li>a {
		color: #69aa6f;
		font-weight: 700;
		font-size: 1.1rem;
		margin-bottom: .6em
	}

	.cd-primary-nav .cd-secondary-nav a {
		height: 30px;
		line-height: 30px;
		min-width: 15vw;
		padding: 0 2vw 0 0;
		color: #333;
		border-bottom: none;
		font-size: 1rem
	}

	.cd-primary-nav .cd-secondary-nav a:hover {
		color: #69aa6f
	}

	.cd-primary-nav .cd-secondary-nav ul {
		transform: translateZ(0)
	}

	.cd-primary-nav .cd-secondary-nav ul ul {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%
	}

	.cd-primary-nav .cd-secondary-nav ul ul .go-back {
		display: block
	}

	.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
		color: #333
	}

	.cd-primary-nav .cd-secondary-nav ul ul .go-back a:hover {
		color: #69aa6f
	}

	.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
		transform: translateX(100%);
		display: none
	}

	.cd-primary-nav .cd-secondary-nav ul ul.is-hidden .go-back {
		display: none
	}

	.cd-primary-nav .cd-secondary-nav ul ul .see-all {
		display: block
	}

	.cd-primary-nav .cd-secondary-nav .moves-out>li>a {
		transform: translateX(-100%)
	}
}

.go-back a,
.has-children>a {
	position: relative
}

.go-back a:after,
.go-back a:before,
.has-children>a:after,
.has-children>a:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1px;
	display: inline-block;
	height: 2px;
	width: 10px;
	background: #4d4c4c;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	right: 20px;
	transform-origin: 9px 50%
}

@media only screen and (min-width:1000px) {

	.go-back a:after,
	.go-back a:before,
	.has-children>a:after,
	.has-children>a:before {
		transform-origin: 50% 50%;
		background: #d9d8d8
	}
}

.go-back a:before,
.has-children>a:before {
	transform: rotate(45deg)
}

.go-back a:after,
.has-children>a:after {
	transform: rotate(-45deg)
}

@media only screen and (min-width:1000px) {

	.go-back a:hover:after,
	.go-back a:hover:before,
	.has-children>a:hover:after,
	.has-children>a:hover:before {
		background: #69aa6f
	}

	.go-back a:before,
	.has-children>a:before {
		right: -5px
	}

	.go-back a:after,
	.has-children>a:after {
		right: -10px
	}
}

.cd-secondary-nav .has-children>a:after,
.cd-secondary-nav .has-children>a:before {
	right: 20px;
	transform-origin: 9px 50%
}

.cd-secondary-nav .has-children>a:before {
	transform: rotate(45deg)
}

.cd-secondary-nav .has-children>a:after {
	transform: rotate(-45deg)
}

.cd-secondary-nav .go-back a {
	padding-left: 40px
}

.cd-secondary-nav .go-back a:after,
.cd-secondary-nav .go-back a:before {
	left: 20px;
	transform-origin: 1px 50%
}

.cd-secondary-nav .go-back a:before {
	transform: rotate(45deg)
}

.cd-secondary-nav .go-back a:after {
	transform: rotate(-45deg)
}

@media only screen and (min-width:1000px) {
	.cd-primary-nav>.has-children>a {
		padding-right: 30px !important
	}

	.cd-primary-nav>.has-children>a:after,
	.cd-primary-nav>.has-children>a:before {
		width: 9px;
		transform-origin: 50% 50%;
		background: #d9d8d8;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: width .3s, transform .3s
	}

	.cd-primary-nav>.has-children>a.selected:after,
	.cd-primary-nav>.has-children>a.selected:before {
		width: 14px
	}

	.cd-primary-nav>.has-children>a.selected:before {
		transform: translateX(5px) rotate(-45deg)
	}

	.cd-primary-nav>.has-children>a.selected:after {
		transform: rotate(45deg)
	}

	.cd-secondary-nav>.has-children>a:after,
	.cd-secondary-nav>.has-children>a:before {
		display: none
	}

	.cd-primary-nav .go-back a {
		padding-left: 20px
	}

	.cd-primary-nav .go-back a:after,
	.cd-primary-nav .go-back a:before {
		left: 1px
	}
}

.cd-overlay {
	position: fixed;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(105, 170, 111, .8);
	visibility: hidden;
	opacity: 0;
	backface-visibility: hidden;
	transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s
}

.cd-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s
}

@media only screen and (max-width:999px) {
	.cd-overlay.is-visible {
		transform: translateX(-260px)
	}

	.cd-overlay.is-visible.search-is-visible,
	.nav-on-left .cd-overlay.is-visible.search-is-visible {
		transform: translateX(0)
	}
}

.menu-label .menu-icon {
	margin-right: 5px;
	width: 25px;
	text-align: right
}

.menu-label .no-icon {
	display: inline-block;
	min-width: 22px;
	min-height: 22px
}

.menu-scroll-enable {
	overflow-y: auto
}

.nav-sidebar {
	height: auto;
	min-height: 380px;
	max-width: 150px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #d9d9d9;
	background-color: #f2f2f2
}

.nav-sidebar .menu-header {
	padding: 10px 5px;
	overflow-x: hidden
}

.nav-sidebar .menu-header:hover {
	background: #d9d9d9;
	font-weight: 700;
	cursor: pointer
}

.nav-sidebar .menu-option {
	padding: 10px 10px 10px 5px
}

.nav-sidebar .menu-option:hover {
	background: #d9d9d9;
	font-weight: 700;
	cursor: pointer
}

.nav-sidebar .menu-header-row {
	background: #f2f2f2;
	font-size: 1.1em
}

.nav-sidebar .menu-option-row {
	background: #e5e5e5
}

.nav-sidebar .menu-header.disabled,
.nav-sidebar .menu-header.disabled .sub-label,
.nav-sidebar .menu-header.disabled a,
.nav-sidebar .menu-option.disabled,
.nav-sidebar .menu-option.disabled .sub-label,
.nav-sidebar .menu-option.disabled a {
	color: #aaa
}

.nav-sidebar .menu-header.disabled .sub-label:hover,
.nav-sidebar .menu-header.disabled:hover,
.nav-sidebar .menu-header.disabled a:hover,
.nav-sidebar .menu-option.disabled .sub-label:hover,
.nav-sidebar .menu-option.disabled:hover,
.nav-sidebar .menu-option.disabled a:hover {
	cursor: not-allowed
}

.nav-sidebar .row,
.nav-sidebar hr {
	margin-bottom: 0
}

.nav-sidebar .prefix-icon {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 6.1721523119%
}

.nav-sidebar .prefix-icon:last-child {
	margin-right: 0
}

.nav-sidebar .label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 74.4105869942%;
	padding: 0 2px
}

.nav-sidebar .label:last-child {
	margin-right: 0
}

.nav-sidebar .postfix-icon {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 14.7019566472%
}

.nav-sidebar .postfix-icon:last-child {
	margin-right: 0
}

.nav-sidebar .row.selected {
	padding-left: 0;
	border-right-color: #fff;
	border-left-width: 5px;
	background-color: #fff;
	margin-right: -1px
}

.nav-sidebar .row.selected.menu-header {
	border-top: none
}

.nav-sidebar .sub-label {
	font-style: italic;
	padding-left: 5px;
	color: grey
}

.selected-option,
.selected-option .select-post-icon,
.selected-option .select-prefix-icon {
	padding: 10px
}

.login {
	position: relative;
	height: 100%;
	width: 100%
}

.unauthorized-wrapper {
	text-align: center;
	padding-top: 10px;
	min-height: 300px
}

.file-selected {
	background-color: #008;
	color: #fff
}

.menu-button {
	display: inline-block;
	position: relative;
	outline: none
}

.menu-button .popup-button {
	width: 30px;
	height: 30px;
	text-align: center;
	padding-top: 3px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid transparent
}

.menu-button .popup-button.disabled {
	cursor: not-allowed;
	text-decoration: none
}

.menu-button .popup-button.active,
.menu-button .popup-button:hover {
	background: #ebebeb;
	border: 1px solid #ccc;
	color: #000
}

.menu-button .popup-button i {
	vertical-align: -35%
}

.menu-button .attached-popup-button {
	width: 26px;
	height: 34px;
	text-align: center;
	padding-top: 3px;
	border: 1px solid #ccc;
	border-left: 0;
	border-radius: 0 4px 4px 0;
	background-color: #fff
}

.menu-button .attached-popup-button.active,
.menu-button .attached-popup-button:hover {
	background: #ebebeb
}

.menu-button .attached-popup-button i {
	vertical-align: -35%
}

.menu-button .menu {
	display: flex;
	flex-flow: column;
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	padding: 3px 0;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
	background: #f2f2f2;
	white-space: nowrap
}

.menu-button .menu span {
	cursor: pointer;
	font-size: 1em;
	align-items: center;
	justify-content: flex-start;
	padding: 5px 15px
}

.menu-button .menu span.disabled {
	color: #d9d9d9
}

.menu-button .menu span.enabled:hover {
	background-color: #00a4e5;
	color: #fff
}

.menu-button .menu.open {
	visibility: visible
}

.menu-button .menu.bottom-right {
	top: 30px;
	left: 0
}

.menu-button .menu.bottom-left {
	top: 30px;
	right: 0
}

.menu-button .menu.top-right {
	bottom: 30px;
	left: 0
}

.menu-button .menu.top-left {
	bottom: 30px;
	right: 0
}

.main-container {
	position: relative
}

.main-container .refresh {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff
}

.main-container .refresh-time {
	display: none
}

.main-container .refresh-button {
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #f2f2f2;
	margin-left: 5px
}

.main-container .refresh-button.active,
.main-container .refresh-button:hover {
	background: #646466;
	color: #d9d9d9;
	border: 1px solid #d9d9d9
}

@media screen and (min-width:1000px) {
	.main-container .refresh-time {
		display: inline
	}
}

.toolbar-wrapper {
	z-index: 4;
	position: static !important;
	width: auto !important;
	background-color: #fff
}

.toolbar-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.toolbar-wrapper.sticky {
	border-bottom: 1px solid #000
}

.toolbar {
	float: right;
	height: 40px
}

.toolbar-button,
.toolbar .button {
	display: inline-block;
	margin: 4px 4px 0 0;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #fff
}

.toolbar-button.active,
.toolbar-button:hover,
.toolbar .button.active,
.toolbar .button:hover {
	background: #ebebeb;
	color: #000
}

.toolbar-button i,
.toolbar .button i {
	margin-right: 0
}

.toolbar-button.split-button-left,
.toolbar .button.split-button-left {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right-width: 0;
	margin-right: 0
}

.toolbar-button.split-button-right,
.toolbar .button.split-button-right {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: 0
}

.toolbar-button.separator,
.toolbar .button.separator {
	margin-right: 12px
}

.disabled.button,
.disabled .button {
	color: #d9d9d9;
	cursor: no-drop
}

.disabled.button.active,
.disabled .button.active,
.disabled.button:hover,
.disabled .button:hover {
	background: #fff;
	color: #d9d9d9
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #333
}

.spinner .text {
	margin-top: 10px;
	font-weight: 600
}

.modal-spinner-header {
	position: relative;
	margin-bottom: 10px
}

.modal-spinner-header>.close-btn {
	position: absolute;
	top: -15px;
	right: -15px;
	color: #646466;
	cursor: pointer
}

.modal-spinner-header>.close-btn:hover {
	color: #84c361
}

.modal-spinner-main {
	position: relative;
	display: inline-block;
	margin-bottom: 10px
}

.modal-spinner-main>.content,
.modal-spinner-main>.spin-icon {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

.modal-spinner-main>.spin-icon {
	height: 40px;
	color: #84c361
}

.modal-spinner-buttons {
	text-align: center
}

.progress-percent {
	height: 0
}

.wizard-content-area-left {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.wizard-content-area-left:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.wizard-content-area-left {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.wizard-content-area-left:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.wizard-content-area-left {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%
	}

	.wizard-content-area-left:last-child {
		margin-right: 0
	}
}

.wizard-content-text,
.wizard-images {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.wizard-content-text:last-child,
.wizard-images:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {

	.wizard-content-text,
	.wizard-images {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 48.2106678699%
	}

	.wizard-content-text:last-child,
	.wizard-images:last-child {
		margin-right: 0
	}
}

.wizard-images {
	text-align: center
}

.wizard-content-area-right {
	position: relative;
	top: auto;
	left: 0;
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.wizard-content-area-right:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.wizard-content-area-right {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.wizard-content-area-right:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.wizard-content-area-right {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	.wizard-content-area-right:last-child {
		margin-right: 0
	}
}

.wizard-buttons-wrapper {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.wizard-buttons-wrapper:last-child {
	margin-right: 0
}

.wizard-buttons-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.wizard-header header {
	width: 100%;
	padding: 10px
}

.wizard-header header:after {
	clear: both;
	content: "";
	display: block
}

.wizard-header header h2 {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 48.8211739883%
}

.wizard-header header h2:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.wizard-header header h2 {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 48.2106678699%
	}

	.wizard-header header h2:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	.wizard-header header h2 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	.wizard-header header h2:last-child {
		margin-right: 0
	}
}

.wizard-footer {
	background: #f2f2f2;
	display: block;
	width: 100%;
	float: left;
	position: relative;
	top: auto;
	left: 0;
	min-height: 50px
}

@media screen and (max-width:1024px) {
	.wizard-footer {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0
	}
}

@media screen and (max-height:736px) {
	.wizard-footer {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0
	}
}

.wizard-footer .dashboard-link {
	display: inline-block;
	margin-right: 30px;
	font-weight: 700
}

.wizard-container {
	background: #fff;
	max-width: 1300px;
	margin: 0 auto;
	display: block;
	width: 100%
}

.wizard-container p {
	font-size: 1em
}

.wizard-content {
	padding-bottom: 10px
}

.wizard-buttons {
	float: right
}

.wizard-buttons button {
	margin-left: 10px
}

.wizard-buttons button.logout {
	text-transform: none;
	font-size: 1rem;
	background-color: transparent;
	color: #333
}

.wizard-buttons button.logout:hover {
	color: #69aa6f;
	transition: color .3s, box-shadow .3s
}

header .wizard-buttons button {
	margin: 0
}

.wizard-buttons .back i {
	padding-right: 5px
}

.wizard-buttons .next i {
	padding-left: 5px
}

.wizard-links a {
	margin-right: 30px;
	font-weight: 700
}

.wizard-header {
	background: #f2f2f2
}

.wizard-container {
	padding: 10px;
	clear: both;
	min-height: 587px
}

.page-background {
	min-height: 100%;
	width: 100%
}

.wizard-breadcrumb {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.wizard-breadcrumb .step-nav {
	overflow: hidden;
	list-style: none;
	padding: 0
}

.wizard-breadcrumb .step-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
	font-weight: 700
}

.wizard-breadcrumb .step-nav li span {
	display: block;
	width: 100%;
	min-height: 1px;
	line-height: 1.4
}

.wizard-breadcrumb .step-nav li span.bubble {
	display: block;
	position: relative;
	height: 30px;
	width: 30px;
	margin: 0 auto 5px;
	border: 4px solid #d9d9d9;
	border-radius: 50%;
	background: #f2f2f2;
	transition-property: background;
	transition-duration: .8s
}

.wizard-breadcrumb .step-nav li:after {
	position: absolute;
	top: 15px;
	left: -50%;
	content: "";
	width: calc(100% - 22px);
	height: 10px;
	margin-left: 11px;
	background: #f2f2f2;
	border: 3px solid #d9d9d9;
	border-left: 0;
	border-right: 0;
	transition-property: background;
	transition-duration: .7s;
	cursor: default
}

.wizard-breadcrumb .step-nav li:first-child:after {
	content: none
}

.wizard-breadcrumb .step-nav li.active {
	color: #84c361
}

.wizard-breadcrumb .step-nav li.active:after,
.wizard-breadcrumb .step-nav li.active span.bubble {
	background: #84c361
}

.show-hide .password-wrapper {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.show-hide .password-wrapper:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.show-hide .password-wrapper {
		float: left;
		display: block;
		width: 74.1053339349%;
		margin-right: 0
	}

	.show-hide .password-wrapper:last-child {
		margin-right: 0
	}

	.show-hide .password-wrapper.input-full {
		float: left;
		display: block;
		width: 87.0526669675%;
		margin-right: 0
	}

	.show-hide .password-wrapper.input-full:last-child {
		margin-right: 0
	}
}

.show-hide .input-group .password-field {
	width: 100% !important
}

.show-hide .show-hide-btn {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-left: 1px solid #d9d9d9;
	height: 32px;
	color: #646466;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	width: 25px;
	cursor: pointer
}

.show-hide .show-hide-btn:hover {
	background: #ebebeb;
	color: #000
}

.show-hide .has-error .form-control {
	border: inherit
}

.show-hide .has-error .form-control input,
.show-hide .has-error .form-control input:focus {
	border: 1px solid #e74c3c;
	border-left-width: 3px
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

ol,
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.gsw-container ol.default {
	list-style-type: decimal;
	margin-bottom: .75em;
	padding-left: 1.5em
}

dl {
	margin-bottom: .75em
}

dl dt {
	font-weight: 700;
	margin-top: .75em
}

dl dd {
	margin: 0
}

.firmware-update-manual {
	padding-top: 10px;
	border-top: 1px solid #d9d9d9
}

.gsw-container {
	clear: both;
	line-height: 1.5em;
	min-height: 325px;
	position: relative;
	margin: 10px 30px 50px 10px
}

.gsw-container:after {
	clear: both;
	content: "";
	display: block
}

.gsw-container li,
.gsw-container p {
	font-size: 1em
}

.gsw-container label.disabled {
	color: #aaa
}

.skip-ahead-link {
	padding: 10px;
	float: right
}

.form-row {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.form-row:after {
	clear: both;
	content: "";
	display: block
}

.form-row:last-child {
	margin-right: 0
}

.form-row label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.form-row label:last-child {
	margin-right: 0
}

.form-row .form-control,
.form-row input {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%;
	float: right
}

.form-row .form-control.omega,
.form-row .form-control:last-child,
.form-row input.omega,
.form-row input:last-child {
	margin-right: 0
}

.cellular-config h6 {
	padding-bottom: 10px
}

.cellular-config .form-field {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.cellular-config .form-field:last-child,
.cellular-config .form-field:nth-child(2n) {
	margin-right: 0
}

.cellular-config .form-field:nth-child(odd) {
	clear: left
}

.cellular-config .form-field .form-label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.cellular-config .form-field .form-label:last-child {
	margin-right: 0
}

.cellular-config .form-field .form-input {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%;
	float: right
}

.cellular-config .form-field .form-input:last-child {
	margin-right: 0
}

.cellular-config .form-field .form-input select {
	width: 100%
}

.cellular-config .expander:after {
	clear: both;
	content: "";
	display: block
}

.cellular-config .expander .expander-content {
	padding-top: 10px
}

.sim-status {
	background: #fafacd;
	text-align: left;
	padding: 10px;
	display: inline-block;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.sim-status:last-child {
	margin-right: 0
}

.sim-status p:after {
	clear: both;
	content: "";
	display: block
}

.sim-status label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.sim-status label:last-child {
	margin-right: 0
}

.sim-status span {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.sim-status span:last-child {
	margin-right: 0
}

.cellular-results,
.ethernet-results {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px
}

.cellular-results {
	text-align: left;
	height: 400px;
	overflow-y: scroll
}

.cellular-results .row-separator {
	margin-bottom: 20px
}

.cellular-results .row {
	line-height: 1em
}

.cellular-results .row:after {
	clear: both;
	content: "";
	display: block
}

.cellular-results .split-column-uneven {
	position: relative
}

.cellular-results .split-column-uneven:first-child {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%;
	color: #646466
}

.cellular-results .split-column-uneven:first-child:last-child {
	margin-right: 0
}

.cellular-results .split-column-uneven:nth-child(2n) {
	font-weight: 700;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%
}

.cellular-results .split-column-uneven:nth-child(2n):last-child {
	margin-right: 0
}

.ethernet-results {
	text-align: left
}

.ethernet-results label {
	display: inline-block;
	width: 100px
}

.wizard-link {
	display: inline-block;
	text-align: center;
	margin-right: 25px;
	font-weight: 700
}

.page-background {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0
}

.accordion-index-select .index-select-label {
	display: inline-block;
	line-height: 25px;
	font-weight: 700
}

.accordion-index-select .index-select {
	display: inline-block;
	padding-left: 10px
}

.accordion-index-select .index-select select {
	margin-top: 5px;
	width: 80px
}

.accordion-new-wan-wrapper {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}

.accordion-new-wan-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.select-new-wan-number {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.select-new-wan-number:last-child {
	margin-right: 0
}

.probe-settings-form .form-input.append-units .input-group>.form-control {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.probe-settings-form .form-input.append-units .input-group>.form-control:last-child {
	margin-right: 0
}

.probe-settings-form .form-input.append-units .input-group .input-group-addon {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%
}

.probe-settings-form .form-input.append-units .input-group .input-group-addon:last-child {
	margin-right: 0
}

.probe-settings-form .form-input.append-units .input-group .input-group-addon .form-control {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%
}

.probe-settings-form .form-input.append-units .input-group .input-group-addon .form-control:last-child {
	margin-right: 0
}

.interfaceWrapper .row {
	margin-bottom: 0
}

.interfaceWrapper .row-separator {
	margin-bottom: 10px
}

.accordion-new-wan .open-accordion .no-buttons .accordion-header-text-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 74.4105869942%
}

.accordion-new-wan .open-accordion .no-buttons .accordion-header-text-wrapper:last-child {
	margin-right: 0
}

.accordion-new-wan .open-accordion .no-buttons .accordion-buttons-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.accordion-new-wan .open-accordion .no-buttons .accordion-buttons-wrapper:last-child {
	margin-right: 0
}

.security-settings-form .row {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.security-settings-form .row:last-child {
	margin-right: 0
}

.security-settings-form .row .slider-label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 82.9403913294%
}

.security-settings-form .row .slider-label:last-child {
	margin-right: 0
}

.security-settings-form .row .slider-value {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 14.7019566472%
}

.security-settings-form .row .slider-value:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.wan-content .js-wan-cellular-state-content .split-column-uneven {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.wan-content .js-wan-cellular-state-content .split-column-uneven:last-child {
		margin-right: 0
	}

	.wan-content .js-wan-cellular-state-content .split-column-uneven:nth-child(2n) {
		float: left;
		display: block;
		width: 48.8211739883%;
		margin-left: -10px;
		margin-right: 0
	}

	.wan-content .js-wan-cellular-state-content .split-column-uneven:nth-child(2n):last-child {
		margin-right: 0
	}
}

.centerContent {
	display: block
}

.centerContent img {
	margin: 0 auto;
	height: auto;
	width: auto;
	transform: translateY(50%);
	top: -50%;
	display: block;
	position: relative
}

.pgTitle {
	float: left;
	width: 100%
}

.pgTitle h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 10px;
	color: #000;
	float: left
}

.systemBox {
	float: left;
	background-color: #fff;
	width: 100%
}

.deviceImage {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%;
	padding: 20px 0
}

.deviceImage:last-child {
	margin-right: 0
}

.deviceImage img {
	margin: 0 auto;
	display: block
}

@media screen and (max-width:1024px) {
	.deviceImage {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.deviceImage:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.deviceImage {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.deviceImage:last-child {
		margin-right: 0
	}
}

.deviceDetailDesc {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 48.8211739883%;
	padding: 20px
}

.deviceDetailDesc:last-child {
	margin-right: 0
}

@media screen and (max-width:1280px) {
	.deviceDetailDesc {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%
	}

	.deviceDetailDesc:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:1024px) {
	.deviceDetailDesc {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.deviceDetailDesc:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.deviceDetailDesc {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%;
		padding: 20px 0 0
	}

	.deviceDetailDesc:last-child {
		margin-right: 0
	}
}

.systemBox .deviceDetail {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40%;
	padding: 20px
}

.systemBox .deviceDetail:last-child {
	margin-right: 0
}

.systemBox .deviceDetail p,
.systemBox .deviceDetail table {
	font-size: 1em
}

.systemBox .deviceDetail table {
	table-layout: auto;
	margin: 5px 0
}

.systemBox .deviceDetail table tr td {
	vertical-align: top;
	white-space: normal;
	overflow-wrap: break-word;
	font-weight: 400;
	padding: 5px 5px 5px 0
}

.systemBox .deviceDetail table tr td:first-child {
	white-space: nowrap
}

@media screen and (max-width:1280px) {
	.systemBox .deviceDetail {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%
	}

	.systemBox .deviceDetail:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:1024px) {
	.systemBox .deviceDetail {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.systemBox .deviceDetail:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.systemBox .deviceDetail {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%;
		padding: 20px 0 0
	}

	.systemBox .deviceDetail:last-child {
		margin-right: 0
	}
}

.para {
	margin-bottom: 20px
}

.para:last-child {
	margin-bottom: 0
}

.para a {
	margin-bottom: 20px
}

.deviceSettings {
	margin-top: 20px;
	border-top: 1px solid #d9d9d9;
	padding: 20px 0 0
}

form.formInline {
	padding: 0
}

form.formInline input,
form.formInline label {
	font-weight: 400;
	display: inline-block;
	width: auto;
	margin-right: 10px
}

form.formInline input:last-child,
form.formInline label:last-child {
	margin-right: 0
}

form.formInline label {
	min-width: 70px
}

form.formInline .inlineip {
	width: 250px
}

form.formInline select {
	width: auto;
	display: inline-block;
	margin: 0 5px
}

.inlineControls {
	margin-left: 25px
}

.buttonsGrp {
	float: right
}

.buttonsGrp button {
	margin-right: 10px
}

.buttonsGrp button:last-child {
	margin-right: 0
}

.deviceConsole {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%;
	background-color: #333;
	height: 650px;
	overflow: auto;
	margin-top: 15px;
	position: relative;
	-webkit-box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .75);
	-moz-box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .75);
	box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .75)
}

.deviceConsole:last-child {
	margin-right: 0
}

@media screen and (max-width:1024px) {
	.deviceConsole {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.deviceConsole:last-child {
		margin-right: 0
	}
}

.deviceConsole .consoleText {
	color: #fff;
	font-size: .9em;
	position: absolute;
	left: 15px;
	bottom: 15px
}

.deviceStat {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.deviceStat:last-child {
	margin-right: 0
}

.deviceStat .tablePadd {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #d9d9d9
}

.deviceStat .tablePadd:first-child {
	border-top: 0
}

.deviceStat .tablePadd h6 {
	margin-bottom: 0
}

.deviceStat .tablePadd table {
	max-width: 360px;
	font-size: .9em
}

.deviceStat .tablePadd table td {
	font-weight: 700
}

.deviceStat .tablePadd table td:first-child {
	width: 60%
}

.deviceStat .tablePadd table td:last-child {
	width: 40%
}

@media screen and (max-width:1024px) {
	.deviceStat {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%;
		width: auto
	}

	.deviceStat:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1025px) {
	.sys .helpAccordion {
		position: absolute;
		height: 60px;
		width: 50px;
		right: -50px;
		display: block
	}
}

@media screen and (min-width:1280px) {
	.sys .helpAccordion {
		height: 70px;
		width: 60px;
		right: -60px
	}
}

.sys .systemBox .helpAccordion {
	display: none
}

@media screen and (max-width:1024px) {
	.sys .systemBox .helpAccordion {
		position: static;
		display: block;
		margin: 0 0 0 3px;
		height: 23px;
		width: 23px;
		background: transparent;
		border: 0;
		padding: 0;
		float: right
	}

	.sys .systemBox .helpAccordion img {
		height: 100%;
		width: 100%
	}
}

.eventLog {
	height: 500px;
	margin-top: 20px !important;
	overflow: auto
}

.eventLog,
.navControl {
	display: block;
	float: left;
	width: 100%
}

.navControl {
	text-align: center
}

.navControl span.control {
	height: 30px;
	width: 30px;
	margin: 5px;
	background-size: 25px;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	cursor: pointer;
	border-radius: 4px
}

.navControl span.control:hover {
	-webkit-box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .75);
	-moz-box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .75);
	box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .75)
}

.navControl span.control:active {
	-webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .75);
	-moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .75);
	box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .75)
}

.navControl span.control.prev {
	background-image:
		/*savepage-url=images/prev.png*/
		url()
}

.navControl span.control.play {
	background-image:
		/*savepage-url=images/play.png*/
		url()
}

.navControl span.control.next {
	background-image:
		/*savepage-url=images/next.png*/
		url()
}

.navControl span.control.pause {
	background-image:
		/*savepage-url=images/pause.png*/
		url()
}

.modal {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
	z-index: 9999;
	background: #d9d9d9
}

.modalAlertBox {
	float: none;
	display: block;
	height: auto;
	width: 400px
}

.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background: rgba(0, 0, 0, .3)
}

.modalWrapper div button {
	margin-right: 10px
}

.sticky-bar {
       position: -webkit-sticky;  /* for Safari browsers */
       position: sticky;
       top: 0px;
       z-index: 1;
}

.config-buttons {
       position: absolute;
       display: inline;
       right: 0px;
       top: 5px;
}

label.btn-blue {
	background-color: #00b7ff;
	display: inline-block;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 2px 12px;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0;
	cursor: pointer
}

.system-label-divider,
.vpn-label-divider {
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px
}

.form-table {
	min-height: 200px
}

.form-table .form-label {
	width: 85px
}

.pad-top {
	margin-top: 10px
}

.pad-bottom {
	padding: 0 0 10px
}

.full-width select {
	width: 100%
}

.terminal-wrapper {
	border: 1px solid #d9d9d9;
	padding: 10px;
	display: block;
	overflow: hidden
}

.terminal {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	height: 650px;
	overflow: auto;
	background-color: #333;
	color: #fff;
	padding: 0 5px;
	-webkit-box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .75);
	-moz-box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .75);
	box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, .75)
}

.terminal:last-child {
	margin-right: 0
}

.log-page-container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}

.log-page-container:after {
	clear: both;
	content: "";
	display: block
}

.log-page-container .log-shared-functions {
	width: 100%;
	display: block
}

.log-page-container .log-shared-functions:after {
	clear: both;
	content: "";
	display: block
}

.log-page-container .log-shared-functions .log-search-wrapper {
	width: 250px;
	float: right;
	position: relative
}

.log-page-container .log-shared-functions .log-search-wrapper .input-mask {
	position: absolute;
	top: 7px;
	left: 7px
}

.log-page-container .log-shared-functions .log-search-wrapper .log-search {
	padding-left: 25px
}

.log-page-container .log-container {
	width: 100%
}

.stream-panel {
	float: left;
	height: 600px;
	position: relative;
	text-align: left;
	vertical-align: top;
	background: #f2f2f2;
	width: 320px
}

@media screen and (max-height:780px) {
	.stream-panel {
		height: 550px
	}
}

.stream-panel.collapsed {
	width: 85px
}

.stream-panel.collapsed .expand-content {
	display: none
}

.stream-panel .action-btn {
	width: 100%;
	height: 53.125px;
	position: relative;
	clear: both
}

.stream-panel .action-btn:hover {
	background: #d9d9d9;
	font-weight: 700;
	cursor: pointer
}

.stream-panel .action-btn:hover .error-popup-wrap {
	font-weight: 400
}

.stream-panel .action-btn .action-icon {
	width: 85px;
	height: 53.125px;
	text-align: center;
	display: inline-block;
	float: left
}

.stream-panel .action-btn .action-icon i {
	font-size: 30px;
	vertical-align: middle;
	line-height: 53.125px
}

.stream-panel .action-btn .form-group {
	width: 70px;
	float: left
}

.stream-panel .action-btn .validation-message {
	line-height: normal;
	display: inline-block;
	position: relative;
	left: -125%;
	width: 235px
}

.stream-panel .action-btn .log-quantity-badge {
	top: 35px;
	left: 50px;
	font-size: 11px;
	position: absolute;
	font-weight: 700
}

.stream-panel .action-btn .line-show-input {
	vertical-align: bottom;
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
	width: 60px;
	margin-top: 3px
}

.stream-panel .action-btn .expand-content {
	color: #00b7ff;
	text-align: left;
	height: 53.125px;
	line-height: 53.125px
}

.stream-panel .action-btn .expand-content .error-popup {
	line-height: 1.7em
}

.stream-panel .panel-toggle {
	position: absolute;
	font-size: 21px;
	bottom: 0;
	border-top: 1px solid #ccc;
	width: 100%
}

.stream-panel .panel-toggle .toggle-btn {
	width: 85px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	float: right
}

.stream-panel .panel-toggle .toggle-btn:hover {
	background: #d9d9d9;
	font-weight: 700;
	cursor: pointer
}

.stream-panel .panel-toggle .toggle-btn:hover .error-popup-wrap {
	font-weight: 400
}

.event-log-list {
	overflow: hidden
}

.event-log-list .log-display {
	height: 600px;
	background-color: #333;
	color: #fff
}

@media screen and (max-height:780px) {
	.event-log-list .log-display {
		height: 550px
	}
}

.event-log-list .table-header {
	height: 27px;
	position: relative;
	padding-left: 5px;
	padding-right: 5px
}

.event-log-list .table-body {
	height: 100%;
	overflow: scroll;
	border-top: 1px solid #fff;
	padding-left: 5px;
	padding-right: 5px
}

/* @media screen and (max-height:780px) {
	.event-log-list .table-body {
		height: 523px
	}
} */

.event-log-list table {
	margin: 0;
	table-layout: fixed;
	padding-left: 5px;
	padding-right: 5px
}

.event-log-list table .header {
	font-weight: 700;
	font-size: 14px
}

.event-log-list table .header .sortable:hover {
	cursor: pointer;
	color: #84c361
}

.event-log-list table td:first-child,
.event-log-list table th:first-child {
	width: 18px
}

.event-log-list table td:first-child i,
.event-log-list table th:first-child i {
	padding-top: 4px;
	font-size: 10px
}

.event-log-list table td:nth-child(2),
.event-log-list table th:nth-child(2) {
	width: 160px
}

.event-log-list table td:nth-child(3),
.event-log-list table th:nth-child(3) {
	width: 85px
}

.event-log-list table td:nth-child(4),
.event-log-list table th:nth-child(4) {
	width: 150px
}

.event-log-list table .log-row:hover {
	background: #474747
}

.event-log-list table .log-row td {
	padding-right: 7px;
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 0;
	word-wrap: break-word;
}

.event-log-list table .log-row td.source {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.event-log-list table .log-row td:last-child {
	white-space: nowrap;
	padding-right: 0
}

.event-log-list table .log-row:first-child td {
	padding-top: 5px
}

.event-log-list .log-text {
	margin: 0
}

.event-log-list table .log-row.error td {
	color: #e9322d;
}

.event-log-list table .log-row.warn td {
	color: orange;
}

.event-log-list table .log-row.debug td {
	color: lightgrey;
}



.log-actions {
	text-align: center;
	margin-top: 15px
}

.log-actions.collapsed .stream-label {
	text-align: center;
	font-size: 13px;
	margin-left: 0
}

.log-actions.collapsed .stream-label i {
	font-size: 10px
}

.log-actions .stream-label {
	text-align: left;
	font-size: 16px;
	margin-left: 25px;
	font-weight: 700;
	margin-bottom: 10px
}

.log-actions .stream-label i {
	font-size: 12px
}

.log-actions form div:first-child {
	display: inline-block
}

.__react_component_tooltip.show.event-log-tooltip {
	opacity: 1
}

.event-log,
.system-log {
	color: #fff !important
}

.syslog-form .accordion-column-half {
	padding: 10px;
	border-bottom: 1px solid #f2f2f2
}

.syslog-form .accordion-column-half .table-responsive {
	margin-left: 20px
}

.syslog-form .form-label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 14.7019566472%;
	color: grey;
	font-weight: 600
}

.syslog-form .form-label:last-child {
	margin-right: 0
}

.syslog-form .form-input {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.syslog-form .form-input:last-child {
	margin-right: 0
}

.syslog-form .form-input .col-sm-9 {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.syslog-form .form-input .col-sm-9:last-child {
	margin-right: 0
}

.syslog-form .form-input .col-sm-9 input,
.syslog-form .form-input .col-sm-9 select {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 91.4701956647%
}

.syslog-form .form-input .col-sm-9 input:last-child,
.syslog-form .form-input .col-sm-9 select:last-child {
	margin-right: 0
}

.log-options,
.log-options .table-responsive td {
	position: relative
}

.log-options .form-label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.log-options .form-label:last-child {
	margin-right: 0
}

.log-options .form-control,
.log-options .form-input {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.log-options .form-control:last-child,
.log-options .form-input:last-child {
	margin-right: 0
}

.log-options .form-control .validation-message,
.log-options .form-input .validation-message {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.log-options .form-control .validation-message:last-child,
.log-options .form-input .validation-message:last-child {
	margin-right: 0
}

.file-dialog {
	width: 450px
}

.file-manager .content p:first-of-type {
	margin-left: 10px
}

.directory-breadcrumb-container {
	width: 100%;
	background: #fafafa;
	min-height: 35px;
	padding: 7px 5px 5px 15px;
	border: 1px solid;
	border-color: #000 #000 #ccc;
	overflow: auto;
}

.directory-breadcrumb-container .breadcrumbs {
	display: inline-block
}

.directory-breadcrumb-container .file-functions {
	float: right;
	font-size: 20px;
	margin-top: -5px
}

.directory-row {
	width: 100%;
	display: block;
	min-height: 300px
}

.directory-row:after {
	clear: both;
	content: "";
	display: block
}

.directory-tree {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%;
	padding: 2.3576520234%;
	border-right: 1px solid #000
}

.directory-tree:last-child {
	margin-right: 0
}

.directory-content {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	vertical-align: top;
	background: #fff;
	max-height: 500px;
	overflow: scroll;
	border: 1px solid #000;
	border-top-color: #ccc
}

.directory-content:last-child {
	margin-right: 0
}

@media screen and (max-height:750px) {
	.directory-content {
		max-height: 450px
	}
}

@media screen and (max-height:700px) {
	.directory-content {
		max-height: 400px
	}
}

.directory-content .selected-file {
	background: #00b7ff;
	color: #fff
}

.directory-content .file-row {
	border-bottom: 1px solid rgba(0, 0, 0, .065);
	cursor: default
}

.directory-content table {
	margin: 0
}

.directory-content table tr.header {
	background: #fafafa;
	border-bottom: 1px solid rgba(0, 0, 0, .065)
}

.directory-content table tr.header .sortable:hover {
	color: #000;
	background: #f2f2f2;
	cursor: pointer
}

.directory-content table td {
	padding-left: 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.directory-content table td:first-child {
	padding-left: 15px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.directory-content table .file-icon {
	padding-right: 10px;
	font-size: 20px
}

.directory-content table .directory-message td {
	text-align: center;
	height: 50px
}

.directory-breadcrumb i.fa-chevron-right {
	font-size: 11px;
	padding: 5px
}

.breadcrumb-path {
	font-size: 18px;
	opacity: .8
}

.breadcrumb-path .root-directory {
	font-size: 20px
}

.breadcrumb-path:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #000
}

.breadcrumb-path.last-crumb {
	font-weight: 700;
	opacity: 1
}

.file-button-container {
	display: inline-block;
	position: relative
}

.file-button-container .file-button {
	width: 30px;
	height: 30px;
	text-align: center;
	margin-left: 3px;
	padding-top: 3px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid transparent
}

.file-button-container .file-button.active,
.file-button-container .file-button:hover {
	background: #ebebeb;
	border: 1px solid #ccc
}

.file-button-container .file-button.active .main-file-button,
.file-button-container .file-button:hover .main-file-button {
	color: #000
}

.file-button-container .file-dropdown {
	position: absolute;
	top: 30px;
	right: 0;
	background: #fff;
	text-align: left;
	border: 1px solid #fff;
	padding: 10px 0;
	box-shadow: 0 0 15px #888
}

.file-button-container .file-dropdown .file-child-button {
	min-width: 160px;
	padding: 3px 5px 0 9px;
	font-size: 16px;
	height: 30px
}

.file-button-container .file-dropdown .file-child-button:hover {
	background: #e0e0e0
}

.file-button-container .file-dropdown i {
	padding-right: 5px
}

.file-viewer-upload-input,
.hide-dropdown {
	display: none
}

.port-forward .rules .empty {
	padding: 20px
}

.port-forward .rules .empty p {
	text-align: center
}

.port-forward .header.row {
	padding: 5px;
	z-index: 4
}

.port-forward .row {
	padding: 10px 5px;
	margin-bottom: 0
}

.port-forward .description input,
.port-forward .to_ip_address input {
	max-width: 85%
}

@media screen and (min-width:1000px) {

	.port-forward .description input,
	.port-forward .to_ip_address input {
		max-width: inherit
	}
}

.port-forward .port input {
	max-width: 85%
}

@media screen and (min-width:1000px) {
	.port-forward .port input {
		max-width: 100px
	}
}

.port-forward .to_port input,
.port-forward .use_from_port {
	max-width: 100%
}

@media screen and (min-width:1000px) {

	.port-forward .to_port input,
	.port-forward .use_from_port {
		max-width: 100px
	}
}

.port-forward .to_port .error-hide .validation-message,
.port-forward .to_port input .hide {
	display: none
}

.port-forward .to_port .use_from_port {
	padding: .5em;
	white-space: nowrap;
	border: 1px solid transparent;
	float: left
}

.port-forward .to-port-wrapper.hide,
.port-forward .to_port .use_from_port.hide {
	display: none
}

.port-forward .port table,
.port-forward .to_port table {
	width: 90%
}

@media screen and (min-width:1000px) {

	.port-forward .port table,
	.port-forward .to_port table {
		width: auto
	}
}

.port-forward .port td:first-child,
.port-forward .to_port td:first-child {
	width: 95%
}

@media screen and (min-width:1000px) {

	.port-forward .port td:first-child,
	.port-forward .to_port td:first-child {
		width: auto
	}
}

.port-forward .port td:last-child,
.port-forward .to_port td:last-child {
	width: 5%
}

@media screen and (min-width:1000px) {

	.port-forward .port td:last-child,
	.port-forward .to_port td:last-child {
		width: auto
	}
}

.port-forward .port table,
.port-forward .port td,
.port-forward .to_port table,
.port-forward .to_port td {
	margin: 0;
	padding: 0
}

.port-forward .protocol select {
	width: 85%
}

@media screen and (min-width:1000px) {
	.port-forward .protocol select {
		width: 70px
	}
}

.port-forward input,
.port-forward select {
	margin-bottom: 0
}

.port-forward .accordion-buttons {
	margin-top: 0
}

.port-forward .accordion-buttons-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	float: none
}

.port-forward .accordion-buttons-wrapper:last-child {
	margin-right: 0
}

.port-forward .accordion-buttons-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.port-forward .sticky-header {
	z-index: 4
}

.port-forward .toolbar-wrapper {
	z-index: 4;
	background-color: #fff
}

.port-forward .toolbar-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.port-forward .toolbar-wrapper.sticky {
	border-bottom: 1px solid #000
}

.port-forward .toolbar {
	float: right;
	height: 40px
}

.port-forward .toolbar .button {
	display: inline-block;
	margin: 4px 4px 0 0;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc
}

.port-forward .toolbar .button.active,
.port-forward .toolbar .button:hover {
	background: #ebebeb;
	color: #000
}

.port-forward .toolbar .button i {
	margin-right: 0
}

.port-forward .toolbar .disabled .button {
	color: #d9d9d9
}

.port-forward .toolbar .disabled .button.active,
.port-forward .toolbar .disabled .button:hover {
	background: #fff
}

.port-forward .header.row {
	background: #f2f2f2;
	cursor: default !important;
	top: 0;
	border-bottom: 1px solid #d9d9d9
}

.port-forward .header.row.sticky {
	border-top: 1px solid #000
}

.port-forward .row:hover {
	cursor: pointer
}

.port-forward .row .form-group.row {
	border: 0;
	margin-bottom: 0;
	padding: 0
}

.port-forward .row:nth-child(2n) {
	background: #f2f2f2
}

.port-forward .row.selected {
	background-color: #e6f3df;
	border: 1px solid #84c361;
	border-left-width: 5px
}

.port-forward p .button {
	display: inline-block;
	margin: 0 4px;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc
}

.port-forward p .button.active,
.port-forward p .button:hover {
	background: #ebebeb;
	color: #000
}

.port-forward .ip-multi-port {
	white-space: nowrap
}

.port-forward .ip-multi-port:after {
	clear: both;
	content: "";
	display: block
}

.port-forward .ip-multi-port input {
	top: 0
}

.port-forward .ip-multi-port .menu-button,
.port-forward .ip-multi-port input {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap
}

.digi-remote-manager .hide {
	display: none
}

.digi-remote-manager .panel-two-column {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.digi-remote-manager .panel-two-column:last-child {
	margin-right: 0
}

.digi-remote-manager .panel-two-column:nth-child(2n) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.digi-remote-manager .panel-two-column:nth-child(2n):last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.digi-remote-manager .panel-two-column {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.digi-remote-manager .panel-two-column:last-child {
		margin-right: 0
	}

	.digi-remote-manager .panel-two-column:nth-child(2n) {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.digi-remote-manager .panel-two-column:nth-child(2n):last-child {
		margin-right: 0
	}
}

.cloud-settings-table .append-units {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.cloud-settings-table .append-units:last-child {
	margin-right: 0
}

.cloud-settings-table .form-input {
	float: left;
	display: block;
	width: 31.7615653177%;
	margin-right: 0
}

.cloud-settings-table .form-input:last-child {
	margin-right: 0
}

.cloud-settings-table .form-input .help-block,
.cloud-settings-table .form-input .validation-message {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.cloud-settings-table .form-input .help-block:last-child,
.cloud-settings-table .form-input .validation-message:last-child {
	margin-right: 0
}

.cloud-settings-table .form-label {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.cloud-settings-table .form-label:last-child {
	margin-right: 0
}

.js-cloud,
.radius-config {
	overflow-wrap: break-word
}

.radius-config .row .accordion-column-half:first-of-type {
	margin-bottom: 0
}

@media screen and (min-width:1000px) {
	.radius-config .row .accordion-column-half:first-of-type {
		margin-bottom: 10px
	}
}

.system-preferences .column-half {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.system-preferences .column-half:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.system-preferences .column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.system-preferences .column-half:last-child,
	.system-preferences .column-half:nth-child(2n) {
		margin-right: 0
	}
}

.system-preferences .border-box h5 {
	border-bottom: none
}

.system-preferences .border-box {
	min-height: 400px
}

.openvpn-user-message,
.user-message {
	font-size: 1em
}

.openvpn-server .vertical-progress-nav {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.openvpn-server .vertical-progress-nav:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.openvpn-server .vertical-progress-nav {
		display: none
	}
}

.openvpn-server .vertical-progress-nav .step-nav {
	overflow: hidden;
	padding: 10px 0 0;
	margin: 20px 0 0;
	z-index: 5
}

.openvpn-server .vertical-progress-nav .step-nav li {
	font-weight: 700;
	font-size: 1em;
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 45px;
	padding: 5px 0 0;
	cursor: pointer
}

.openvpn-server .vertical-progress-nav .step-nav li:last-child {
	margin: 0
}

.openvpn-server .vertical-progress-nav .step-nav li:first-child:after {
	content: none
}

.openvpn-server .vertical-progress-nav .step-nav li:after {
	content: "";
	height: 53px;
	width: 8px;
	background: #f2f2f2;
	position: absolute;
	top: -49px;
	left: 11px;
	border: 3px solid #e8e8e8;
	border-top: 0;
	border-bottom: 0;
	z-index: 0;
	transition-property: background;
	transition-duration: .7s;
	cursor: default
}

.openvpn-server .vertical-progress-nav .step-nav li:before {
	height: 30px;
	width: 30px;
	content: "";
	border-radius: 50%;
	background: #f2f2f2;
	display: block;
	margin: -5px 10px 0 0;
	float: left;
	border: 4px solid #e8e8e8;
	z-index: 10;
	transition-property: background;
	transition-duration: .8s
}

.openvpn-server .vertical-progress-nav .step-nav li.active:after,
.openvpn-server .vertical-progress-nav .step-nav li.active:before {
	background: #84c361
}

.openvpn-server .span8 {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 74.4105869942%
}

.openvpn-server .span8:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.openvpn-server .span8 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.openvpn-server .span8:last-child {
		margin-right: 0
	}
}

.openvpn-server .tunnel-box {
	height: 610px;
	width: 100%;
	overflow: hidden;
	overflow-y: auto
}

.openvpn-server .tunnel-box form {
	height: 100%;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important
}

.openvpn-server .tunnel-box form .openvpn-section {
	height: 750px;
	width: 100%;
	padding: 0
}

.openvpn-server .tunnel-box form .openvpn-section:last-child {
	padding-bottom: 15px
}

.openvpn-server .tunnel-box table {
	font-size: 1em;
	margin: 0
}

.openvpn-server .tunnel-box table td {
	padding: 5 px 0 0
}

.openvpn-server .control-next,
.openvpn-server .control-prev {
	right: 0;
	text-align: right;
	display: block;
	color: #00b7ff;
	cursor: pointer
}

.openvpn-server .control-next span,
.openvpn-server .control-prev span {
	display: block;
	font-weight: 700
}

.openvpn-server .control-prev {
	top: 0
}

.openvpn-server .control-next {
	bottom: 0
}

@media screen and (max-width:1024px) {
	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third:last-child,
	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third:nth-child(2n) {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third .s-box {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third .s-box:last-child {
		margin-right: 0
	}

	.openvpn-server .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third .s-box .row {
		width: 100%;
		display: block;
		float: left
	}
}

.openvpn-server .vpn-container .tunnel-box table {
	font-size: .9em
}

.openvpn-server .vpn-container .tunnel-box table tr td:first-child {
	max-width: 250px;
	width: 50%
}

.openvpn-server .new-openvpn-select {
	font-size: 16px
}

.openvpn-server .new-openvpn-select span {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	font-weight: 700
}

.openvpn-server .new-openvpn-select div {
	display: inline-block
}

.openvpn-server .new-openvpn-select div select {
	margin-top: 5px;
	width: 80px
}

.openvpn-server .new-openvpn-message {
	padding: 10px
}

.openvpn-server .split-column-uneven {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.openvpn-server .split-column-uneven:last-child {
	margin-right: 0
}

.openvpn-server .split-column-uneven:nth-child(2n) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%
}

.openvpn-server .split-column-uneven:nth-child(2n):last-child {
	margin-right: 0
}

.openvpn-server .split-column-uneven:nth-child(2n) .lifebyte input,
.openvpn-server .split-column-uneven:nth-child(2n) .lifebyte select {
	float: left;
	display: block;
	margin-right: 4.1109185794%;
	width: 47.9445407103%
}

.openvpn-server .split-column-uneven:nth-child(2n) .lifebyte input:last-child,
.openvpn-server .split-column-uneven:nth-child(2n) .lifebyte select:last-child {
	margin-right: 0
}

.openvpn-server .openvpn-section,
.openvpn-server .openvpn-section .error-popoup-wrap,
.openvpn-server .openvpn-section .table-responsive td {
	position: relative
}

.openvpn-client .vertical-progress-nav {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.openvpn-client .vertical-progress-nav:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.openvpn-client .vertical-progress-nav {
		display: none
	}
}

.openvpn-client .vertical-progress-nav .step-nav {
	overflow: hidden;
	padding: 10px 0 0;
	margin: 20px 0 0;
	z-index: 5
}

.openvpn-client .vertical-progress-nav .step-nav li {
	font-weight: 700;
	font-size: 1em;
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 45px;
	padding: 5px 0 0;
	cursor: pointer
}

.openvpn-client .vertical-progress-nav .step-nav li:last-child {
	margin: 0
}

.openvpn-client .vertical-progress-nav .step-nav li:first-child:after {
	content: none
}

.openvpn-client .vertical-progress-nav .step-nav li:after {
	content: "";
	height: 53px;
	width: 8px;
	background: #f2f2f2;
	position: absolute;
	top: -49px;
	left: 11px;
	border: 3px solid #e8e8e8;
	border-top: 0;
	border-bottom: 0;
	z-index: 0;
	transition-property: background;
	transition-duration: .7s;
	cursor: default
}

.openvpn-client .vertical-progress-nav .step-nav li:before {
	height: 30px;
	width: 30px;
	content: "";
	border-radius: 50%;
	background: #f2f2f2;
	display: block;
	margin: -5px 10px 0 0;
	float: left;
	border: 4px solid #e8e8e8;
	z-index: 10;
	transition-property: background;
	transition-duration: .8s
}

.openvpn-client .vertical-progress-nav .step-nav li.active:after,
.openvpn-client .vertical-progress-nav .step-nav li.active:before {
	background: #84c361
}

.openvpn-client .span8 {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 74.4105869942%
}

.openvpn-client .span8:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.openvpn-client .span8 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.openvpn-client .span8:last-child {
		margin-right: 0
	}
}

.openvpn-client .tunnel-box {
	height: 610px;
	width: 100%;
	overflow: hidden;
	overflow-y: auto
}

.openvpn-client .tunnel-box form {
	height: 100%;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important
}

.openvpn-client .tunnel-box form .openvpn-section {
	height: 750px;
	width: 100%;
	padding: 0
}

.openvpn-client .tunnel-box form .openvpn-section:last-child {
	padding-bottom: 15px
}

.openvpn-client .tunnel-box table {
	font-size: 1em;
	margin: 0
}

.openvpn-client .tunnel-box table td {
	padding: 5 px 0 0
}

.openvpn-client .control-next,
.openvpn-client .control-prev {
	right: 0;
	text-align: right;
	display: block;
	color: #00b7ff;
	cursor: pointer
}

.openvpn-client .control-next span,
.openvpn-client .control-prev span {
	display: block;
	font-weight: 700
}

.openvpn-client .control-prev {
	top: 0
}

.openvpn-client .control-next {
	bottom: 0
}

@media screen and (max-width:1024px) {
	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third:last-child,
	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third:nth-child(2n) {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third .s-box {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third .s-box:last-child {
		margin-right: 0
	}

	.openvpn-client .open-accordion .accordion-content-wrapper .openvpnContainer .accordion-column-third .s-box .row {
		width: 100%;
		display: block;
		float: left
	}
}

.openvpn-client .vpn-container .tunnel-box table {
	font-size: .9em
}

.openvpn-client .vpn-container .tunnel-box table tr td:first-child {
	max-width: 250px;
	width: 50%
}

.openvpn-client .new-openvpn-select {
	font-size: 16px
}

.openvpn-client .new-openvpn-select span {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	font-weight: 700
}

.openvpn-client .new-openvpn-select div {
	display: inline-block
}

.openvpn-client .new-openvpn-select div select {
	margin-top: 5px;
	width: 80px
}

.openvpn-client .new-openvpn-message {
	padding: 10px
}

.openvpn-client .split-column-uneven {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.openvpn-client .split-column-uneven:last-child {
	margin-right: 0
}

.openvpn-client .split-column-uneven:nth-child(2n) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%
}

.openvpn-client .split-column-uneven:nth-child(2n):last-child {
	margin-right: 0
}

.openvpn-client .split-column-uneven:nth-child(2n) .lifebyte input,
.openvpn-client .split-column-uneven:nth-child(2n) .lifebyte select {
	float: left;
	display: block;
	margin-right: 4.1109185794%;
	width: 47.9445407103%
}

.openvpn-client .split-column-uneven:nth-child(2n) .lifebyte input:last-child,
.openvpn-client .split-column-uneven:nth-child(2n) .lifebyte select:last-child {
	margin-right: 0
}

.openvpn-client .openvpn-section,
.openvpn-client .openvpn-section .error-popoup-wrap,
.openvpn-client .openvpn-section .table-responsive td {
	position: relative
}

.openvpn-route {
	font-size: .9em;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.openvpn-route:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.openvpn-route {
		margin-left: 8.5298043353%
	}
}

.openvpn-route .outer-box {
	margin-right: 0;
	padding: 10px
}

@media screen and (min-width:1000px) {
	.openvpn-route .outer-box {
		float: left;
		display: block;
		width: 82.9403913294%;
		margin-right: 0
	}

	.openvpn-route .outer-box:last-child {
		margin-right: 0
	}
}

.openvpn-route .help-tag {
	display: none
}

@media screen and (min-width:1000px) {
	.openvpn-route .help-tag {
		margin-right: 2.3576520234%;
		width: 6.1721523119%;
		float: left;
		display: block
	}

	.openvpn-route .help-tag:last-child {
		margin-right: 0
	}
}

.openvpn-route .content {
	margin: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc
}

.openvpn-route .rules .empty {
	padding: 20px
}

.openvpn-route .rules .empty p {
	text-align: center
}

.openvpn-route .header.row {
	padding: 5px;
	z-index: 4
}

.openvpn-route .row {
	padding: 10px 5px;
	margin-bottom: 0
}

.openvpn-route .destination,
.openvpn-route .mask {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.openvpn-route .destination:last-child,
.openvpn-route .mask:last-child {
	margin-right: 0
}

.openvpn-route .description {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%;
	margin-top: 5px
}

.openvpn-route .description:last-child {
	margin-right: 0
}

.openvpn-route .protocol select {
	width: 70px
}

.openvpn-route input,
.openvpn-route select {
	margin-bottom: 0
}

.openvpn-route .accordion-buttons {
	margin-top: 0
}

.openvpn-route .accordion-buttons-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	float: none
}

.openvpn-route .accordion-buttons-wrapper:last-child {
	margin-right: 0
}

.openvpn-route .accordion-buttons-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.openvpn-route .toolbar-wrapper {
	z-index: 4;
	background-color: #fff
}

.openvpn-route .toolbar-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.openvpn-route .toolbar-wrapper.sticky {
	border-bottom: 1px solid #000
}

.openvpn-route .toolbar {
	float: right;
	height: 40px
}

.openvpn-route .toolbar .button {
	display: inline-block;
	margin: 4px 4px 0 0;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc
}

.openvpn-route .toolbar .button.active,
.openvpn-route .toolbar .button:hover {
	background: #ebebeb;
	color: #000
}

.openvpn-route .toolbar .button i {
	margin-right: 0
}

.openvpn-route .toolbar .disabled .button {
	color: #d9d9d9
}

.openvpn-route .toolbar .disabled .button.active,
.openvpn-route .toolbar .disabled .button:hover {
	background: #fff
}

.openvpn-route .tooltip {
	max-width: 250px
}

.openvpn-route .tooltip ul {
	margin-left: 20px;
	padding: 0
}

.openvpn-route .outer-box {
	border: 1px solid #d3d3d3;
	background-color: #fff
}

.openvpn-route .rules {
	border: 1px solid #000
}

.openvpn-route .header.row {
	background: #f2f2f2;
	cursor: default !important
}

.openvpn-route .header.row.sticky {
	border-top: 1px solid #000
}

.openvpn-route .header.row div[data-tip=true] {
	cursor: help
}

.openvpn-route .row {
	border-bottom: 1px solid #d9d9d9
}

.openvpn-route .row:hover {
	cursor: pointer
}

.openvpn-route .row .form-group.row {
	border: 0;
	margin-bottom: 0;
	padding: 0
}

.openvpn-route .row:nth-child(2n) {
	background: #f2f2f2
}

.openvpn-route .row.selected {
	background-color: #e6f3df;
	border: 1px solid #84c361;
	border-left-width: 5px
}

.openvpn-route p .button {
	display: inline-block;
	margin: 0 4px;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc
}

.openvpn-route p .button.active,
.openvpn-route p .button:hover {
	background: #ebebeb;
	color: #000
}

.openvpn-route .tooltip ul {
	list-style-type: disc
}

.openvpn-route .openvpn-route-rule-enter {
	max-height: 0;
	overflow-y: hidden
}

.openvpn-route .openvpn-route-rule-enter.openvpn-route-rule-enter-active {
	max-height: 50px;
	overflow-y: hidden;
	-webkit-transition: max-height .5s ease-in-out;
	-moz-transition: max-height .5s ease-in-out;
	-o-transition: max-height .5s ease-in-out;
	transition: max-height .5s ease-in-out
}

.openvpn-route .openvpn-route-rule-leave {
	max-height: 50px;
	overflow-y: hidden
}

.openvpn-route .openvpn-route-rule-leave.openvpn-route-rule-leave-active {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height .5s ease-in-out;
	-moz-transition: max-height .5s ease-in-out;
	-o-transition: max-height .5s ease-in-out;
	transition: max-height .5s ease-in-out
}

.Select-control {
	border-radius: 0
}

.vertical-progress-nav {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.vertical-progress-nav:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.vertical-progress-nav {
		display: none
	}
}

.vertical-progress-nav .step-nav {
	overflow: hidden;
	padding: 10px 0 0;
	margin: 20px 0 0;
	z-index: 5
}

.vertical-progress-nav .step-nav li {
	font-weight: 700;
	font-size: 1em;
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 45px;
	padding: 5px 0 0;
	cursor: pointer
}

.vertical-progress-nav .step-nav li:last-child {
	margin: 0
}

.vertical-progress-nav .step-nav li:first-child:after {
	content: none
}

.vertical-progress-nav .step-nav li:after {
	content: "";
	height: 53px;
	width: 8px;
	background: #f2f2f2;
	position: absolute;
	top: -49px;
	left: 11px;
	border: 3px solid #e8e8e8;
	border-top: 0;
	border-bottom: 0;
	z-index: 0;
	transition-property: background;
	transition-duration: .7s;
	cursor: default
}

.vertical-progress-nav .step-nav li:before {
	height: 30px;
	width: 30px;
	content: "";
	border-radius: 50%;
	background: #f2f2f2;
	display: block;
	margin: -5px 10px 0 0;
	float: left;
	border: 4px solid #e8e8e8;
	z-index: 10;
	transition-property: background;
	transition-duration: .8s
}

.vertical-progress-nav .step-nav li.active:after,
.vertical-progress-nav .step-nav li.active:before {
	background: #84c361
}

.span8 {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 74.4105869942%
}

.span8:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.span8 {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.span8:last-child {
		margin-right: 0
	}
}

.tunnel-box {
	height: 540px;
	width: 100%;
	overflow: hidden;
	overflow-y: auto
}

.tunnel-box form {
	height: 100%;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important
}

.tunnel-box form .ipsec-section {
	width: 100%;
	min-height: 508px;
	padding: 0
}

.tunnel-box form .ipsec-section:last-child {
	padding-bottom: 15px
}

.tunnel-box table {
	font-size: 1em;
	margin: 0
}

.tunnel-box table td {
	padding: 5 px 0 0
}

.control-next,
.control-prev {
	right: 0;
	text-align: right;
	display: block;
	color: #00b7ff;
	cursor: pointer
}

.control-next span,
.control-prev span {
	display: block;
	font-weight: 700
}

.control-prev {
	top: 0
}

.control-next {
	bottom: 0
}

@media screen and (max-width:1024px) {
	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third:last-child,
	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third:nth-child(2n) {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third:last-child {
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third .s-box {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third .s-box:last-child {
		margin-right: 0
	}

	.open-accordion .accordion-content-wrapper .ipSecContainer .accordion-column-third .s-box .row {
		width: 100%;
		display: block;
		float: left
	}
}

.vpn-container .tunnel-box table {
	font-size: .9em
}

.vpn-container .tunnel-box table tr td:first-child {
	max-width: 250px;
	width: 50%
}

.new-ipsec-select {
	font-size: 16px
}

.new-ipsec-select span {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	font-weight: 700
}

.new-ipsec-select div {
	display: inline-block
}

.new-ipsec-select div select {
	margin-top: 5px;
	width: 80px
}

.new-ipsec-message {
	padding: 10px
}

.split-column-uneven {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.split-column-uneven:last-child {
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .lifebyte {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .lifebyte:last-child {
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .lifebyte input {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 48.2106678699%
}

.split-column-uneven:nth-child(2n) .lifebyte input:last-child {
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .lifebyte select {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 48.2106678699%
}

.split-column-uneven:nth-child(2n) .lifebyte select:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.split-column-uneven:nth-child(2n) .lifebyte {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 74.1053339349%
	}

	.split-column-uneven:nth-child(2n) .lifebyte:last-child {
		margin-right: 0
	}

	.split-column-uneven:nth-child(2n) .lifebyte input {
		float: left;
		display: block;
		margin-right: 4.8291588071%;
		width: 47.5854205965%
	}

	.split-column-uneven:nth-child(2n) .lifebyte input:last-child {
		margin-right: 0
	}

	.split-column-uneven:nth-child(2n) .lifebyte select {
		float: left;
		display: block;
		margin-right: 4.8291588071%;
		width: 47.5854205965%
	}

	.split-column-uneven:nth-child(2n) .lifebyte select:last-child {
		margin-right: 0
	}
}

.ipsec-section {
	position: relative
}

.ipsec-section>div.row:not(.js-row-state) {
	height: 44.5px
}

.ipsec-section .error-popoup-wrap,
.ipsec-section .table-responsive td {
	position: relative
}

.ipsec-section .form-group.row {
	margin-bottom: 0
}

.js-row-probe_hosts .Select-arrow-zone,
.js-row-probe_hosts .Select-menu-outer,
.js-row-remote_subnet .Select-arrow-zone,
.js-row-remote_subnet .Select-menu-outer {
	display: none
}

.js-row-probe_interval .help-block.validation-message {
	margin-bottom: .75em
}

.js-simple-expander-trigger {
	cursor: pointer;
	color: #00f
}

.js-simple-expander-trigger-text {
	text-decoration: underline
}

.js-simple-expander-trigger-hidden:after {
	content: "\25BE";
	font-size: 1.1em;
	margin-left: .3em;
	position: absolute;
	top: -9%
}

.js-simple-expander-trigger-shown:after {
	content: "\25BE";
	font-size: 1.1em;
	margin-left: .3em;
	position: absolute;
	top: 5%;
	transform: rotate(180deg)
}

.js-simple-expander-target-box {
	border: 1px solid #d9d9d9;
	overflow: auto;
	padding: 5px;
	margin: 5px;
	line-height: 160%
}

.js-simple-expander-target-box-hidden {
	display: none
}

.js-input-notice {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 74.1053339349%
}

.js-input-notice:last-child {
	margin-right: 0
}

@media screen and (max-width:999px) {
	.js-input-notice {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 100%
	}

	.js-input-notice:last-child {
		margin-right: 0
	}
}

.ipsec-xauth-user-message {
	font-size: 1em
}

.coming-soon {
	padding-top: 50px;
	min-height: 300px;
	text-align: center
}

.page-banner {
	width: 100%;
	background-color: #00b7ff;
	text-align: center;
	padding: 10px 18px;
	color: #fff;
	font-weight: 600;
	min-height: 58px
}

.page-banner a {
	color: inherit;
	text-decoration: underline;
	font-weight: 700
}

.page-banner a:hover {
	color: inherit;
	text-decoration: none
}

.page-banner .banner-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.page-banner .banner-icon {
		float: left
	}
}

.page-banner .banner-content {
	display: inline-block;
	vertical-align: middle
}

@media screen and (max-width:1000px) {
	.page-banner .banner-content {
		display: inherit
	}
}

.border-box {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px;
	display: inline-block
}

.border-box:last-child {
	margin: 0
}

.border-box h4 {
	margin-bottom: 5px
}

.border-box table {
	font-size: .9em
}

.border-box table td {
	vertical-align: middle
}

.border-box table td input:not([type=radio]),
.border-box table td select {
	height: 34px;
	width: 100%
}

.border-box table td input {
	margin-top: 1px
}

.border-box table td input:not([type=radio]) {
	margin-bottom: 1px
}

.border-box table td textarea {
	height: 50px;
	width: 100%;
	resize: none;
	margin-bottom: 0
}

.border-box table .form-label {
	vertical-align: initial
}

.border-box h5 {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin: -15px -15px 10px
}

.areaDesc.defaultOk {
	background-color: #84c361;
	background-image:
		/*savepage-url=images/check.png*/
		url()
}

.areaDesc:after {
	content: "";
	display: block;
	position: absolute;
	top: 70px;
	right: -10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #ccc;
	background-image:
		/*savepage-url=images/refresh.png*/
		url();
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 14px
}

.modal-save h6 {
	margin: 5px;
	display: block;
	float: left
}

.modal-save .border-box h5 {
	font-size: 1em !important
}

.interface-header {
	margin-right: 10px
}

.interface-header span {
	margin-bottom: 3px;
	margin-left: 7px
}

.interfaces .box,
.interfaces .row+.row-separator {
	margin-bottom: 20px
}

.interfaces .selected-interface {
	padding: 10px
}

.interfaces .border-box {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.interfaces .border-box:last-child {
	margin-right: 0
}

.interfaces .border-box.highlight {
	background: #fff;
	border: 1px solid #84c361;
	border-left-width: 5px;
	position: relative
}

ul.table-container {
	list-style: none;
	padding: 0;
	font-size: 1em
}

ul.table-container li {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

ul.table-container li:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	ul.table-container li {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	ul.table-container li:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {
	ul.table-container li {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	ul.table-container li:last-child {
		margin-right: 0
	}
}

ul.table-container table td.empty-indent-column {
	width: 25px
}

ul.table-container table tr td:not(.empty-indent-column) {
	padding: 3px 0;
	min-width: 120px
}

.select-interface label:hover {
	cursor: pointer
}

@media screen and (min-width:650px) {
	.ethernet-accordion .accordion-header-text-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.ethernet-accordion .accordion-header-text-wrapper:last-child {
		margin-right: 0
	}

	.ethernet-accordion .accordion-buttons-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: -2.3576520234%
	}

	.ethernet-accordion .accordion-buttons-wrapper:last-child {
		margin-right: 0
	}

	.ethernet-accordion .open-accordion .accordion-header-text-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%
	}

	.ethernet-accordion .open-accordion .accordion-header-text-wrapper:last-child {
		margin-right: 0
	}

	.ethernet-accordion .open-accordion .accordion-buttons-wrapper {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	.ethernet-accordion .open-accordion .accordion-buttons-wrapper:last-child {
		margin-right: 0
	}
}

@media screen and (min-width:1000px) {

	.cellular-edit,
	.wifi-edit {
		border: 1px solid #d9d9d9;
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 100%
	}

	.cellular-edit:last-child,
	.wifi-edit:last-child {
		margin-right: 0
	}

	.cellular-edit .nav-sidebar,
	.wifi-edit .nav-sidebar {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 31.7615653177%
	}

	.cellular-edit .nav-sidebar:last-child,
	.wifi-edit .nav-sidebar:last-child {
		margin-right: 0
	}

	.cellular-edit .nav-sidebar,
	.cellular-edit .nav-sidebar .sub-label,
	.wifi-edit .nav-sidebar,
	.wifi-edit .nav-sidebar .sub-label {
		font-size: .9em
	}

	.cellular-edit .cellular-config,
	.cellular-edit .wifi-config,
	.wifi-edit .cellular-config,
	.wifi-edit .wifi-config {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 65.8807826589%;
		padding-left: 10px
	}

	.cellular-edit .cellular-config:last-child,
	.cellular-edit .wifi-config:last-child,
	.wifi-edit .cellular-config:last-child,
	.wifi-edit .wifi-config:last-child {
		margin-right: 0
	}

	.cellular-edit .cellular-config .data-expander-wrapper,
	.cellular-edit .wifi-config .data-expander-wrapper,
	.wifi-edit .cellular-config .data-expander-wrapper,
	.wifi-edit .wifi-config .data-expander-wrapper {
		border: 0;
		padding-right: 0
	}

	.cellular-edit .wifi-config,
	.wifi-edit .wifi-config {
		padding-left: 20px
	}

	.cellular-edit.new .config-fields>div,
	.wifi-edit.new .config-fields>div {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.cellular-edit.new .config-fields>div:last-child,
	.wifi-edit.new .config-fields>div:last-child {
		margin-right: 0
	}
}

.wifi-client-network-dialog .dialog {
	width: 400px
}

.wifi-client-network-dialog .data-expander-wrapper {
	border: 0;
	padding: 10px 0
}

.wifi-config {
	padding: 10px 0 10px 10px
}

.wifi-config .delete-ap {
	float: right;
	margin-bottom: 10px
}

.wifi-edit .nav-sidebar {
	min-height: 659px
}

.wifi-config .data-expander-wrapper {
	padding-left: 0
}

.dashboard-panel-link {
	margin-top: 10px
}

.dashboard-row2 .dashboard-col-wrapper .dashboard-col {
	margin-right: 5px
}

.dashboard-container .split-column-uneven {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%
}

.dashboard-container .split-column-uneven:last-child {
	margin-right: 0
}

.dashboard-container .split-column-uneven:nth-child(2) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.dashboard-container .split-column-uneven:nth-child(2):last-child {
	margin-right: 0
}

.js-no-vpn {
	margin-left: 35px
}

.panel-content {
	overflow-wrap: break-word
}

.panel-content.device .split-column-uneven,
.panel-content.drm .split-column-uneven {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%
}

.panel-content.device .split-column-uneven:last-child,
.panel-content.drm .split-column-uneven:last-child {
	margin-right: 0
}

.panel-content.device .value-aligned-small-icon,
.panel-content.drm .value-aligned-small-icon {
	min-width: 128px
}

.panel-content.device .half-column.system-state,
.panel-content.drm .half-column.system-state {
	float: left;
	min-width: 278px
}

.panel-content.device .half-column.system-state .split-column-uneven,
.panel-content.drm .half-column.system-state .split-column-uneven {
	min-width: 118px
}

.lan-container .accordion-container,
.lan-container .accordion-container .error-popoup-wrap,
.lan-container .accordion-container .table-responsive td {
	position: relative
}

.lan-container .accordion-container .form-group.row {
	margin-bottom: 0
}

.border-box .inline-input td input[type=text] {
	height: 34px;
	width: 36px;
	border-radius: 2px;
	margin-right: 5px
}

.border-box .inline-input td input[type=text]:last-child {
	margin-right: 0
}

.new-lan-message {
	padding: 10px
}

.lan-config-form-table .form-label {
	width: 40%;
	vertical-align: initial
}

.lan-config-form-table .form-input {
	width: 60%
}

.lan-config-form-table .append-units {
	width: 0
}

.lan-table {
	margin-left: 25px;
	font-weight: 700
}

.lan-interface-warning {
	color: orange
}

.firewall .filters-section {
	border-top: 1px solid #d9d9d9;
	margin-bottom: 20px
}

.firewall .filters-section h4 {
	padding: 10px 0;
	margin: 0
}

.firewall .filters-section .content.closed {
	display: none
}

@media screen and (min-width:1000px) {

	.firewall .data-grid .col.dst_ip_port,
	.firewall .data-grid .col.src_ip_port,
	.firewall .data-grid .header .col.dst_ip_port,
	.firewall .data-grid .header .col.src_ip_port,
	.firewall .data-grid>.value {
		text-align: center
	}

	.firewall .data-grid .span1-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 10.4370544795%
	}

	.firewall .data-grid .span1-half:last-child {
		margin-right: 0
	}
}

.firewall .box {
	margin: 0 10px 10px;
	border: 1px solid #000
}

.firewall .box:after {
	clear: both;
	content: "";
	display: block
}

.firewall .filters-section h4:hover {
	background: #f2f2f2;
	cursor: pointer;
	color: #00b7ff
}

.firewall .toolbar-wrapper {
	border-bottom: 1px solid #d9d9d9
}

.firewall .data-grid {
	border: none
}

.edit-filter-form {
	width: auto;
	position: relative
}

@media screen and (min-width:650px) {
	.edit-filter-form {
		width: 460px
	}
}

.edit-filter-form .Select {
	position: relative
}

.edit-filter-form .filter-port {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.edit-filter-form .filter-port:last-child {
	margin-right: 0
}

.edit-filter-form .filter-port input {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 74.1053339349%;
	margin-right: 0 !important
}

.edit-filter-form .filter-port input:last-child {
	margin-right: 0
}

.edit-filter-form .filter-port .menu-button {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 22.3160018048%
}

.edit-filter-form .filter-port .menu-button:last-child {
	margin-right: 0
}

.edit-filter-form .filter-port .menu-button .attached-popup-button {
	float: left;
	display: block;
	margin-right: 16.036314621%;
	width: 58.2269267364%
}

.edit-filter-form .filter-port .menu-button .attached-popup-button:last-child {
	margin-right: 0
}

.edit-filter-form .filter-port .validation-message {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.edit-filter-form .filter-port .validation-message:last-child {
	margin-right: 0
}

.single-select .Select-menu-outer .Select-option.is-disabled {
	font-weight: 700
}

@media only screen and (max-width:350px) {
	.content {
		min-width: 268px;
		margin: 0 !important
	}

	.alert {
		display: none
	}
}

.col.src_ip_address.span2 {
	overflow: hidden
}

.col.src_ip_address.span2 .value {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.speed-test-container {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.speed-test-container:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.speed-test-container {
		margin-left: 8.5298043353%
	}
}

.speed-test {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.speed-test {
		float: left;
		display: block;
		width: 82.9403913294%;
		margin-right: 10px
	}

	.speed-test:last-child {
		margin-right: 0
	}
}

.speed-test .outer-box {
	border: 1px solid #d3d3d3;
	float: left;
	background-color: #fff;
	padding: 10px;
	width: 100%;
	min-width: 300px
}

.speed-test .speed-test-form {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.speed-test .speed-test-form:last-child {
	margin-right: 0
}

.speed-test .speed-test-form .button-bar {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 10px
}

.speed-test .speed-test-form .button-bar:last-child {
	margin-right: 0
}

.speed-test .speed-test-form .button-bar Button {
	float: right;
	margin: 0 0 10px
}

.speed-test .speed-test-form .top-paragraph {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #d3d3d3
}

.speed-test .speed-test-form .top-paragraph:last-child {
	margin-right: 0
}

.speed-test .speed-test-form .side-container {
	float: left;
	display: block;
	width: 100%;
	margin: 0
}

.speed-test .speed-test-form .side-container:last-child {
	margin-right: 0
}

.speed-test .speed-test-form .side-container h4 {
	margin-bottom: 10px
}

.speed-test .speed-test-form .side-container .left-side {
	width: calc(50% - 5px);
	float: left;
	padding: 10px;
	margin: 0 10px 0 0;
	border: 1px solid #d3d3d3;
	min-width: 278px
}

.speed-test .speed-test-form .side-container .left-side .config-row p {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%;
	line-height: 22px;
	margin-top: 6px;
	color: grey;
	font-weight: 600
}

.speed-test .speed-test-form .side-container .left-side .config-row p:last-child {
	margin-right: 0
}

.speed-test .speed-test-form .side-container .left-side .config-row .row {
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%;
	float: left
}

.speed-test .speed-test-form .side-container .left-side .config-row .row:last-child {
	margin-right: 0
}

.speed-test .speed-test-form .side-container .right-side {
	width: calc(50% - 5px);
	float: left;
	padding: 10px;
	margin: 0;
	border: 1px solid #d3d3d3;
	min-width: 278px;
	min-height: 264px
}

.speed-test .speed-test-form .side-container .right-side .split-column-uneven .icon {
	float: left
}

.speed-test .speed-test-form .side-container .right-side .split-column-uneven .icon-space {
	visibility: hidden;
	float: left
}

.speed-test .speed-test-form .side-container .right-side .split-column-uneven .value-inline.js-value {
	float: left
}

.speed-test .speed-test-form .accordion-help-box.help-box,
.speed-test .speed-test-form .accordion-help.help-tag {
	display: none
}

.speed-test .speed-test-form .js-accordion-wrapper.accordion-wrapper.expander {
	padding: 0;
	margin: 0
}

.speed-test .speed-test-form .js-accordion-wrapper.accordion-wrapper.expander.open-accordion {
	width: 100%;
	min-height: 166px;
	padding: 10px
}

.speed-test .speed-test-form .js-accordion-wrapper.accordion-wrapper.expander.open-accordion .accordion-header-text-wrapper {
	padding: 0
}

.speed-test .speed-test-form .accordion-header-text-wrapper {
	width: 100%;
	padding: 10px
}

.dmnr .column-dmnr-network {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 23.2317609825%
}

.dmnr .column-dmnr-network:last-child {
	margin-right: 0
}

.dmnr .column-dmnr-network-info {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 74.4105869942%
}

.dmnr .column-dmnr-network-info:last-child {
	margin-right: 0
}

.dmnr .column-half {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.dmnr .column-half:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.dmnr .column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.dmnr .column-half:last-child,
	.dmnr .column-half:nth-child(2n) {
		margin-right: 0
	}
}

.dmnr .column-first {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%;
	width: 115px
}

.dmnr .column-first:last-child,
.dmnr .column-first:nth-child(2n) {
	margin-right: 0
}

.dmnr .column-second {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%;
	width: 90px
}

.dmnr .column-second:last-child,
.dmnr .column-second:nth-child(2n) {
	margin-right: 0
}

.dmnr .dmnr-state {
	overflow: auto
}

.dmnr .input-group-addon {
	vertical-align: bottom
}

.dmnr .input-group-addon:after {
	clear: both;
	content: "";
	display: block
}

.dmnr .expander-container {
	margin-top: 20px
}

.dmnr .lan-status span {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.dmnr .lan-status span:last-child {
	margin-right: 0
}

.qos .queue-remove {
	float: right
}

.qos-tabs .qos-tab.RRT__tab--disabled:not(.RRT__tab--selected) {
	cursor: pointer
}

.qos-tabs .qos-tab.RRT__tab--disabled:not(.RRT__tab--selected) .tab-name {
	font-style: italic
}

.qos .tab-title .tab-icon {
	margin-left: 2px
}

.qos-tabs .qos-tab.RRT__tab--disabled.RRT__tab--selected {
	opacity: 1;
	border-width: 1px 1px 1px 0;
	cursor: pointer;
	z-index: 1;
	background: #fff;
	border-color: #ddd #ddd #fff
}

.qos-tabs .qos-tab.RRT__tab--disabled.RRT__tab--selected#tab-0 {
	border-left-width: 1px
}

.qos-panel .data-grid {
	float: none
}

.split-column-uneven:nth-child(2n) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.split-column-uneven:nth-child(2n):last-child {
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .bandwidth-upstream {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .bandwidth-upstream:last-child {
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .bandwidth-upstream input {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 61.1580009024%
}

.split-column-uneven:nth-child(2n) .bandwidth-upstream input:last-child {
	margin-right: 0
}

.split-column-uneven:nth-child(2n) .bandwidth-upstream select {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 35.2633348373%
}

.split-column-uneven:nth-child(2n) .bandwidth-upstream select:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.split-column-uneven:nth-child(2n) .bandwidth-upstream {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 74.1053339349%
	}

	.split-column-uneven:nth-child(2n) .bandwidth-upstream:last-child {
		margin-right: 0
	}

	.split-column-uneven:nth-child(2n) .bandwidth-upstream input {
		float: left;
		display: block;
		margin-right: 4.8291588071%;
		width: 65.0569470643%
	}

	.split-column-uneven:nth-child(2n) .bandwidth-upstream input:last-child {
		margin-right: 0
	}

	.split-column-uneven:nth-child(2n) .bandwidth-upstream select {
		float: left;
		display: block;
		margin-right: 4.8291588071%;
		width: 30.1138941286%
	}

	.split-column-uneven:nth-child(2n) .bandwidth-upstream select:last-child {
		margin-right: 0
	}
}

.qos-filter-port {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.qos-filter-port:last-child {
	margin-right: 0
}

.qos-filter-port input {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 87.0526669675%
}

.qos-filter-port input:last-child {
	margin-right: 0
}

.qos .tab-name {
	max-width: 290px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.qos .name-inline {
	display: flex
}

.group-select .Select-menu-outer .Select-option.is-disabled {
	font-weight: 700
}

.vrrp .column-half {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.vrrp .column-half:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.vrrp .column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.vrrp .column-half:last-child,
	.vrrp .column-half:nth-child(2n) {
		margin-right: 0
	}
}

.vrrp .column-first {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%;
	width: 115px
}

.vrrp .column-first:last-child,
.vrrp .column-first:nth-child(2n) {
	margin-right: 0
}

.vrrp .column-second {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%;
	width: 90px
}

.vrrp .column-second:last-child,
.vrrp .column-second:nth-child(2n) {
	margin-right: 0
}

.vrrp .vrrp-state {
	overflow: auto
}

.vrrp .input-group-addon {
	vertical-align: bottom
}

.vrrp .input-group-addon:after {
	clear: both;
	content: "";
	display: block
}

.vrrp .expander-container {
	margin-top: 20px
}

.vrrp .lan-status span {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.vrrp .lan-status span:last-child {
	margin-right: 0
}

.vrrp .vrrp-state .current_state-status-value:first-letter,
.vrrp .vrrp-state .state-status-value:first-letter {
	text-transform: uppercase
}

.vrrp .data-expander-content .row {
	height: 49.5px
}

.vrrp .data-expander-content .row input,
.vrrp .data-expander-content .row select {
	height: 34px;
	padding: .5em
}

.hotspot .column-half {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.hotspot .column-half:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.hotspot .column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.hotspot .column-half:last-child,
	.hotspot .column-half:nth-child(2n) {
		margin-right: 0
	}
}

.hotspot .column-half>div {
	height: 47px
}

.hotspot .column-first {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%;
	width: 115px
}

.hotspot .column-first:last-child,
.hotspot .column-first:nth-child(2n) {
	margin-right: 0
}

.hotspot .column-second {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%;
	width: 90px
}

.hotspot .column-second:last-child,
.hotspot .column-second:nth-child(2n) {
	margin-right: 0
}

.hotspot .column-full {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.hotspot .column-full:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.hotspot .column-full .split-column-uneven {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 14.2754664304%
	}

	.hotspot .column-full .split-column-uneven:last-child {
		margin-right: 0
	}
}

.hotspot .column-full .split-column-uneven:nth-child(2n) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.hotspot .column-full .split-column-uneven:nth-child(2n):last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.hotspot .column-full .split-column-uneven:nth-child(2n) {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 83.3668815462%
	}

	.hotspot .column-full .split-column-uneven:nth-child(2n):last-child {
		margin-right: 0
	}
}

.hotspot .column-full .split-column-uneven:nth-child(2n) .Select {
	margin-bottom: .75em
}

@media screen and (min-width:1000px) {
	.hotspot .column-full .split-column-uneven:nth-child(2n) .Select {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 90.6172152312%
	}

	.hotspot .column-full .split-column-uneven:nth-child(2n) .Select:last-child {
		margin-right: 0
	}
}

.hotspot .split-column-uneven:nth-child(2n) {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 65.8807826589%
}

.hotspot .split-column-uneven:nth-child(2n):last-child {
	margin-right: 0
}

.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0
}

.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input:last-child {
	margin-right: 0
}

.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input input {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 61.1580009024%
}

.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input input:last-child {
	margin-right: 0
}

.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input select {
	float: left;
	display: block;
	margin-right: 3.5786642602%;
	width: 35.2633348373%
}

.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input select:last-child {
	margin-right: 0
}

@media screen and (min-width:1000px) {
	.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input {
		float: left;
		display: block;
		margin-right: 3.5786642602%;
		width: 74.1053339349%
	}

	.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input:last-child {
		margin-right: 0
	}

	.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input input {
		float: left;
		display: block;
		margin-right: 4.8291588071%;
		width: 65.0569470643%
	}

	.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input input:last-child {
		margin-right: 0
	}

	.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input select {
		float: left;
		display: block;
		margin-right: 4.8291588071%;
		width: 30.1138941286%
	}

	.hotspot .split-column-uneven:nth-child(2n) .bandwidth-input select:last-child {
		margin-right: 0
	}
}

.hotspot .vrrp-state {
	overflow: auto
}

.hotspot .input-group-addon {
	vertical-align: bottom
}

.hotspot .input-group-addon:after {
	clear: both;
	content: "";
	display: block
}

.hotspot .expander-container {
	margin-top: 20px
}

.hotspot .lan-status span {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 31.7615653177%
}

.hotspot .lan-status span:last-child {
	margin-right: 0
}

.hotspot .vrrp-state .current_state-status-value:first-letter,
.hotspot .vrrp-state .state-status-value:first-letter {
	text-transform: uppercase
}

.hotspot .js-row-allowed_domains .Select-arrow-zone,
.hotspot .js-row-allowed_domains .Select-menu-outer,
.hotspot .js-row-allowed_subnets .Select-arrow-zone,
.hotspot .js-row-allowed_subnets .Select-menu-outer {
	display: none
}

.python-autostart .rules .empty {
	padding: 20px
}

.python-autostart .rules .empty p {
	text-align: center
}

.python-autostart .header.row {
	padding: 5px;
	z-index: 4;
	border-bottom: 1px solid #d9d9d9
}

.python-autostart .row {
	padding: 10px 5px;
	margin-bottom: 0
}

.python-autostart .row-wrapper .value {
	margin-top: 5px
}

.python-autostart .args input,
.python-autostart .filepath .Select,
.python-autostart .on_exit select {
	width: 100%
}

@media screen and (min-width:1000px) {

	.python-autostart .args input,
	.python-autostart .filepath .Select,
	.python-autostart .on_exit select {
		max-width: inherit
	}
}

.python-autostart input,
.python-autostart select {
	margin-bottom: 0
}

.python-autostart .accordion-buttons {
	margin-top: 0
}

.python-autostart .accordion-buttons-wrapper {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%;
	float: none
}

.python-autostart .accordion-buttons-wrapper:last-child {
	margin-right: 0
}

.python-autostart .accordion-buttons-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.python-autostart .sticky-header {
	z-index: 4
}

.python-autostart .toolbar-wrapper {
	z-index: 4;
	background-color: #fff
}

.python-autostart .toolbar-wrapper:after {
	clear: both;
	content: "";
	display: block
}

.python-autostart .toolbar-wrapper.sticky {
	border-bottom: 1px solid #000
}

.python-autostart .toolbar {
	float: right;
	height: 40px
}

.python-autostart .toolbar .button {
	display: inline-block;
	margin: 4px 4px 0 0;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc
}

.python-autostart .toolbar .button.active,
.python-autostart .toolbar .button:hover {
	background: #ebebeb;
	color: #000
}

.python-autostart .toolbar .button i {
	margin-right: 0
}

.python-autostart .toolbar .disabled .button {
	color: #d9d9d9
}

.python-autostart .toolbar .disabled .button.active,
.python-autostart .toolbar .disabled .button:hover {
	background: #fff
}

.python-autostart .header.row {
	background: #f2f2f2;
	cursor: default !important;
	top: 0
}

.python-autostart .header.row.sticky {
	border-top: 1px solid #000
}

.python-autostart .row:hover {
	cursor: pointer
}

.python-autostart .row .form-group.row {
	border: 0;
	margin-bottom: 0;
	padding: 0
}

.python-autostart .row:nth-child(2n) {
	background: #f2f2f2
}

.python-autostart .row.selected {
	background-color: #e6f3df;
	border: 1px solid #84c361;
	border-left-width: 5px
}

.python-autostart p .button {
	display: inline-block;
	margin: 0 4px;
	text-align: center;
	padding: 5px 8px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ccc
}

.python-autostart p .button.active,
.python-autostart p .button:hover {
	background: #ebebeb;
	color: #000
}

.python-autostart .data-grid .col>label {
	width: 30%
}

@media screen and (min-width:1000px) {
	.python-autostart .data-grid .col>label {
		width: 40%
	}
}

.python-autostart .data-grid .col>div.value {
	width: 70%
}

@media screen and (min-width:1000px) {
	.python-autostart .data-grid .col>div.value {
		width: 100%
	}
}

.location .column-half {
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 100%
}

.location .column-half:last-child {
	margin-right: 0
}

@media screen and (min-width:650px) {
	.location .column-half {
		float: left;
		display: block;
		margin-right: 2.3576520234%;
		width: 48.8211739883%
	}

	.location .column-half:last-child,
	.location .column-half:nth-child(2n) {
		margin-right: 0
	}
}

.location .column-first {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 57.3509783236%;
	width: 115px
}

.location .column-first:last-child,
.location .column-first:nth-child(2n) {
	margin-right: 0
}

.location .column-second {
	width: 100%;
	float: left;
	display: block;
	margin-right: 2.3576520234%;
	width: 40.291369653%;
	width: 90px
}

.location .column-second:last-child,
.location .column-second:nth-child(2n) {
	margin-right: 0
}

.location .location-state {
	overflow: auto
}

.location .location-state .current_state-status-value:first-letter,
.location .location-state .state-status-value:first-letter {
	text-transform: uppercase
}

.caret:before {
	content: "\f141";
	font-family: FontAwesome;
	color: #999;
}

.dropdown .dropdown-menu {
	display: none;
}

.dropdown.open .dropdown-menu {
	display: block;
}

ul.dropdown-menu {
	border-radius: 4px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 8px;
	margin: -130px 10px 10px 450px;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

ul.dropdown-menu li {
	white-space: nowrap;
	padding: 2px;
	border-bottom: 1px solid lightgrey;
}

.popover {
	background: #000;
	color: #fff;
	z-index: 1000;
	display: none;
	max-width: 400px;
	padding: 4px;
	border-radius: 4px;
	background-clip: padding-box;
}

.btn.dropdown-toggle {
	border: none;
	box-shadow: none;
	background: none;
	padding: 4px 6px;
}