* {
	border: 0;
	font: inherit;
	margin: 0;
	padding: 0;
}
html, body {
    margin: 0;
}
html {
	font-size: 62.5%;
}
body {
	color: #212121;
    font-family: Arial, Helvetica, Serif, Verdana;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1em;
}
body.noscroll {
	overflow: hidden;
}
a {
    color: #1976D2;
    text-decoration: none;
	outline: none;
}
a:hover {
    color: #ff2626;
}
form {
	margin: 0;
	padding: 0;
}
strong {
	font-weight: bold;
}
input, textarea, select, button, a.button {
	border: 1px solid #ccc;
	outline: none;
}
input, textarea {
	padding: 2px 3px;
}
input[type=checkbox], input[type=radio] {
	vertical-align: text-bottom;
}
/*	Chrome started coloring checkboxes and radio buttons with a blue
	background, this makes it greyscale so it does not interfere with
	layout colors */
input[type=checkbox], input[type=radio] {
	filter: saturate(0);
}
input[type=reset], input[type=button], input[type=submit], button, a.button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	height: 22px;
	text-align: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* Switch Toggle */
.ctrl-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}
.ctrl-toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	user-select: none;
}
input.ctrl-toggle-round + label {
	padding: 2px;
	width: 36px;
	height: 16px;
	background-color: #bbb;
	border-radius: 16px;
}
input.ctrl-toggle-square + label {
	padding: 2px;
	width: 40px;
	height: 18px;
	background-color: #bbb;
	border-radius: 3px;
}
input.ctrl-toggle-square-b + label {
	width: 48px;
	height: 24px;
	background-color: #eee;
}
input.ctrl-toggle + label:before,
input.ctrl-toggle + label:after {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	content: "";
	color: #888;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
input.ctrl-toggle-round + label:before,
input.ctrl-toggle-round + label:after {
	font-size: 10px;
	line-height: 18px;
}
input.ctrl-toggle-square + label:before,
input.ctrl-toggle-square + label:after {
	font-size: 14px;
	line-height: 22px;
}
input.ctrl-toggle-square-b + label:before,
input.ctrl-toggle-square-b + label:after {
	font-size: 16px;
	line-height: 24px;
}
input.ctrl-toggle + label:before {
	right: 1px;
	background-color: #eee;
	color: #888;
	content: "";
	text-align: right;
	transition: background 0.4s;
}
input.ctrl-toggle-round + label:before {
	border-radius: 16px;
	padding: 0 6px;
}
input.ctrl-toggle-square + label:before {
	border-radius: 3px;
	padding: 0 4px;
}
input.ctrl-toggle-square-b + label:before {
	padding: 0 4px;
}
input.ctrl-toggle + label:after {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	transition: margin 0.4s;
}
input.ctrl-toggle-round + label:after {
	border-radius: 100%;
	width: 18px;
}
input.ctrl-toggle-square + label:after {
	border-radius: 3px;
	width: 18px;
}
input.ctrl-toggle-square-b + label:after {
	border-radius: 3px;
	width: 22px;
}
input.ctrl-toggle:checked + label:before {
	color: #888;
	content: "";
	text-align: left;
}
input.ctrl-toggle-round:checked + label:before {
	background-color: #b4d55a;
}
input.ctrl-toggle-square:checked + label:before {
	background-color: #eee;
}
input.ctrl-toggle-square-b:checked + label:before {
	background-color: #eee;
}
input.ctrl-toggle-round:checked + label:after {
	margin-left: 20px;
}
input.ctrl-toggle-square:checked + label:after {
	margin-left: 22px;
}
input.ctrl-toggle-square-b:checked + label:after {
	margin-left: 24px;
}

.toggle-lock input.ctrl-toggle-round + label:before {
	content: "\f023";
}
.toggle-lock input.ctrl-toggle-round:checked + label:before {
	content: "\f09c";
}
input.ctrl-toggle-round:checked + label.flipped:before {
	-webkit-filter: none;
	filter: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	text-align: right;
}

.toggle-view input.ctrl-toggle-square + label:before,
.toggle-view input.ctrl-toggle-square-b + label:before {
	content: "\f0ac";
}
.toggle-view input.ctrl-toggle-square:checked + label:before,
.toggle-view input.ctrl-toggle-square-b:checked + label:before {
	content: "\f2bd";
}

/* font color swaps */
.fcd { color: #121212; }
.fcl { color: #fff; }

.tooltip-object {
    background-color: #fefefe;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    color: #121212;
	display: inline-block;
	line-height: 18px;
    margin: 2px 0 0;
    padding: 5px 10px;
    position: absolute;
    z-index: 2000;
}

.popup {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	color: #121212;
	margin: 1em 0 0;
	padding: 5px 5px 0;
	position: absolute;
	right: 0;
	top: 19px;
	width: 400px;
	z-index: 2000;
}
.popup.small { width: 250px; }
.popup.medium { width: 400px; }
.popup.large { width: 550px; }
.popup.xlarge { width: 700px; }
.popup.tt-info,
.popup.tt-tbl {
	padding: 5px;
}
.popup.left {
	margin-left: 23px;
}
.popup.right {
	margin-right: 23px;
}
.popup:before {
	border-width: 14px 14px 0;
	border-style: solid;
	border-color: #ddd transparent;
	bottom: -14px; /* value = - border-top-width - border-bottom-width */
	content: "";
	display: block;
	left: 10px; /* controls horizontal position */
	position: absolute;
	width: 0;
}
.popup:after {
	border-color: #fff transparent;
	border-style: solid;
	border-width: 13px 13px 0;
	bottom: -13px; /* value = - border-top-width - border-bottom-width */
	content: "";
	display: block;
	left: 11px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	position: absolute;
	width: 0;
}
.popup.topright:before {
	border-width: 0 0 13px 23px;
	bottom: auto;
	left: auto;
	right: 11px;
	top: -13px;
}
.popup.topright:after {
	border-width: 0 0 13px 23px;
	bottom: auto;
	left: auto;
	right: 12px;
	top: -11px;
}
.popup.topleft:before {
	border-width: 0 23px 13px 0;
	bottom: auto;
	left: 11px;
	right: auto;
	top: -13px;
}
.popup.topleft:after {
	border-width: 0 23px 13px 0;
	bottom: auto;
	left: 12px;
	right: auto;
	top: -11px;
}
.popup.lefttop:before {
	border-width: 0 14px 14px;
	bottom: auto;
	left: 10px;
	right: auto;
	top: -14px;
}
.popup.lefttop:after {
	border-width: 0 13px 13px;
	bottom: auto;
	left: 11px;
	right: auto;
	top: -13px;
}
.popup.top:before {
	border-width: 0 14px 14px;
	bottom: auto;
	left: auto;
	right: 10px; /* controls horizontal position */
	top: -14px; /* value = - border-top-width - border-bottom-width */
}
.popup.top:after {
	border-width: 0 13px 13px;
	bottom: auto;
	left: auto;
	right: 11px; /* value = (:before right) + (:before border-right) - (:after border-right) */
	top: -13px; /* value = - border-top-width - border-bottom-width */
}
.popup.topcustom:before {
	border-width: 0 14px 14px;
	bottom: auto;
	left: var(--left-before, "10px");
	right: auto;
	top: -14px;
}
.popup.topcustom:after {
	border-width: 0 13px 13px;
	bottom: auto;
	left: var(--left-after, "11px");
	right: auto;
	top: -13px;
}
.popup.left:before {
	border-color: transparent #ddd;
	border-width: 10px 23px 10px 0;
	bottom: auto;
	left: -23px; /* value = - border-left-width - border-right-width */
	top: 15px; /* controls vertical position */
}
.popup.left:after {
	border-color: transparent #fff;
	border-width: 9px 21px 9px 0;
	bottom: auto;
	left: -21px; /* value = - border-left-width - border-right-width */
	top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
}
.popup.right:before {
	border-color: transparent #ddd;
	border-width: 10px 0 10px 23px;
	bottom: auto;
	left: auto;
	right: -23px; /* value = - border-left-width - border-right-width */
	top: 15px; /* controls vertical position */
}
.popup.right:after {
	border-color: transparent #fff;
	border-width: 9px 0 9px 21px;
	bottom: auto;
	left: auto;
	right: -20px; /* value = - border-left-width - border-right-width */
	top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
}
.popup.left.small-popup:before, .popup.right.small-popup:before {
	top: 5px;
}
.popup.left.small-popup:after, .popup.right.small-popup:after {
	top: 6px;
}

.popup.none:before {
	display: none;
}
.popup.none:after {
	display: none;
}
.popup>div {
	background-color: #fcfcfc;
	border: 1px solid #bbb;
	margin-bottom: 5px;
	padding: 5px 10px 0;
}
.popup.tt-info>div {
	background-color: #f2f9ff;
	padding: 5px 10px;
}
.popup.tt-info div.error,
.popup.tt-tbl div.error {
	background-color: #fcfcfc;
    border: 1px solid #bbb;
	font-weight: bold;
	line-height: 30px;
	min-height: 30px;
    padding: 0 10px;
}
.popup.tt-tbl>div {
	background-color: #fff;
	border: 0;
	padding: 0;
}
.popup>div:last-child {
	margin-bottom: 0;
}
.popup.tt-tbl>div .tbl {
	border: 1px solid #bbb;
	margin-bottom: 5px;
    table-layout: fixed;
    width: 100%;
}
.popup.tt-tbl>div .tbl:last-child {
	margin-bottom: 0;
}
.popup.tt-tbl>div .tbl td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popup h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20px;
	padding: 0 5px;
}

.popup .psection,
.popup .plist,
.popup .dates {
	border-top: 1px solid #bbb;
	max-height: 300px;
	margin-bottom: 5px;
	padding: 3px 5px 0;
	overflow-x: hidden;
	overflow-y: auto;
	width: auto;
}
.popup .ptable {
    border-top: 1px solid #bbb;
	font-weight: normal;
    margin-bottom: 5px;
    padding: 3px 0 0;
    width: auto;
}
.popup .psection div,
.popup .plist div,
.popup .dates div {
	line-height: 18px;
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
.popup .psection div label,
.popup .plist div label,
.popup .dates div label { float: left; }
.popup .psection div span,
.popup .plist div span,
.popup .dates div span { font-weight: normal; float: right; }
.popup .psection div a,
.popup .plist div a,
.popup .dates div a,
.popup .psection p {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	float: right;
}
.popup .psection div strong>a,
.popup .plist div strong>a,
.popup .dates div strong>a,
.popup .psection p {
	float: none;
}

.popup .psection ul {
	float: none;
	margin: 0 0 0 15px;
}
.popup .psection ul li {
    float: none;
	list-style-type: disc;
	list-style-position: outside;
    padding: 0;
}
.popup .psection ul li strong:after {
	content: ":";
	display: inline-block;
	margin: 0 5px;
}

.popup .threads {
	border-top: 1px solid #bbb;
	max-height: 300px;
	padding: 3px 5px;
	overflow-x: hidden;
	overflow-y: auto;
	width: auto;
}
.popup .threads .error {
	color: #f00;
}
.popup .threads .thread {
	border-top: 1px solid #bbb;
	margin: 0;
	padding: 5px 0;
}
.popup.threads .thread ul {
	margin: 0;
}
.popup .threads div.first {
	border-top: 0;
}
.popup .clear {
	border-top: 1px solid #999;
	padding: 5px;
	text-align: right;
}
.popup .clear input {
	font-weight: normal;
	width: 60px;
}
.popup.po-tip {
    border-color: #888;
}
.popup.po-tip:before {
	border-color: #888 transparent;
}
.popup.po-tip.left:before,
.popup.po-tip.right:before {
	border-color: transparent #888;
}
.popup.po-tip>div {
    background-color: #d8eafa;
    border: 1px solid #888;
    margin-bottom: 5px;
    padding: 5px 10px;
}
.popup.po-tip h3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 20px;
}
.popup.po-tip p {
	font-size: 12px;
	line-height: 14px;
	padding: 5px 5px 0;
}
.popup.po-tip p:nth-child(2n) {
	border-top: 1px solid #888;
}
.popup.po-tip span {
	display: block;
	float: right;
	font-size: 18px;
}
.popup.po-list ul {
	padding-left: 10px;
}
.popup.ttip>div {
    line-height: 1.2em;
    margin-bottom: 5px;
    padding: 2px 3px;
}

.popup.popup-generic {
    width: 420px;
}
.popup.popup-generic>div {
    padding: 5px 0 0;
}
.popup.popup-generic>div:last-child {
    margin-bottom: 5px;
}
.popup.popup-generic .header {
    border-bottom: 1px solid #bbb;
	padding: 0 10px;
}
.popup.popup-generic .sections {
	overflow-y: auto;
	height: 200px;
}
.popup.popup-generic .sections.ha {
	height: auto;
}
.popup.popup-generic h3 {
	border-bottom: 1px solid #bbb;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20px;
	padding: 0;
    margin-bottom: 5px;
}
.popup.popup-generic h3.nb {
	border: 0;
}
.popup.popup-generic .section {
	margin: 5px 0 0;
	padding: 3px 5px 0;
}
.popup.popup-generic .section:last-child {
	margin: 5px 0;
}
.popup.popup-generic ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0 15px;
}
.popup.popup-generic ul li strong:after {
	content: ":";
	display: inline-block;
	margin: 0 5px;
}
.popup.popup-generic ul li em {
	font-style: italic;
}

.content {
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}

/* Bubbles */
.top_bbl {
	background-color: #1976D2;
	border: 1px solid #bbb;
	border-width: 1px 1px 1px 1px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
    font-weight: bold;
    line-height: 20px;
    padding-left: 5px;
}
.top_bbl .title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
	.top_bbl .alarm {
		background-color: transparent;
		background-image: url("/images/icons/ico_alarm_20x20.png");
		background-repeat: no-repeat;
		display: block;
		float: right;
		height: 20px;
		margin: 0;
		text-indent: -3000px;
		width: 20px;
	}
	.top_bbl .arrow_up,
	.top_bbl .arrow_right,
	.top_bbl .arrow_down,
	.top_bbl .arrow_left {
		background-color: transparent;
		background-image: url("/images/icons/ico_arrowdown_20x20.png");
		background-repeat: no-repeat;
		display: block;
		float: right;
		height: 20px;
		margin: 0;
		text-indent: -3000px;
		width: 20px;
	}
	.top_bbl .arrow_up {
		background-image: url("/images/icons/ico_arrowup_20x20.png");
	}
	.top_bbl .arrow_down {
		background-image: url("/images/icons/ico_arrowdown_20x20.png");
	}
		.top_bbl .arrow_down		{ background-position: 0 0; }
		.top_bbl .arrow_down:hover	{ background-position: 0 -20px; }
		.top_bbl .arrow_up			{ background-position: 0 0; }
		.top_bbl .arrow_up:hover	{ background-position: 0 -20px; }
		.top_bbl .arrow_right		{ background-position: 0 0; }
		.top_bbl .arrow_right:hover	{ background-position: 0 -20px; }
		.top_bbl .arrow_left		{ background-position: 0 0; }
		.top_bbl .arrow_left:hover	{ background-position: 0 -20px; }
.big_bbl {
	background-color: #1976D2;
	border: 1px solid #bbb;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 26px;
	padding: 0 5px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}

.side_bbl, .ctr_bbl, .ctrl_bbl {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.6em;
}
.side_bbl, .ctr_bbl {
	background-color: #fff;
	border: 1px solid #bbb;
	border-width: 0 1px 1px 1px;
	padding: 5px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
	.ctr_bbl p {
		margin: 0 0 5px 0;
	}
	.ctr_bbl .split_1st {
		float: left;
		width: 50%;
	}
	.ctr_bbl .split_2nd {
		float: right;
		width: 49%;
	}
.side_bbl {
	padding: 0;
}
.side_bbl table.tbl tr:last-child td {
	/*border-bottom: 0;*/
}
.side_bbl.separator {
    height: 3px;
    background-color: #1976D2;
    border-width: 0px 1px 1px;
}
.side_bbl.handle {
    border-bottom: #1976D2 solid 3px;
}
.btm_bbl, .ctrl_bbl {
	border: 1px solid #bbb;
	border-width: 0 1px 1px 1px;
}
.ctrl_bbl {
	background-color: #f2f9ff;
	text-align: right;
	padding: 0 0 5px 0;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
	.ctrl_bbl input.btn {
		margin: 5px 5px 0;
		width: 80px;
	}
.container_bbl {
	border-bottom: 1px solid #bbb;
	padding: 5px;
}
.section_bbl {
	background-color: #f8f8f8;
    border: 1px solid #bbb;
    overflow: hidden;
    _overflow: visible;
    _overflow-x: hidden;
    _height: 0;
}
.section_bbl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.section_bbl>ul.control {
	display: table-row;
}
.section_bbl>ul.control>li {
	border: 1px solid #bbb;
	border-width: 0 1px 0 0;
	display: table-cell;
}
.section_bbl>ul.control>li:last-child {
	border-width: 0;
}
.section_bbl ul.control li a {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 20px;
	overflow: hidden;
	padding: 2px 3px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.section_bbl ul.control li a:hover {
	background-color: #1976D2;
	color: #fff;
}
.section_bbl ul.control ul {
	list-style: none;
	visibility: hidden;
}
.section_bbl ul.control ul li {
	background-color: #eee;
	border: 1px solid #bbb;
	border-width: 0 1px 1px;
	position: relative;
}
.section_bbl ul.control ul li:first-child {
	border-width: 1px;
}
.section_bbl ul.control ul li a {
	cursor: pointer;
	text-align: left;
}
.section_bbl ul.control ul li a input {
	display: none;
}
.section_bbl>ul.control>li>ul {
	margin-left: -1px;
}
.section_bbl>ul.control>li>a:hover>span {
	background-position: 7px -4px;
}
.section_bbl>ul.control>li ul {
	position: absolute;
	z-index: 1000;
}
.section_bbl>ul.control>li>ul {
}
.section_bbl>ul.control>li>ul ul {
	left: 100%;
	top: -1px;
}
.section_bbl ul.control ul li a>span {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}
.section_bbl ul.control ul li.selected a>span {
	background-color: #1976D2;
    background-image: url("/images/icons/ico_check_20x20.png");
    background-position: 0 -20px;
}
.section_bbl ul.control ul li a:hover>span {
	background-color: transparent;
    background-position: 0 0;
}
.foot_bbl {
	height: 5px;
}
.top_rnd {
}
.btm_rnd {
}
.all_rnd {
}

/* icon shape */
.shape {
	background-color: #ccc;
	float: left;
	margin: 1px 5px 0 0;
	width: 16px;
    height: 16px;
}
.disable .shape {
	opacity: .3;
}
.shape.sq {
    border-radius: 0;
}
.shape.rnd {
    border-radius: 8px;
}
.shape.sq.rnd {
    border-radius: 3px;
}
.shape.num {
	font-size: 11px;
	line-height: 18px;
	padding: 0 4px;
	min-width: 10px;
	text-align: center;
	width: auto;
}

/* Color Squares - old */
.sqColor {
	float: left;
	margin: 0px 3px;
	width: 16px;
}
	.sqColor .sqColor_t, .sqColor .sqColor_b {
		font-size: 1px;
		height: 1px;
		line-height: 1px;
		margin: 0 1px;
	}
	.sqColor .sqColor_c {
		height: 14px;
	}

/* Color Picker */
.color_picker {
	background-color: #fff;
	border: 1px solid #bbb;
	display: block;
	overflow: hidden;
	padding: 5px;
	position: fixed;
	z-index: 2000;
}
	.color_picker table {
		border: 1px solid #bbb;
		border-collapse: collapse;
		empty-cells: show;
	}
		.color_picker table tr {
		}
			.color_picker table tr td {
				padding: 0;
			}
			.color_picker table tr td a {
				border: 1px solid transparent;
				display: block;
				height: 16px;
				text-indent: -3000px;
				width: 16px;

			}
			.color_picker table tr td a:hover {
				border: 1px solid #000;
			}
	.color_picker div.ctrl {
		margin-top: 5px;
	}
	.color_picker div.ctrl>input {
		display: block;
		float: left;
		line-height: 20px;
	}
	.color_picker div.ctrl>.sqColor {
		margin-right: 3px;
	}
	.color_picker div.ctrl>input.txt {
		line-height: 18px;
		width: 145px;
	}
	.color_picker div.ctrl>input.btn {
		width: 60px;
		margin-left: 3px;
		height: 20px;
	}
	.color_picker a.cancel {
		display: block;
		text-align: right;
		margin-top: 3px;
	}
	.color_picker div.ctrl>.shape {
		margin: 2px 5px 0 0;
	}
	.color_picker div.ctrl>.box {
		border: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		height: 20px;
		line-height: 14px;
		outline: none;
		overflow: hidden;
		position: relative;
		width: 145px;
	}
	.color_picker div.ctrl>.box>input.txt {
		border: 0;
	}
	.color_picker div.ctrl>.box>.clear {
		border-radius: 20%;
		color: #bbb;
		display: block;
		line-height: 13px;
		height: 13px;
		margin: 3px 1px 0 0;
		text-align: center;
		width: 13px;
		position: absolute;
		right: 0;
	}
	.color_picker div.ctrl>.box>.clear:hover {
		color: #bbb;
	}

/* Share Popup */
.share_popup {
	background-color: #f8f8f8;
	border: 1px solid #bbb;
	display: block;
	margin-top: 5px;
	overflow: hidden;
	padding: 5px;
	position: fixed;
	width: 400px;
	z-index: 2000;
}
.share_popup .opt div input {
	margin-bottom: 0;
}
.share_popup .buttons {
	text-align: right;
    margin: 3px 0 0;
}
.share_popup .buttons .btn {
	display: inline-block;
	font-weight: bold;
	margin: 5px 3px 0 0;
    text-transform: uppercase;
}
.share_popup .buttons .btn:last-child {
	margin-right: 0;
}

/* Table */
.tbl_header, .tbl_body {
	background-color: #fff;
	border: 1px solid #bbb;
}
.tbl_header {
	border-width: 1px 1px 0;
}
.tbl_body {
	border-width: 0 1px 1px;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}
table.tbl {
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
}
table.tbl .colgroup {
	visibility: collapse;
}
	table.tbl th {
		background-color: #222;
		border: 1px solid #ddd;
		border-width: 0 1px;
		color: #fff;
		font-weight: bold;
		line-height: 18px;
		padding: 2px 3px;
		text-align: left;
	}
	table.tbl th a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	table.tbl th a:hover {
		color: #6f9;
		text-decoration: none;
	}
	table.tbl th.chdr {
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	table.tbl tr.group {
		background-color: #eee;
		font-weight: bold;
	}
	table.tbl tr.subtotal {
		background-color: #e8e8e8;
		font-weight: bold;
	}
	table.tbl tr.handlebar {
		cursor: grab;
	}
	table.tbl tr.even { background-color: #f8f8f8; }
	table.tbl tr.odd { background-color: #fff; }
	table.tbl.altrows tbody tr:nth-child(odd) { background-color: #fff; }
	table.tbl.altrows tbody tr:nth-child(even) { background-color: #f8f8f8; }
	table.tbl.alt2rows tbody tr { background: #fff; }
	table.tbl.alt2rows tbody tr:nth-child(4n+1), table.tbl.alt2rows tbody tr:nth-child(4n+2) { background: #f8f8f8; }
	table.tbl tr.credit.disable { background-color: #feffca; }
	table.tbl tr.credit { background-color: #ffe8ca; }
	table.tbl tr.active { background-color: #e2e2e2; cursor: pointer; }
	table.tbl tr.visited { background-color: #e2e2e2; }
	table.tbl tr.locked, table.tbl.altrows tbody tr.locked { color: #888; }
	table.tbl tr.locked td a, table.tbl.altrows tbody tr.locked td a { color: #88f; }
	table.tbl tr.checked, table.tbl.altrows tbody tr.checked { background-color: #1976D2; color: #fff; }
	table.tbl tr.checked td a, table.tbl.altrows tbody tr.checked td a { color: #fff; }
	table.tbl tr.nodata { background-color: #fff; }
	table.tbl tr.nodata td { border: 0; }
	table.tbl tr.nodata.wrap td { white-space: normal; }

	table.tbl tr.more {
		background-color: #eee;
		font-weight: bold;
		line-height: 18px;
		text-align: center;
	}
	table.tbl tr.auto.more {
		display: none;
	}
	table.tbl tr.loading.auto.more {
		display: table-row;
	}
	table.tbl tr.loading td:first-child, table.tbl tr td.loading {
		background-color: #fff;
		background-image: url("/images/icons/loading24x24.gif");
		background-position: center left;
		background-repeat: no-repeat;
		font-style: italic;
		line-height: 18px;
		padding-left: 24px;
		text-align: left;
	}
	table.tbl td {
		border: 1px solid #ddd;
		line-height: 16px;
		padding: 2px 3px;
	}
	/*table.more td {	border-width: 0 1px 1px; }*/
		table.tbl .hidden { display: none; }
		table.tbl .color { max-width: 22px; min-width: 22px; padding: 0; text-align: center; width: 22px; }
		table.tbl .radio { max-width: 22px; min-width: 22px; padding: 0; text-align: center; width: 22px; }
		table.tbl .check { max-width: 22px; min-width: 22px; padding: 0; text-align: center; width: 22px; }
		table.tbl .check>img { vertical-align: middle; }

		table.tbl .chk-box {
			max-width: 22px;
			min-width: 22px;
			padding: 0;
			text-align: center;
			vertical-align: middle;
			width: 22px;
		}
		table.tbl .chk-box .chk {
			display: none;
		}
		table.tbl .chk-box i.far, table.tbl .chk-box i.fas {
			color: #555;
			display: none;
			font-size: 15px;
		}
		table.tbl .chk-box.n .chk-n,
		table.tbl .chk-box.c .chk-c,
		table.tbl .chk-box.y .chk-y,
		table.tbl .chk-box.p .chk-p,
		table.tbl .chk-box.u .chk-u,
		table.tbl .chk-box.g .chk-g {
			display: inline;
		}
		table.tbl .chk-box.p .chk-p,
		table.tbl .chk-box.u .chk-u,
		table.tbl .chk-box.g .chk-g {
			color: #aaa;
		}
		.disable table.tbl .chk-box i.far,
		.disable table.tbl .chk-box i.fas {
			color: #aaa;
		}

		table.tbl .sq-ctrl { padding: 2px 0; text-align: center; width: 16px; }
		table.tbl .sq-ctrl a { display: inline-block; color: #212121; margin-bottom: 2px; }
		table.tbl th.sq-ctrl a { color: #fff; }
		table.tbl .sq-ctrl i { display: inline; }
		table.tbl .sq-ctrl a.collapsed .more, table.tbl .sq-ctrl a.expanded .less { display: inline; }
		table.tbl .sq-ctrl a.expanded .more, table.tbl .sq-ctrl a.collapsed .less { display: none; }
		table.tbl .check.sq-ctrl, table.tbl .sq-r.sq-ctrl { text-align: right; }
		table.tbl .icon { text-align: center; width: 24px; }
		table.tbl .name { width: auto; }
		table.tbl .option { border-left: 0; text-align: left; width: 150px; }
		table.tbl .func { text-align: center; width: 45px; }
		table.tbl .value { border-right: 0; text-align: left; width: auto; }
			table.tbl td.value div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
		table.tbl .settings td { padding: 0; }
		table.tbl .handle { width: 8px; }
		table.tbl .handle a, table.tbl .handle span {
			background-color: transparent;
			background-image: url("/images/ctrls/ctrl_handle.png");
			background-position: center 0;
			background-repeat: no-repeat;
			cursor: pointer;
			cursor: grab;
			display: block;
			height: 16px;
			overflow: hidden;
			text-align: left;
			text-indent: 100%;
			width: 8px;
		}
		.disable table.tbl .handle a, .disable table.tbl .handle span {
			cursor: default;
		}
		table.tbl .ctrl,
		table.tbl .ctrl {
			text-align: center;
			width: 16px;
		}
		table.tbl th.ctrl>i {
			line-height: 18px;
		}
		table.tbl .edit, table.tbl .delete, table.tbl .transfer, table.tbl .view, table.tbl tr .add, table.tbl .refresh, table.tbl .history, table.tbl .copy, table.tbl .popout, table.tbl .alarmicon { border-left: 0; border-right: 0; text-align: right; width: 16px; }
		table.tbl .share { text-align: right; width: 16px; }
		table.tbl .edit a, table.tbl .edit span, table.tbl .delete a, table.tbl .delete span, table.tbl .transfer a, table.tbl .transfer span, table.tbl .view a, table.tbl .view span, table.tbl tr .add a, table.tbl tr .add span, table.tbl .refresh a, table.tbl .refresh span, table.tbl .history a, table.tbl .history span, table.tbl .copy a, table.tbl .copy span, table.tbl .popout a, table.tbl .popout span, table.tbl .share a, table.tbl .share span, table.tbl .alarmicon a, table.tbl .alarmicon span {
			background-color: transparent;
			background-position: center 0;
			background-repeat: no-repeat;
			display: block;
			float: right;
			height: 16px;
			overflow: hidden;
			text-align: left;
			text-indent: -3000px;
			width: 16px;
		}
		table.tbl .edit a, table.tbl .edit span { background-image: url("/images/ctrls/ctrl_edit_16x16.png"); }
		table.tbl .delete a, table.tbl .delete span { background-image: url("/images/ctrls/ctrl_delete_16x16.png"); }
		table.tbl .transfer a, table.tbl .transfer span { background-image: url("/images/ctrls/ctrl_transfer_16x16.png"); }
		table.tbl .view a, table.tbl .view span { background-image: url("/images/ctrls/ctrl_view_16x16.png"); }
		table.tbl tr .add a, table.tbl tr .add span { background-image: url("/images/ctrls/ctrl_add_16x16.png"); }
		table.tbl th.refresh a, table.tbl th.refresh span { background-image: url("/images/ctrls/ctrl_refreshw_16x16.png"); }
		table.tbl td.refresh a, table.tbl td.refresh span { background-image: url("/images/ctrls/ctrl_refresh_16x16.png"); }
		table.tbl td.history a, table.tbl td.history span { background-image: url("/images/ctrls/ctrl_history_16x16.png"); }
		table.tbl .copy a, table.tbl .copy span { background-image: url("/images/ctrls/ctrl_copy_16x16.png"); }
		table.tbl .popout a, table.tbl .popout span { background-image: url("/images/ctrls/ctrl_popout_16x16.png"); }
		table.tbl .share a, table.tbl .share span { background-image: url("/images/ctrls/ctrl_share_16x16.png"); }
		table.tbl .alarmicon a, table.tbl .alarmicon span { background-image: url("/images/ctrls/ctrl_alarm_16x16.png"); }
		table.tbl .edit a:hover, table.tbl .delete a:hover, table.tbl .transfer a:hover, table.tbl .view a:hover, table.tbl tr .add a:hover, table.tbl .refresh a:hover, table.tbl .history a:hover, table.tbl .copy a:hover, table.tbl .popout a:hover, table.tbl .share a:hover, table.tbl .alarmicon a:hover  { background-position: 0 -16px; }
		table.tbl .action a,
		table.tbl .action span {
			background: transparent url("/images/icons/loading24x24.gif") no-repeat -4px -4px;
			display: block;
			float: right;
			height: 16px;
			overflow: hidden;
			text-align: left;
			text-indent: -3000px;
			width: 16px;
		}
		table.tbl .ctrl-fa a,
		table.tbl .ctrl-fa span {
			background-color: transparent;
			background-image: none;
			border-radius: 3px;
			color: #aaa;
			display: inline-block;
			float: none;
			height: 14px;
			line-height: 14px;
			text-align: center;
			width: 14px;
		}
		table.tbl .ctrl-fa a:hover {
			background-color: #aaa;
			color: #fff;
		}
table.tbl .ctrl ul.dropdown,
table.tbl .ctrl-fa ul.dropdown {
    font-size: 11px;
	font-size: 1.1rem;
	list-style: none;
	position: absolute;
	visibility: hidden;
    z-index: 1000;
}
table.tbl .ctrl ul.dropdown li,
table.tbl .ctrl-fa ul.dropdown li {
	background-color: #eee;
	border: 1px solid #bbb;
	border-width: 0 1px 1px;
	color: #1976D2;
	float: none;
    font-weight: bold;
	line-height: 20px;
    text-align: left;
}
table.tbl .ctrl ul.dropdown li:first-child,
table.tbl .ctrl-fa ul.dropdown li:first-child {
	border-width: 1px;
}
table.tbl .ctrl ul.dropdown li a,
table.tbl .ctrl-fa ul.dropdown li a {
	background: none;
	float: none;
	height: auto;
	text-indent: 0;
	width: auto;
}
table.tbl .ctrl ul.dropdown li a,
table.tbl .ctrl-fa ul.dropdown li a {
	color: #1976D2;
	display: block;
	height: auto;
    padding: 0 25px 0 5px;
}
table.tbl .ctrl ul.dropdown li a:hover,
table.tbl .ctrl-fa ul.dropdown li a:hover {
	background-color: #1976D2;
	color: #fff;
}
		table.tbl .arrow_desc, table.tbl .arrow_asc {
			background-image: url("/images/ctrls/ctrl_arrows.png");
			background-repeat: no-repeat;
			display: block;
			float: right;
			height: 10px;
			margin: 4px 0;
			width: 10px;
		}
		table.tbl .arrow_desc { background-position: 0 -20px; }
		table.tbl .arrow_asc { background-position: -10px -20px; }

	.top_bbl .alarm {
		background-color: transparent;
		background-image: url("/images/icons/ico_alarm_20x20.png");
		background-repeat: no-repeat;
		display: block;
		float: right;
		height: 20px;
		margin: 0;
		text-indent: -3000px;
		width: 20px;
	}


		table.tbl th .overflow, table.tbl td .overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	table.tbl tr th:first-child, table.tbl tr td:first-child { border-left: 0; }
	table.tbl tr th:last-child, table.tbl tr td:last-child { border-right: 0; }
	table.tbl th.selected, table.tbl th a.selected { color: #fc6; }
.disable table.tbl th { background-color: #888; }
.disable td a { color: #888; cursor: default; }
.disable td a:hover { color: #888; text-decoration: none;}
.disable td a:focus { text-decoration: none;}

/* Table - Wrapper */
.tblwpr {
    background-color: #fff;
    border: 1px solid #bbb;
    height: 120px;
    margin-bottom: 5px;
}
.tblwpr:last-child {
    margin-bottom: 0;
}
.tblwpr thead tr th {
    border-color: #222;
}
.side_bbl>.tblwpr {
    border: 0;
    margin-bottom: 0;
}
.tblwpr table.tbl-input td:has(textarea.txt),
.tblwpr table.tbl-input td:has(input.txt) {
    padding: 1px;
}
.tblwpr table.tbl-input textarea.txt,
.tblwpr table.tbl-input input.txt {
    appearance: none;
    background-color: transparent;
    border-color: transparent;
    height: 18px;
    width: 100%;
}
.tblwpr table.tbl-input textarea.txt {
    display: block;
	margin: 0;
	overflow: hidden;
    padding: 0;
	resize: none;
}
.tblwpr table.tbl-input .txt:hover,
.tblwpr table.tbl-input .txt:focus {
    appearance: auto;
    background-color: #fff;
    border-color: #ccc;
}

/* Assignment Tree */
.tbl.assign-tree tr {
	background-color: #fff;
}
.tbl.assign-tree .hidden {
	display: none;
}
.tbl.assign-tree th,
.tbl.assign-tree td {
	border-width: 0 0 1px;
}
.tbl.assign-tree .sq-ctrl {
	padding: 2px 0;
	text-align: center;
    width: 16px;
}
.tbl.assign-tree .sq-ctrl a {
	color: #212121;
}
.tbl.assign-tree .sq-ctrl i {
	display: inline;
}
.tbl.assign-tree .sq-ctrl a.collapsed .plus,
.tbl.assign-tree .sq-ctrl a.expanded .minus {
	display: inline;
}
.tbl.assign-tree .sq-ctrl a.expanded .plus,
.tbl.assign-tree .sq-ctrl a.collapsed .minus {
	display: none;
}
.tbl.assign-tree .ctrl {
	padding: 2px 0;
    width: 22px;
}
.tbl.assign-tree tr .enable {
    padding: 0;
    text-align: right;
    width: 30px;
}
.tbl.assign-tree tr .dest {
	width: 200px;
}
.tbl.assign-tree tr .disable {
	width: 22px;
}
.tbl.assign-tree tr .dest select {
	width: 100%;
}
.tbl.assign-tree tr .active,
.tbl.assign-tree tr .history {
	padding: 0 3px;
	text-align: center;
	width: 20px;
}
.tbl.assign-tree tr .rollup {
	padding: 0 3px;
	text-align: center;
	width: 80px;
}
.tbl.assign-tree tr .past {
	padding: 0 3px;
	text-align: center;
	width: 80px;
}
.tbl.assign-tree tr .last {
	padding: 0 3px;
	text-align: center;
	width: 130px;
}
.tbl.assign-tree tr td.rollup span,
.tbl.assign-tree tr td.past span {
	border-radius: 3px;
	background-color: #ececec;
	color: #888;
	display: block;
	font-weight: bold;
}
.tbl.assign-tree tr.alarm-enabled {
	background-color: #f4f4f4;
}
.tbl.assign-tree tr td.active.enabled a {
	display: block;
	color: #000000;
}
.tbl.assign-tree tr td.active.triggered a {
	display: block;
	color: #e34f4f;
}
.tbl.assign-tree tr td.active.disabled a {
	display: block;
	color: #a0a0a0;
}
.tbl.assign-tree tr td.rollup span {
	background-color: #e34f4f;
	color: #fff;
}
.tbl.assign-tree tr td.past span {
	background-color: #fda73e;
	color: #fff;
}
.tbl.assign-tree tr td.last a {
	color: #212121;
}

.tbl.assign-tree td.active a { display: none; }
.tbl.assign-tree tr td.rollup a { display: none; }
.tbl.assign-tree tr td.past a { display: none; }
.tbl.assign-tree tr td.last a { display: none; }

/*.tbl.assign-tree tr td.triggered.active a { display: block; }*/
.tbl.assign-tree tr td.data.rollup a { display: inline; }
.tbl.assign-tree tr td.data.past a { display: inline; }
.tbl.assign-tree tr td.data.last a { display: inline; }

/* Table - Search & More */
.search_table { border-top: 1px solid #bbb; overflow: hidden; width: 100%; }
.search_table table.tbl tr td { white-space: nowrap; }
.search_table table.tbl tr.more td { border-bottom: 1px solid #bbb; }
.search_table table.tbl td.c3 { width: 45%; }
.search_table table.tbl td.c3 div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Notice */
.notice {
	border: 2px solid #f00;
	color: #f00;
	font-weight: bold;
	margin: 10px auto;
	padding: 10px 20px;
	text-align: center;
	width: 400px;
}
div.warning {
	border: 1px solid #f00;
	color: #f00;
	font-weight: bold;
	margin: 0 auto 5px;
	padding: 5px;
	text-align: center;
}
div.warning h3 {
	font-size: 14px;
    text-decoration: underline;
    margin-bottom: 3px;
    text-align: center;
}
div.status-notification {
	border: 1px solid #bbb;
	color: #bbb;
	font-weight: bold;
	margin: 0 auto 5px;
	padding: 5px;
	text-align: center;
}
div.status-notification.warning {
	border-color: #fda73e;
	color: #fda73e;
}
div.status-notification.error {
	border-color: #e34f4f;
	color: #e34f4f;
}

/* Form */
.properties {
	background-color: #f4f4f4;
	border: 1px solid #bbb;
    line-height: 1.6em;
	margin: 0 auto 5px;
	padding: 3px 5px 2px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
.properties p.with-ctrl-href {
	margin: 0;
	position: relative;
}
.properties p.with-ctrl-href:after {
	content: "";
	display: inline-block;
	width: 100px;
}
.properties a.ctrl-href {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	text-align: right;
}

	.properties .split_1st {
		float: left;
		width: 60%;
	}
	.properties .split_2nd {
		float: right;
		width: 39%;
	}
.properties_row {
	border-collapse: separate;
	border-spacing: 5px;
	display: table;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
.properties_row:after {
	display: table-row;
}
.properties_row .properties {
	display: table-cell;
	vertical-align: top;
}
.opt {
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
	.opt label {
		display: block;
		float: left;
		line-height: 20px;
		width: 110px;
	}
	.opt input, .opt select {
		display: block;
		float: left;
	}
	.opt input[type=reset], .opt input[type=button], .opt input[type=submit], .opt button, .opt a.button {
		height: 20px;
	}
	.opt div {
		line-height: 22px;
		zoom: 1; /* set hasLayout for IE6 and below to trigger quirky float model which means div clear the floats */
		overflow: hidden; /* make inputs clear the floats to give the width you need - auto doesn't work here it creates scrollbar */
	}
	.opt.textbox div {
		background-color: #fefefe;
		border: 1px solid #bbb;
		color: #aaa;
		min-height: 18px;
		line-height: 18px;
		margin-bottom: 2px;
		padding: 0 0 0 3px;
	}
	.opt.chk-list div {
		float: left;
		padding: 0 5px;
		width: auto;
	}
	.opt.chk-list div:first-of-type {
		padding-left: 0;
	}
	.opt.chk-list div input {
		margin-top: 4px;
		margin-bottom: 2px;
	}
.opt.chk-line label {
	width: auto;
}
.opt.chk-row {
    border-collapse: collapse;
	display: table;
    empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
.opt.chk-row:after {
	display: table-row;
}
.opt.chk-row>label,
.opt.chk-row>div {
	display: table-cell;
	float: none;
	vertical-align: top;
}
.opt.sub-row.chk-row>label {
	padding-left: 25px;
}
.opt.chk-row>div div {
	float: left;
	padding: 0 5px 0 0;
	width: auto;
}
.opt.chk-row>div div input {
	margin-top: 4px;
	margin-bottom: 2px;
}
		.opt div>div.input {
			margin-bottom: 2px;
		}
		.opt div input,
		.opt div select,
		.opt div textarea {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			height: 20px;
			line-height: 14px;
			margin-bottom: 2px;
			width: 100%;
		}
		.opt div input.chk,
		.opt div input.rdo {
			vertical-align: middle;
			width: auto;
		}
		.opt div textarea {
			display: block;
		}
	.opt div.opt_rdo label {
		margin-right: 10px;
		width: auto;
	}
	.opt div.opt_chk {
	}
	.opt div.chk-opt {
		float: right;
		margin-left: 3px;
	}
	.opt div.wrapper-opt,
	.opt div.sel-opt {
		float: right;
		margin-left: 5px;
	}
	.opt div.wrapper-opt label,
	.opt div.chk-opt label,
	.opt div.sel-opt label {
		margin-right: 5px;
		width: auto;
	}
	.opt div.row-opt label {
		line-height: 20px;
		margin-right: 5px;
		width: auto;
	}
	.opt div.wrapper-opt input,
	.opt div.wrapper-opt select,
	.opt div.wrapper-opt textarea {
		width: auto;
	}
	.opt div.wrapper-opt input.chk {
		margin-top: 4px;
	}
	.opt div.sel-opt select {
		width: 120px;
	}
	.opt div.wrapper-opt .ico,
	.opt div.chk-opt .ico,
	.opt div.sel-opt .ico {
		margin-left: 5px;
	}
	.opt a.btn {
		background-color: #ddd;
		border: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #121212;
		display: inline-block;
		line-height: 18px;
		padding: 0 5px;
		text-align: center;
	}
	.opt a.btn.disabled {
		border-color: #bbb;
		color: #999;
		cursor: default;
		text-decoration: none;
	}
	.opt a.btn.right {
    	float: right;
		margin-left: 5px;
	}
	.opt a.btn.left {
    	float: left;
		margin-right: 3px;
	}
	.opt>a.btn.btn-listing {
		background-color: #fff;
		color: #1976D2;
		font-size: 14px;
		float: left;
		line-height: 18px;
		margin-right: 3px;
		padding: 0;
		width: 24px;
	}
	.opt>a.btn.btn-listing:hover {
		background-color: #1976D2;
		color: #fff;
	}
.opt.checkbox {
	height: 22px;
	line-height: 22px;
}
.opt.checkbox label {
	width: auto;
}
.opt.checkbox input.chk {
    margin: 4px 3px 4px 0;
}
.opt ul.ico-selection {
	float: right;
	list-style: none;
	margin-left: 5px;
}
.opt ul.ico-selection>li {
    width: 40px;
}
.opt ul.ico-selection>li a {
	border: 1px solid #bbb;
	color: #212121;
	display: block;
	text-align: center;
}
.opt ul.ico-selection>li a:hover {
	background-color: #ccc;
}
.opt ul.ico-selection>li span {
    display: block;
    height: 18px;
    line-height: 18px;
    width: 14px;
}
.opt ul.ico-selection ul {
	list-style: none;
	position: absolute;
	visibility: hidden;
    z-index: 1000;
}
.opt ul.ico-selection ul li a {
	background-color: #f4f4f4;
	border: 1px solid #bbb;
	border-width: 1px 1px 0 0;
    height: 18px;
	line-height: 18px;
}
.opt ul.ico-selection .arrow {
	float: right;
    font-size: 1.1em;
}
.opt ul.ico-selection .icon {
	display: block;
    font-size: 1.3em;
	text-align: center;
    width: 24px;
}
.opt ul.ico-selection ul.icons {
	border: 1px solid #bbb;
	border-width: 0 0 1px 1px;
	width: 175px;
}
.opt ul.ico-selection ul.icons li {
    float: left;
}
.opt .chk-text {
    float: right;
    line-height: 18px;
    margin: 0 3px;
    padding: 1px 0;
}
.opt .chk-text a.btn-ico {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #121212;
    display: inline-block;
    line-height: 18px;
    margin-left: 5px;
}
.opt .addl-chk {
    float: right;
    line-height: 20px;
    margin: 0 3px;
}
.opt_link {
	padding-right: 10px;
	text-align: right;
}
	.opt_link a, .opt_link span { text-decoration: underline; }
	.opt_link a.disable { display: none; }
	.opt_link span { display: none; }
	.opt_link span.disable { display: inline; }
.opt-inline label {
	display: block;
    float: left;
    line-height: 20px;
    width: 90px;
}
.opt-inline div {
	line-height: 22px;
    zoom: 1;
    overflow: hidden;
}
.opt-inline div input {
	display: inline-block;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    line-height: 14px;
    margin-bottom: 2px;
    width: 50px;
}
.opt-inline div span {
	display: inline-block;
    width: auto;
	margin: 0 3px;
}

.opt.opt-ctrl {
	display: inline-block;
	float: right;
}
.opt.opt-ctrl label {
	font-weight: bold;
	min-width: auto;
	text-align: right;
}
.opt.opt-ctrl select {
	margin-bottom: 0;
	min-width: 175px;
}

.opt.opt-row {
    border-collapse: collapse;
	display: table;
    empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
.opt.opt-row:after {
	display: table-row;
}
.opt.opt-row>label,
.opt.opt-row>div {
	display: table-cell;
	float: none;
	vertical-align: middle;
}
.opt.opt-row>div {
	padding-right: 5px;
}
.opt.opt-row>div:last-child {
	padding-right: 0;
}
.opt.between>div {
	display: table;
	table-layout: fixed;
}
.opt.between>div:before {
	display: table-row;
}
.opt.between>div>div {
	display: table-cell;
	padding-right: 3px;
	vertical-align: top;
}
.opt.between>div>div:last-child {
	padding-right: 0;
}
.opt.between>div>div>span {
	display: block;
    text-align: center;
    width: 30px;
}

.opt.range {
	border-collapse: collapse;
	display: table;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
.opt.range:after {
	display: table-row;
}
.opt.range label,
.opt.range span,
.opt.range div {
	display: table-cell;
	float: none;
	vertical-align: top;
}
.opt.range div {
	padding-left: 4px;
}
.opt.range :nth-child(2) {
	padding-left: 0;
}
.opt.range span {
    text-align: center;
    width: 30px;
}

.sub {
	padding-left: 25px;
}
.ctrl_line {
	float: right;
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
	.ctrl_line label {
		display: block;
		float: left;
		font-weight: bold;
		line-height: 22px;
		margin-right: 10px;
		text-align: right;
		width: 95px;
	}
	.ctrl_line select.txt {
		display: block;
		float: left;
		margin-right: 5px;
		width: 200px;
	}
	.ctrl_line input.btn {
		display: block;
		float: left;
		width: 110px;
	}

.opt input.rdo, .opt input.chk {
	height: auto;
	margin-top: 3px;
	margin-right: 3px;
    margin-bottom: 0;
}
input.txt, textarea.txt, select.txt {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	line-height: 18px;
}

input.highlight, textarea.highlight {
	border-color: #668cb3;
	background-color: #f2f9ff;
}
input.disable, textarea.disable {
	background-color: #fff;
	border-color: #ccc;
}
.disable, a.disable:hover {
	cursor: default;
	color: #888;
}
input.btn {
    background-color: #ddd;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: #121212;
    padding: 0;
}
input.require {
	border-color: #a00;
	color: #a00;
}
input.btn_disable {
	border-color: #bbb;
	color: #999;
}
.inline div {
    float: left;
    width: 100px;
}
.inline div input {
	width: auto;
}
.inline input {
	display: inline;
	float: none;
}
input.time {
	width: 80px;
}
input.date {
	width: 100px;
}

/* Table Row Toggle */
.base_row td.base_cell { padding: 0; }
.base_section { background-color: #eee; height: 165px; padding: 5px 5px 0; }
.base_loading { background: transparent url("/images/loading.gif") no-repeat center center; height: 165px; }

/* Table - Filters */
.filter_list {
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
.filter_list .ctrl_line {
	margin: 5px 0 0;
}
.filter_list table.tbl { table-layout: fixed; }

/* Filters & Columns - v2 */
.columnsettings .tbl_header,
.filtersettings .tbl_header {
    background-color: #222;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    padding: 2px 3px;
	position: relative;
    text-align: left;
}
.columnsettings .tbl_header em,
.filtersettings .tbl_header em {
	font-style: italic;
}
.columnsettings .tbl_header a,
.filtersettings .tbl_header a {
	color: #fff;
	text-decoration: underline;
}
.columnsettings .tbl_header a:hover,
.filtersettings .tbl_header a:hover {
	color: #ff2626;
}
.columnsettings .tbl_body,
.filtersettings .tbl_body {
	height: auto;
	margin-bottom: 5px;
	min-height: 24px;
}
.columnsettings .tbl_body table.tbl,
.filtersettings .tbl_body table.tbl {
    table-layout: fixed;
}
.filtersettings .tbl_body tr:first-child td {
	border-top: 0;
}
.columnsettings .tbl_body td {
	border-left: 0;
	border-right: 0;
}
.columnsettings td a.sortorder {
    border: 1px solid #bbb;
	border-radius: 7px;
    display: inline-block;
    float: right;
    font-size: 8px;
    height: 14px;
    line-height: 15px;
    padding: 0 5px;
	text-transform: uppercase;
}
.filtersettings .tbl_body tr.filterset {
	font-style: italic;
}
.columnsettings>.column-ctrls,
.filtersettings>.filter-ctrls {
	margin-top: 5px;
}
.columnsettings>.column-ctrls .tm-combobox-input,
.filtersettings>.filter-ctrls .tm-combobox-input {
    height: 20px;
    width: 300px;
}
.filtersettings>.filter-ctrls input[name=filter-preview] {
	float: right;
    padding-right: 10px;
    padding-left: 10px;
	line-height: initial;
}

/* Filters - Table */
.filters table.tbl { table-layout: fixed; width: 100%; }
.filters table.tbl td { overflow: hidden; text-overflow: initial; white-space: nowrap; }
.filters table.tbl .value { width: 70%; }

/* Filter - Settings */
.settings form {
	background-color: #efefef;
	padding: 5px;
}
.settings form label {
	width: 45px;
}
.settings form.addRow {
}
	.settings form .addRow>span {
		display: block;
		float: left;
		margin: 0 5px;
		text-align: center;
	}
	.settings form .addRow input.chk {
		display: block;
		float: left;
		width: auto;
	}
	.settings form .addRow input.btn {
		display: block;
		float: right;
		margin-left: 3px;
		padding: 0 5px;
		width: auto;
	}
	.settings form .addRow #btn_bitmask { margin: 0; padding: 0 10px; float: left; width: auto; }
	.settings form .addRow #btn_multiselect { line-height: 18px; padding: 0; width: 25px; }
	.settings form .addRow select.txt {
		display: block;
		float: left;
		margin-right: 3px;
	}
	.settings form .addRow select#prior { width: auto; }
	.settings form .addRow select#prefix { width: auto; }
	.settings form .addRow select#exclude { width: auto; }
	.settings form .addRow select#operand { width: auto; }
	.settings form .addRow .double>div,
	.settings form .addRow .between>div {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.settings form .addRow .double>div:after,
	.settings form .addRow .between>div:after {
		display: table-row;
	}
	.settings form .addRow .double>div input.txt,
	.settings form .addRow .double>div span,
	.settings form .addRow .between>div input.txt,
	.settings form .addRow .between>div span {
		display: table-cell;
	}
	.settings form .addRow .double>div span,
	.settings form .addRow .between>div span {
		text-align: center;
		vertical-align: middle;
		width: 30px;
	}
	.settings form .addRow .double>div span.ipr,
	.settings form .addRow .between>div span.ipr {
		overflow: hidden;
		text-align: right;
		text-indent: 100%;
		width: 3px;
	}
	.settings form .addRow .multi_btn {
		float: right;
	}
.settings form div.filter_values {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 80px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.settings form div.filter_values table.tbl { }
.settings form div.filter_values table.tbl td {
	border: 0;
	padding: 2px 3px;
}
.settings form div.filter_values table.tbl td { border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings form div.filter_values table.tbl .prior { text-align: left; width: 50px; }
.settings form div.filter_values table.tbl .prefix { text-align: left; width: 50px; }
.settings form div.filter_values table.tbl .exclude { text-align: left; width: 25px; }
.settings form div.filter_values table.tbl .operand { text-align: left; width: 55px; }
.settings form div.filter_values table.tbl .value { text-align: left; width: auto; }

#dlgStoredFilterSet label { width: 50px; }

/* Multiselect Properties */
.opt div.multiselect {
	overflow-x: hidden;
	overflow-y: scroll;
}

.multiselect_title {
	background-color: #222;
	border-color: #222;
	border-style: solid;
	border-width: 1px 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
    height: 20px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.multiselect_title:after {
	display: table-row;
}
.multiselect_title div, .multiselect_title select, .multiselect_title span {
	display: table-cell;
}
.multiselect_title div.check {
	padding: 0 5px 0 3px;
	text-align: center;
	vertical-align: bottom;
	width: 16px;
}
.multiselect_title select {
	font-weight: normal;
	height: 18px;
	width: 100%;
}

.multiselect_header {
	background-color: #222;
	border-color: #222;
	border-style: solid;
	border-width: 1px 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	margin: 2px auto 0;
	padding: 5px 3px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
	.multiselect_header span {
		margin-left: 3px;
	}
	.multiselect_header input.chk {
		margin-left: 5px;
	}
.multiselect {
	background-color: #fff;
	border: 1px solid #bbb;
}
.multiselect .pick-list {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.multiselect table.tbl tr td { border-color: #fff; border-width: 0 0 1px; }
.multiselect table.tbl .c2 { text-align: left; width: auto; }
.multiselect_option, .multiselect_exclude { margin: 0 auto; width: 98%; }
.multiselect_option label, .multiselect_exclude label { font-weight: normal; width: 200px;}
.multiselect_option input.chk, .multiselect_exclude input.chk { margin: 5px 5px 0 0 ; }

.filter_prop .multiselect_header span { padding: 0 3px; }
.filter_prop .multiselect { height: 115px; margin: 0 auto; }
.filter_prop .multiselect_option label, .filter_prop .multiselect_exclude label { line-height: 22px;  }

#dlgMultiselect .multiselect { height: 250px; margin: 0 auto; overflow-x: hidden; overflow-y: scroll; }
#dlgMultiselect .multiselect table.tbl td { border-bottom: 1px solid #eee; }
#dlgMultiselect .multiselect_option label, #dlgMultiselect .multiselect_exclude label { line-height: 16px;  }

/* Dialog - Multiselect Filter */
#dlgMultiselect p { text-align: center}
#dlgMultiselect .opt { margin: 0 auto 2px; width: 90%; }
#dlgMultiselect .opt label { width: 80px; }
#dlgMultiselect .opt select { height: 20px; margin-right: 3px; }

/* Filter Sets Dialog */
#dlgFilterSets {
	width: 600px;
}
#dlgFilterSets .filtersets {
	background-color: #fff;
	border: 1px solid #bbb;
	height: 250px;
}
#dlgFilterSets .filtersets .tbl.manage td {
	cursor: default;
}
#dlgFilterSets .filtersets .tbl.manage td:has(>a) {
	cursor: pointer;
}
#dlgFilterSets .filtersets .tbl.manage .name {
	width: auto;
}

/* Manage Filter Sets Dialog */
#dlgFilterSetManage {
	width: 620px;
}
#dlgFilterSetManage .filtersettings .tbl_body {
	height: 150px;
}

/* Manage Filters Dialog */
#dlgFilterManage {
	width: 720px;
}
#dlgFilterManage p {
	text-align: center;
}
#dlgFilterManage .properties.desc {
	border: 0;
	display: table;
    line-height: 18px;
	margin: 5px 0 0;
	padding: 0;
	width: 100%;
}
#dlgFilterManage .properties.desc:after {
	display: table-row;
}
#dlgFilterManage .properties.desc div {
    border: 1px solid #bbb;
    border-width: 1px 0;
	display: table-cell;
    padding: 3px 5px;
	vertical-align: top;
}
#dlgFilterManage .properties.desc div:first-child {
    border-left-width: 1px;
    width: 1%;
}
#dlgFilterManage .properties.desc div:last-child {
    border-right-width: 1px;
}
#dlgFilterManage .properties.desc div strong {
	font-weight: bold;
	white-space: nowrap;
}
#dlgFilterManage .properties.desc div strong:after {
	content: ": ";
	display: inline-block;
}
#dlgFilterManage #tab_advanced label {
	width: 50px;
}
#dlgFilterManage #tab_advanced div.filter_values {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 80px;
	overflow-x: hidden;
	overflow-y: scroll;
}
#dlgFilterManage #tab_advanced div.filter_values table.tbl td {
	border: 0;
	padding: 2px 3px;
}
#dlgFilterManage #tab_advanced div.filter_values table.tbl td {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#dlgFilterManage #tab_advanced div.filter_values table.tbl .prior {
	text-align: left;
	width: 50px;
}
#dlgFilterManage #tab_advanced div.filter_values table.tbl .prefix {
	text-align: left;
	width: 50px;
}
#dlgFilterManage #tab_advanced div.filter_values table.tbl .exclude {
	text-align: left;
	width: 25px;
}
#dlgFilterManage #tab_advanced div.filter_values table.tbl .operand {
	text-align: left;
	width: 55px;
}
#dlgFilterManage .filter-adv {
	display: table;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
#dlgFilterManage .filter-adv:after {
	display: table-row;
}
#dlgFilterManage .filter-adv .filter-settings,
#dlgFilterManage .filter-adv .filter-properties {
	display: table-cell;
	padding: 0;
	vertical-align: top;
}
#dlgFilterManage .filter-adv .filter-properties .filter-values {
	background-color: #fff;
	border: 1px solid #bbb;
	/*height: 233px; TODO */
	margin-left: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}
#dlgFilterManage .filter-adv .filter-properties .filter-values table.tbl td {
	border: 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#dlgFilterManage .filter-adv .filter-properties .filter-values table.tbl .prior {
	width: 50px;
}
#dlgFilterManage .filter-adv .filter-properties .filter-values table.tbl .prefix {
	width: 50px;
}
#dlgFilterManage .filter-adv .filter-properties .filter-values table.tbl .exclude {
	width: 25px;
}
#dlgFilterManage .filter-adv .filter-properties .filter-values table.tbl .operand {
	width: 55px;
}
#dlgFilterManage .filter-adv .filter-settings {
	width: 240px;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs {
	display: table;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs ul {
	display: table-row;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs ul li {
	border: 1px solid #bbb;
	border-width: 1px 1px 0;
	display: table-cell;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 24px;
	width: 50%;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs ul li:last-child {
	border-width: 1px 1px 0 0;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs ul li a {
	background-color: #f8f8f8;
    color: #212121;
	display: block;
	text-align: center;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs ul li a.current {
	background-color: #eee;
}
#dlgFilterManage .filter-adv .filter-settings .settings-tabs ul li a:focus {
    background-color: #777 !important;
    color: #fff !important;
}
#dlgFilterManage .filter-adv .filter-settings .pick-list {
	height: 157px;
    overflow-y: auto;
    overflow-x: hidden;
}
#dlgFilterManage .filter-adv .filter-settings .pick-list table.tbl td {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#dlgFilterManage .filter-adv .filter-settings .pick-list table.tbl th.name select {
	height: 18px;
	width: 100%;
}
#dlgFilterManage .filter-adv .filter-settings .multiselect-options div {
    display: inline-block;
	margin-left: 5px;
    margin-top: 3px;
}
#dlgFilterManage .filter-adv .filter-settings .properties {
	margin: 0 auto;
}
#dlgFilterManage .filter-adv .filter-settings .advanced-add label {
	width: 55px;
}
#dlgFilterManage .filter-adv .filter-settings .advanced-add .opt>div textarea {
	height: 135px;
}
#dlgFilterManage .filter-basic .opt.between>div,
#dlgFilterManage .filter-adv .filter-settings .advanced-add .opt.between>div {
	display: table;
	table-layout: fixed;
}
#dlgFilterManage .filter-basic .opt.between>div:before,
#dlgFilterManage .filter-adv .filter-settings .advanced-add .opt.between>div:before {
	display: table-row;
}
#dlgFilterManage .filter-basic .opt.between>div input,
#dlgFilterManage .filter-basic .opt.between>div span,
#dlgFilterManage .filter-adv .filter-settings .advanced-add .opt.between>div input,
#dlgFilterManage .filter-adv .filter-settings .advanced-add .opt.between>div span {
	display: table-cell;
}
#dlgFilterManage .filter-basic .opt.between>div span,
#dlgFilterManage .filter-adv .filter-settings .advanced-add .opt.between>div span {
    padding: 0 3px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}
#dlgFilterManage .filter-adv .filter-settings .dlgButtons {
	margin: 2px 0 3px;
}

/* SelectMenu */
.tm-selectmenu {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 18px;
    line-height: 18px;
    padding: 0;
}
.tm-selectmenu-button {
	border: 1px solid #ccc;
    background: #fff;
    font-weight: normal;
    color: #212121;
    outline: none;
}
.tm-selectmenu-button.ui-button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;

	text-align: left;
    white-space: nowrap;
    width: 100%;

    padding: 0 0 0 4px;
    line-height: 16px;
}
.tm-selectmenu-button.ui-button:hover {
	border: 1px solid #ccc;
	background: #fff;
	font-weight: normal;
	color: #212121;
}
.tm-selectmenu-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -3px;
}
.tm-selectmenu-menu .ui-widget-content {
    max-height: 300px;
}

/* SelectMultiple */
.tm-selectmultiple.ui-button {
    display: inline-block;
	height: 20px;
    margin-top: -3px;
    min-width: 150px;
}
.tm-selectmultiple.ui-button .ui-selectmenu-text {
	line-height: 18px;
}
.tm-selectmultiple.ui-button .ui-selectmenu-icon {
	height: 18px;
    background-position-y: 1px;
}
.tm-selectmultiple-menu .ui-menu-item span.menu-item-label {
	margin-left: 3px;
}
.tm-selectmultiple-menu .ui-menu-item span.menu-item-checkbox i {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400; /* fontawesome: far */
	font-size: 1.2em;
}
.tm-selectmultiple-menu .ui-menu-item span.menu-item-checkbox i:before {
	content: "\f0c8"; /* fontawesome: fa-square */
}
.tm-selectmultiple-menu .ui-menu-item span.menu-item-checkbox.state-checked i:before {
	content: "\f14a"; /* fontawesome: fa-check-square" */
}

/* Combobox - Autocomplete */
.tm-combobox {
	position: relative;
	display: inline-block;
    margin-right: 21px;
}
.tm-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.tm-combobox-input {
	margin: 0;
    height: 18px;
    padding: 0 5px;
}
.tm-combobox-drop {
	font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6em;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10000;
}
.tm-autocomplete-category {
	font-weight: bold;
    padding: 0 1em 0 .4em;
    position: relative;
}
.tm-autocomplete-item a.ui-menu-item-wrapper,
.tm-autocomplete-subitem a.ui-menu-item-wrapper {
    display: block;
	padding: 0 1em 0 .4em;
}
.tm-autocomplete-subitem a.ui-menu-item-wrapper {
    padding-left: 20px;
}
.tm-autocomplete-item a.ui-menu-item-wrapper.ui-state-active,
.tm-autocomplete-subitem a.ui-menu-item-wrapper.ui-state-active {
	border: 0;
}
.tm-autocomplete-item a.ui-menu-item-wrapper.ui-state-active,
.tm-autocomplete-item a.ui-menu-item-wrapper.ui-state-focus,
.tm-autocomplete-subitem a.ui-menu-item-wrapper.ui-state-active,
.tm-autocomplete-subitem a.ui-menu-item-wrapper.ui-state-focus {
    margin: 0;
}

.opt .tm-combobox {
	display: block;
}
.opt .tm-combobox .tm-combobox-toggle {
	height: 20px;
}

/* Search */
.search {
}
	.search label {
		line-height: 22px;
	}
	.search input.txt {
		margin: 0 5px;
		width: 150px;
	}
	.search select.txt {
		margin: 0 5px;
		width: 150px;
	}
	.search input.btn {
		width: 80px;
	}

/* Menu */
.menu {
	background-color: #f8f8f8;
	font-size: 11px;
	font-size: 1.1rem;
	height: 24px;
	line-height: 24px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
	.menu .selection {
		float: left;
		margin-left: 5px
	}
	.menu .selection label {
		margin-right: 5px
	}
	.menu .action_status {
		background: transparent url("/images/icons/loading24x24.gif") no-repeat center right;
		color: #212121;
		display: none;
		float: right;
		font-style: italic;
		font-weight: normal;
		padding: 0 24px 0 0;
	}
	.menu .progress_status {
		color: #212121;
		display: none;
		float: left;
		font-style: italic;
		font-weight: normal;
		margin: 0 5px;
	}
	.menu .progress_status span {
		margin-left: 5px;
	}
	.menu ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 1098;
	}
		.menu ul li {
			float: left;
			list-style-type: none;
			padding: 0;
		}
		.menu ul li.toggle-switch.btn-switch {
			border-color: #bbb;
			border-style: solid;
			border-width: 0 0 0 1px;
		}
		.menu ul li.toggle-switch input.ctrl-toggle + label:after {
			background-color: #f8f8f8;
		}
		.menu ul li.toggle-switch input.ctrl-toggle-round + label {
			margin: 2px 3px;
		}
		.menu ul li.toggle-switch input.ctrl-toggle-square + label:after {
			border: 1px solid #ccc;
		}
		.menu ul li.toggle-switch input.ctrl-toggle-square + label {
			margin: 1px 2px;
		}
		.menu ul li.first {
			border-left: 1px solid #00386e;
		}
		.menu ul li.last {
			border-right: 1px solid #ddd;
		}
			.menu ul li a {
				border: 1px solid #bbb;
				border-width: 0 1px 0 0;
                color: #212121;
				display: block;
				font-weight: normal;
				height: 24px;
				line-height: 24px;
				text-align: center;
				text-decoration: none;
				width: 100px;
			}
			.menu ul li a.current { background-color: #eee; }
			.menu ul li a:hover {
				background-color: #1976D2;
				color: #fff;
				text-decoration: none;
			}
			.menu ul li .disable, .menu ul li a.disable:hover {
				background-color: inherit;
				cursor: default;
				color: #888;
			}
			.menu ul li.tiny-btn a {
				border-radius: 8px;
				border-width: 1px;
				font-size: 9px;
				color: #888;
				height: 14px;
				line-height: 14px;
				margin: 4px 3px 4px 0;
				padding: 0;
				width: 14px;
			}
			.menu ul li.tiny-btn a:hover {
				background-color: #888;
				color: #f8f8f8;
			}
	.menu ul.level2, .menu ul.level3 {
		background: #eee;
		border-color: #bbb;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		left: 0px;
		position: absolute;
		top: 0px;
		visibility: hidden;
	}
		.menu ul.level2 li, .menu ul.level3 li {
			border-bottom: 1px solid #bbb;
			float: none;
			margin: 0;
			padding: 0;
		}
		.menu ul.level2 li.slide, .menu ul.level3 li.slide { padding: 10px; }
		.menu ul.level2 li.slide_text, .menu ul.level3 li.slide_text { line-height: normal; padding: 5px; }
			.menu ul.level2 li a, .menu ul.level3 li a {
                border-right: 0;
				height: auto;
				padding: 0 5px;
                text-indent: 0;
				width: 150px;
			}
			.menu ul.level2 li a.btn_ico, .menu ul.level3 li a.btn_ico {
				border: 0;
				line-height: 24px;
				float: none;
				padding: 1px 0;
				width: 25px;
			}
			.menu ul.level2 li a.btn_ico span, .menu ul.level3 li a.btn_ico span {
				margin: 3px auto;
			}
			/*.menu ul li a.expand		{ background: transparent url("/images/menu_arrow_off.gif") no-repeat center right; }
			.menu ul li a.expand:hover	{ background: #ccc url("/images/menu_arrow_on.gif") no-repeat center right; color: #000; }*/
			.menu ul li a.active		{ background-color: #1976D2; color: #fff; }
			.menu ul li a.active span	{ background-position: 0 0; }
			/*.menu ul li a.activeEx		{ background: #ccc url("/images/menu_arrow_on.gif") no-repeat center right; color: #000; }*/
.menu .btn_ico { padding: 0; }
.menu ul.level2 li.tier1, .monitor  .menu ul.level2 li.tier2 {
    line-height: 20px;
}
.menu ul.level2 li.noshow {
	display: none;
}
.menu ul.level2 li.item a {
	cursor: pointer;
	color: #1976D2;
	font-weight: bold;
    line-height: 20px;
	padding-left: 3px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.menu ul.level2 li.item a:hover {
	color: #fff;
}
.menu ul.level2 li.parent.item>a:after {
	content: "\25b6";
	display: inline-block;
	float: right;
	margin: 0 3px;
}
.menu ul.level2 li.tier1 {
	color: #1976D2;
	font-weight: bold;
	padding-left: 3px;
	text-align: left;
}
.menu ul.level2 li.tier2 a {
	cursor: pointer;
	color: #1976D2;
	font-weight: bold;
    line-height: 20px;
	text-align: left;
}
.menu ul.level2 li.tier2 a.opt_func {
	text-indent: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.menu ul.level2 li.tier2 a:hover {
	color: #fff;
}
.menu ul.level2 li.tier2 a>span {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}
.menu ul.level2 li.tier2.checked a>span {
	background-color: #1976D2;
    background-image: url("/images/icons/ico_check_20x20.png");
    background-position: 0 -20px;
}
.menu ul.level2 li.tier2.checked a:hover>span {
	background-color: transparent;
    background-position: 0 0;
}
.menu ul.level2 li.tier1.disable-menuitem,
.menu ul.level2 li.tier2.disable-menuitem, .menu ul.level2 li.tier2.disable-menuitem a {
	cursor: default;
	color: #888;
}
.menu ul.level2 li.tier2.disable-menuitem.checked a>span {
	background: none;
}

.menu ul.level2 li.tier2 a>span:has(>i) {
    width: 10px;
}
.menu ul.level2 li.tier2.checked a>span:has(>i) {
	background: none;
}
.menu ul.level2 li.tier2 a>span>i {
	display: none;
	font-size: 1.2em;
    line-height: 1em;
}
.menu ul.level2 li.tier2.checked a>span>i {
	display: inherit;
}
.menu ul.level2.dropdown li a>input {
	display: none;
}

.tree_ctrl .menu ul.level2 li {
	padding: 0;
}
.tree_ctrl .menu ul.level2 li.tier1 {
	background-color: #2196F3;
	color: #fff;
	padding: 0 5px;
}
.tree_ctrl .menu ul.level2 li.tier2>a {
	padding: 0 5px 0 20px;
}
.tree_ctrl .menu ul.level2 li>a,
.tree_ctrl .menu ul.level2 li.tier2>a {
	color: #fff;
}

.menu .btn-ctrls {
	border-collapse: collapse;
	display: table;
    empty-cells: show;
	float: right;
	margin: 0 0 0 3px;
	table-layout: fixed;
}
.menu .btn-ctrls.grouped {
    border-right: 1px solid #bbb;
}
.menu .btn-ctrls:after {
	display: table-row;
}
.menu .btn-ctrls li {
	display: table-cell;
	padding: 2px 3px;
}
.menu .btn-ctrls li.sm-btn {
	padding: 0;
}
.menu .btn-ctrls li.sm-btn a {
    border-radius: 3px;
    border-width: 1px;
	height: 18px;
    line-height: 18px;
    margin: 2px 3px 2px 0;
    padding: 0;
    width: 18px;
}
.menu .btn-ctrls li.sm-btn a {
	color: #1976D2;
}
.menu .btn-ctrls li.sm-btn a.active {
	background-color: #ddd;
}
.menu .btn-ctrls li.sm-btn a:hover {
	color: #fff;
}

.menu .filters, .menu .sm-controls {
	border-collapse: collapse;
	display: table;
    empty-cells: show;
	float: left;
	margin: 0 3px;
	table-layout: fixed;
}
.menu .filters:after, .menu .sm-controls:after {
	display: table-row;
}
.menu .filters li, .menu .sm-controls li {
	display: table-cell;
	padding: 2px 3px;
}
.menu .filters li.label, .menu .sm-controls li.label {
	line-height: 20px;
	width: 40px;
}
.menu .sm-controls li.label {
	width: auto;
}
.menu .filters li.toggle-switch, .menu .sm-controls li.toggle-switch {
	padding: 0 0 0 3px;
}
.menu .filters li.txt, .menu .sm-controls li.txt {
	line-height: 20px;
}
.menu .filters li>div, .menu .sm-controls li>div {
	border: 1px solid #bbb;
	line-height: 18px;
	padding: 0 0 0 3px;
	min-width: 90px;
}
.menu .filters li>div>a, .menu .sm-controls li>div>a {
	color: inherit;
	display: block;
	float: right;
}
.menu .filters li>div>a, .menu .sm-controls li>div>a {
    border: 0;
	color: inherit;
    font-weight: inherit;
    height: 16px;
    line-height: inherit;
    text-align: center;
    text-decoration: none;
    width: 16px;
}
.menu .filters li>div>a:hover, .menu .sm-controls li>div>a:hover {
    background-color: transparent;
}
.menu .filters li>div.date,
.menu .filters li>div.search,
.menu-ctrl .filters_adv div.search,
.menu-ctrl .filters-advanced div.search,
.row-ctrls div.search,
.opt.filters div.search {
    background-color: #fff;
	border: 1px solid #bbb;
	color: #212121;
	line-height: 18px;
	min-width: 90px;
	padding: 0 0 0 3px;
}
.filters_adv div.search {
	margin-bottom: 2px;
}
.menu .filters li>div.search input,
.menu-ctrl .filters_adv div.search input,
.menu-ctrl .filters-advanced div.search input,
.row-ctrls div.search input,
.opt.filters div.search input {
	border: 0;
	background-color: transparent;
	font-weight: normal;
	height: 18px;
	margin: 0;
	width: calc(100% - 20px);
}
.menu .filters li>div.date {
	min-width: auto;
	padding: 0;
}
.menu .filters li>div.date input {
	border: 0;
	font-weight: normal;
	height: 18px;
	text-align: center;
	width: 80px;
}
.menu .filters li>div.search>div,
.menu-ctrl .filters_adv div.search>div,
.menu-ctrl .filters-advanced div.search>div,
.row-ctrls div.search>div,
.opt.filters div.search>div {
	margin-right: 20px;
}
.menu .filters li>div.search>div input,
.menu-ctrl .filters_adv div.search>div input,
.menu-ctrl .filters-advanced div.search>div input,
.row-ctrls div.search>div input,
.opt.filters div.search>div input {
	width: 100%;
}
.menu .filters li>div.search>a,
.menu-ctrl .filters_adv div.search>a,
.menu-ctrl .filters-advanced div.search>a,
.row-ctrls div.search>a,
.opt.filters div.search>a {
	border-radius: 20%;
    color: #bbb;
    float: right;
    line-height: 13px;
    height: 13px;
    margin: 3px 1px 0 0;
    width: 12px;
}
.menu-ctrl .filters-advanced {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bbb;
	border-collapse: separate;
	border-spacing: 5px;
	border-width: 0 1px 0 1px;
	display: table;
	font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6em;
	table-layout: fixed;
	width: 100%;
}
.menu-ctrl .filters-advanced:after {
    display: table-row;
}
.menu-ctrl .filters-advanced .col {
	display: table-cell;
	vertical-align: top;
}
.menu-ctrl .filters-advanced .col.c1 { width: 40%; }
.menu-ctrl .filters-advanced .col.c1 label { width: 120px; }
.menu-ctrl .filters-advanced .col.c2 {}
.menu-ctrl .filters-advanced .col.c2 label { width: 120px; }
.menu-ctrl .filters-advanced .col .properties {
	margin: 0;
}
.menu-ctrl .filters-advanced .opt>div.search {
	margin-bottom: 2px;
}
.menu-ctrl .filters-advanced .opt div>ul {
    border-collapse: collapse;
    display: table;
    table-layout: fixed;
}
.menu-ctrl .filters-advanced .opt div>ul>li {
    display: table-cell;
    line-height: 22px;
}
.menu-ctrl .filters-advanced .opt div>ul>li input.chk {
    height: auto;
    margin-top: 5px;
    width: auto;
}
.menu-ctrl .filters-advanced .opt div>ul>li span {
    display: inline-block;
    margin: 0 10px 0 3px;
    width: auto;
}

.filters_adv .opt-error {
	color: #e34f4f;
}
.filters_adv .opt-error div.search input {
	color: #e34f4f;
}

.row-ctrls {
    border-collapse: collapse;
    display: table;
    empty-cells: show;
	float: left;
    list-style: none;
    table-layout: fixed;
	width: 100%;
}
.row-ctrls:after {
	display: table-row;
}
.row-ctrls li {
    display: table-cell;
	line-height: 20px;
    padding: 2px 3px;
}
.row-ctrls li.label {
	text-indent: 2px;
    width: 50px;
}
.row-ctrls li.search-ctrl {
    line-height: 18px;
}
.row-ctrls li.search-ctrl>div>a {
    text-align: center;
}
.row-ctrls li.sm-btn {
    padding: 0;
}
.row-ctrls li.sm-btn>a {
    color: #1976D2;
}
.row-ctrls li.sm-btn>a {
    width: 20px;
}
.row-ctrls li.sm-btn>a {
    border: 1px solid #bbb;
    border-radius: 3px;
    height: 18px;
    line-height: 18px;
    margin: 2px 3px 2px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 18px;
}

.row-ctrls li.btn {
    border-left: 1px solid #bbb;
	line-height: 16px;
    padding: 0;
    width: 24px;
}
.row-ctrls li.btn a {
	display: block;
    height: 16px;
	padding: 4px 0;
    text-align: center;
    text-decoration: none;
    width: 24px;
}
.row-ctrls li.btn .btn-fa,
.row-ctrls li.btn .btn_ico {
    background-color: transparent;
}
.row-ctrls li.btn .btn-fa:hover,
.row-ctrls li.btn .btn_ico:hover {
    background-color: #1976D2;
    cursor: pointer;
    color: #fff;
}
.row-ctrls li.btn .btn-fa span,
.row-ctrls li.btn .btn_ico span {
    background-color: #1976D2;
    background-position: 0 -16px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.row-ctrls li.btn .btn-fa:hover span,
.row-ctrls li.btn .btn_ico:hover span {
    background-position: 0 0;
}

.menu .filters li.ctrl, .menu .sm-controls li.ctrl {
	padding: 0 3px;
}
.menu .filters li.btn, .menu .sm-controls li.btn {
	padding: 0;
}
.menu .filters li.btn a, .menu .sm-controls li.btn a {
	border-width: 0 0 0 1px;
	min-width: 24px;
}
.menu .filters li.btn:last-child a, .menu .sm-controls li.btn:last-child a {
	border-width: 0 1px;
}
.menu-ctrl .filters li.sm-btn, .menu-ctrl .sm-controls li.sm-btn {
	padding: 0;
}
.menu-ctrl .filters li.sm-btn a, .menu-ctrl .sm-controls li.sm-btn a {
    border-radius: 3px;
    border-width: 1px;
	height: 18px;
    line-height: 18px;
    margin: 2px 3px 2px 0;
    padding: 0;
    width: 18px;
}
.menu-ctrl .sm-controls li.sm-btn.btn-txt a>i {
	padding-right: 3px;
}
.menu-ctrl .filters li.sm-btn a, .menu-ctrl .sm-controls li.sm-btn a {
	color: #1976D2;
}
.menu-ctrl .filters li.sm-btn a.active, .menu-ctrl .sm-controls li.sm-btn a.active {
	background-color: #ddd;
}
.menu-ctrl .filters li.sm-btn a:hover, .menu-ctrl .sm-controls li.sm-btn a:hover {
	color: #fff;
}
.menu-ctrl .filters li.sm-btn a, .menu-ctrl .sm-controls li.sm-btn.disable a,
.menu-ctrl .filters li.sm-btn a, .menu-ctrl .sm-controls li.sm-btn.disable a.active,
.menu-ctrl .filters li.sm-btn a, .menu-ctrl .sm-controls li.sm-btn.disable a:hover {
	background-color: transparent;
	border-color: #bbb;
	color: #999;
}
.menu-ctrl .filters li.sm-btn.btn-txt a, .menu-ctrl .sm-controls li.sm-btn.btn-txt a {
	padding: 0 5px;
	width: auto;
}
.menu-ctrl .filters li.sm-btn.msg-ico a, .menu-ctrl .sm-controls li.sm-btn.msg-ico a {
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
}
.menu-ctrl .filters li.sm-btn.msg-ico a:hover, .menu-ctrl .sm-controls li.sm-btn.msg-ico a:hover {
	background-color: transparent;

}
.menu-ctrl .filters li.sm-btn.msg-ico a:focus, .menu-ctrl .sm-controls li.sm-btn.msg-ico a:focus {
	background-color: transparent !important;
    color: initial !important;
}
.menu-ctrl .filters li.sm-btn.msg-ico.msg-error a, .menu-ctrl .sm-controls li.sm-btn.msg-ico.msg-error a {
	color: #e34f4f;
}
.menu-ctrl .filters li.sm-msg, .menu-ctrl .sm-controls li.sm-msg {
    font-size: 10px;
    font-size: 1.0rem;
    font-style: italic;
    line-height: 24px;
    margin: 0 0 0 3px;
    padding: 0;
}


/* Top Bar menu */
.top_bbl ul {
	display: block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	text-shadow: none;
	z-index: 190
}
	.top_bbl ul li {
		float: left;
		list-style-type: none;
		padding: 0;
	}
		.top_bbl ul li a {
			color: #fff;
			display: block;
			font-weight: bold;
			height: 20px;
			line-height: 20px;
			padding: 0 5px;
			text-align: left;
			text-decoration: none;
			width: 120px;
		}
		.top_bbl ul li a:hover {
			background-color: #fff;
			color: #1976D2;
			text-decoration: none;
		}
		.top_bbl ul li a.active {
			background-color: #ccc;
			color: #000;
		}
		.top_bbl>a.icon, .top_bbl ul li a.icon {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			float: right;
			height: 20px;
			padding: 2px;
			text-indent: -3000px;
			width: 20px;
		}
		.top_bbl>a.icon span, .top_bbl ul li a.icon span {
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			width: 16px;
			height: 16px;
		}
		.top_bbl>a.icon:hover, .top_bbl ul li a.icon:hover {
			background-color: #f8f8f8;
		}
		.top_bbl>a.icon:hover span, .top_bbl ul li a.icon:hover span {
			background-color: #1976D2;
			background-position: 0 -16px;
		}
.top_bbl ul.controls {
    font-size: 11px;
    font-size: 1.1rem;
	position: relative;
}
.top_bbl ul.controls>li>a {
	float: none;
}
.top_bbl ul.controls>li>a.btn {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	padding: 0;
    text-align: center;
	width: 20px;
}
.top_bbl ul.controls>li>a.btn.icon {
	padding: 2px;
    text-align: left;
}
.top_bbl ul.controls>li>a.btn.arrow_down:hover,
.top_bbl ul.controls>li>a.btn.arrow_up:hover {
	background-color: transparent;
}
.top_bbl ul.controls ul.dropdown {
	float: none;
	margin-right: -1px;
	position: absolute;
	right: 0;
	visibility: hidden;
}
.top_bbl ul.controls ul.dropdown li {
	background-color: #eee;
	border: 1px solid #bbb;
	border-width: 0 1px 1px;
	color: #1976D2;
	float: none;
}
.top_bbl ul.controls ul.dropdown li:first-child {
	border-width: 1px;
}
.top_bbl ul.controls ul.dropdown li.tier1 {
    padding-left: 3px;
}
.top_bbl ul.controls ul.dropdown li a {
	color: #1976D2;
	display: block;
	height: auto;
}
.top_bbl ul.controls ul.dropdown li a:hover {
	background-color: #1976D2;
	color: #fff;
}
.top_bbl ul.controls ul.dropdown li a>span {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}
.top_bbl ul.controls ul.dropdown li.selected a>span {
	background-color: #1976D2;
    background-image: url("/images/icons/ico_check_20x20.png");
    background-position: 0 -20px;
}
.top_bbl ul.controls  ul.dropdown li a:hover>span {
	background-color: transparent;
    background-position: 0 0;
}
.top_bbl ul.controls ul.dropdown li a>input {
	display: none;
}
.top_bbl ul.level2, .top_bbl ul.level3 {
	background: #1976D2;
	border-color: #bbb;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	left: 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
}
	.top_bbl ul.level2 li, .top_bbl ul.level3 li {
		border-bottom: 1px solid #bbb;
		float: none;
		margin: 0;
		padding: 0;
	}
	.top_bbl ul.level2 li.group, .top_bbl ul.level3 li.group {
		padding: 0 5px;
	}
		.top_bbl ul.level2 li a, .top_bbl ul.level3 li a {
			padding-left: 25px;
		}
		.top_bbl ul.level2 li.checked a, .top_bbl ul.level3 li.checked a {
			background-image: url("/images/icons/ico_check_20x20.png");
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		.top_bbl ul.level3 li.checked a:hover, .top_bbl ul.level2 li.checked a:hover {
			background-position: 0 -20px;
		}
		.top_bbl ul.level2 li.expand a, .top_bbl ul.level3 li.expand a {
			padding-right: 0;
			width: 125px;
		}
		.top_bbl ul.level2 li.expand a:hover, .top_bbl ul.level3 li.expand a:hover {
		}
		.top_bbl ul.level2 li.expand a span, .top_bbl ul.level3 li.expand a span {
			background-image: url("/images/ctrl_arrow.png");
			background-position: right 0;
			background-repeat: no-repeat;
			display: block;
			float: right;
			height: 20px;
			width: 20px;
		}
		.top_bbl ul.level2 li.expand a:hover span, .top_bbl ul.level3 li.expand a:hover span {
			background-position: right -20px;
		}
.top_bbl ul.bbl-controls ul.dropdown {
	width: 180px;
}
.top_bbl ul.bbl-controls ul.dropdown li {
	float: none;
}
.top_bbl ul.bbl-controls ul.dropdown li a {
	width: auto;
}
.top_bbl ul li a.btn-fa {
	width: auto;
}
.top_bbl .action_status {
	background: transparent url("/images/icons/loading24x24.dark.gif") no-repeat center right;
	color: #fff;
	display: none;
	float: right;
	font-style: italic;
	font-weight: normal;
	padding: 0 24px 0 0;
	text-shadow: none;
}

/* Tree Control */
.tree_ctrl {
	border-right: 1px solid #1976D2;
	float: left;
	width: 260px;
}
.tree_ctrl .tab_menu { background-color: #1976D2; }
.tree_ctrl .tab_menu .action_status { color: #fff; }
.tree_ctrl .tab_menu, .tree_ctrl .tab_menu ul li a {
	border-color: #fff;
	color: #fff;
	height: 22px;
	line-height: 22px;
}
.tree_ctrl .tab_menu ul li a.current {
	background-color: #f8f8f8;
	color: #1976D2;
}
.tree_ctrl .tab_menu ul li a:hover	{ background-color: #fff; color: #1976D2; }
.tree_ctrl .notification {
    border-bottom: 2px solid #bbb;
    padding: 5px;
}
.tree_ctrl .notification h3 {
    border-bottom: 1px solid #bbb;
	font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
}
.tree_ctrl .notification p {
	font-size: 12px;
	line-height: 14px;
	padding: 0 5px 5px;
}
.tree_ctrl .notification span {
	display: block;
	float: right;
	font-size: 18px;
}
.tree_ctrl .notification .opt.buttons {
	text-align: right;
}
.tree_ctrl .notification .opt.buttons .btn {
	margin-left: 3px;
}

.tree_ctrl .tree_pane {
	background-color: #fcfcfc;
	overflow-y: hidden;
	overflow-x: hidden;
}
.tree_ctrl .tree_pane:hover {
	overflow-y: auto;
}
.tree_ctrl .tree_pane p {
    padding: 5px;
    line-height: 14px;
    font-style: italic;
}
	.tree_ctrl .tree_ctrl_top {
		background-color: #2196F3;
		border-bottom: 1px solid #1976D2;
		color: #fff;
		font-weight: bold;
		line-height: 20px;
		padding: 0 0 0 5px;

		overflow: hidden;
		_overflow: visible;
		_overflow-x: hidden;
		_height: 0;
	}
	.tree_ctrl .tree_items {
		position: relative;
		width: 200%;
	}
	.tree_ctrl .tree_items li.loading>div {
		font-style: italic;
		font-size: 12px;
		line-height: 22px;
		overflow: hidden;
		padding-left: 6px;
	}
	.tree_ctrl .tree_items li.loading>div>span {
		display: inline-block;
		margin: 0 3px 0 0;
		padding: 2px 3px 2px 5px;
	}
	.tree_ctrl ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tree_ctrl ul:last-child {
		margin-bottom: 15px;
	}
		.tree_ctrl ul li {
			list-style-type: none;
		}
	.tree_ctrl .tree_items ul {
		margin: 0;
	}
		.tree_ctrl .tree_items ul li {
			list-style-type: none;
			margin-left: 0;
			padding-left: 0;
		}
		.tree_ctrl .tree_items li .tree_item {
			color: #212121;
			cursor: pointer;
			display: block;
			line-height: 22px;
			overflow: hidden;
			_overflow: visible;
			_overflow-x: hidden;
			_height: 0;
		}
		.tree_ctrl .tree_items li .current {
			background-color: #1976D2;
			color: #fff;
		}
		.tree_ctrl .tree_items li .tree_item:hover {
			background-color: #e2e2e2;
		}
			.tree_ctrl .tree_items li .tree_item span.ico {
				background-color: #1976D2;
				background-image: url("/images/icons/tree_folder_24x24.png");
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				float: left;
				height: 24px;
				margin-right: 3px;
				width: 24px;
			}
			.tree_ctrl .tree_items li .tree_item:hover span.ico {
				background-color: #1976D2;
				background-position: 0 -48px;
			}
			.tree_ctrl .tree_items li .tree_item.current span.ico {
				background-color: transparent;
				background-position: 0 -24px;
			}
			.tree_ctrl .tree_items li .tree_item.current:hover span.ico {
				background-color: #1976D2;
				background-position: 0 -48px;
			}
			.tree_ctrl .tree_items li .tree_item .lbl {
				color: #212121;
				display: block;
				line-height: 24px;
				padding: 0 10px 0 0;
				text-align: left;
				text-decoration: none;
				vertical-align: text-bottom;
				white-space: nowrap;
			}
			.tree_ctrl .tree_items li .tree_item .lbl em {
				font-size: smaller;
				font-style: italic;
				font-weight: bold;
				margin-left: 5px;
				vertical-align: top;
			}
			.tree_ctrl .tree_items li .tree_item.active a .lbl em {
				color: #e34f4f;
			}
			.tree_ctrl .tree_items li .tree_item.current .lbl { color: #fff; }
			.tree_ctrl .tree_items li .tree_item.current:hover .lbl { color: #212121; }
			.tree_ctrl .tree_items li .tree_item { padding-left: 6px; }
			.tree_ctrl .tree_items ul li .tree_item { padding-left: 30px; }
			.tree_ctrl .tree_items ul ul li .tree_item { padding-left: 50px; }
			.tree_ctrl .tree_items ul ul ul li .tree_item { padding-left: 70px; }
			.tree_ctrl .tree_items ul ul ul ul li .tree_item { padding-left: 90px; }
			.tree_ctrl .tree_items ul ul ul ul ul li .tree_item { padding-left: 110px; }

			.tree_ctrl .tree_items ul li.loading>div { padding-left: 30px; }
			.tree_ctrl .tree_items ul ul li.loading>div { padding-left: 50px; }
			.tree_ctrl .tree_items ul ul ul li.loading>div { padding-left: 70px; }

			.tree_ctrl .tree_items li.grp-alarm { border-bottom: 1px solid #1976D2; }


/* Tree Item w/ multiple status */
.tree_ctrl.tree-data .tree_items {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.tree_ctrl.tree-data .tree_items li .tree_item {
	position: relative;
}
.tree_ctrl.tree-data ul li .status-multiple {
	margin-top: 1px;
    position: absolute;
    right: 3px;
}
.tree_ctrl.tree-data ul li.state-open>.tree_item>.status-multiple.rollup,
.tree_ctrl.tree-data ul li.state-close>.tree_item>.status-multiple.item {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}
.tree_ctrl.tree-data ul li.state-open>.tree_item>.status-multiple.item,
.tree_ctrl.tree-data ul li.state-close>.tree_item>.status-multiple.rollup {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
}
.tree_ctrl.tree-data ul li .status-multiple .shape {
	margin: 2px 0 2px 2px;
    height: 18px;
}

/* Tree - Reports */
.tree_ctrl .tree_items .tree_item.category span.ico		{ background-image: url("/images/icons/tree_folder_24x24.png"); }
.tree_ctrl .tree_items .tree_item.subcategory span.ico	{ background-image: url("/images/icons/tree_folder_24x24.png"); }
.tree_ctrl .tree_items .tree_item.report span.ico		{ background-image: url("/images/icons/tree_report_24x24.png"); }
.tree_ctrl .tree_items .tree_item.stored span.ico		{ background-image: url("/images/icons/tree_report_24x24.png"); }
.tree_ctrl .tree_items .tree_item.custom span.ico		{ background-image: url("/images/icons/tree_report_24x24.png"); }
.tree_ctrl .tree_items .tree_item.history span.ico		{ background-image: url("/images/icons/tree_report_24x24.png"); }
.tree_ctrl .tree_items .tree_item.archive span.ico		{ background-image: url("/images/icons/tree_gear_24x24.png"); }
.tree_ctrl .tree_items .tree_item.filter span.ico		{ background-image: url("/images/icons/tree_gear_24x24.png"); }

/* Tree - Directory */
.tree_ctrl .tree_items .tree_item.company span.ico		{ background-image: url("/images/icons/tree_group_24x24.png"); }
.tree_ctrl .tree_items .tree_item.division span.ico		{ background-image: url("/images/icons/tree_group_24x24.png"); }
.tree_ctrl .tree_items .tree_item.department span.ico	{ background-image: url("/images/icons/tree_group_24x24.png"); }
.tree_ctrl .tree_items .tree_item.owner span.ico			{ background-image: url("/images/icons/tree_user_24x24.png"); }
.tree_ctrl .tree_items .tree_item.resource span.ico,
.tree_ctrl .tree_items .tree_item.commresource span.ico		{ background-image: url("/images/icons/tree_gear_24x24.png"); }

/* Tree - Expenses */
.tree_ctrl .tree_items .tree_item.category span.ico		{ background-image: url("/images/icons/tree_folder_24x24.png"); }
.tree_ctrl .tree_items .tree_item.code span.ico			{ background-image: url("/images/icons/tree_expense_24x24.png"); }
.tree_ctrl .tree_items .tree_item.owner span.ico			{ background-image: url("/images/icons/tree_user_24x24.png"); }
.tree_ctrl .tree_items .tree_item.billingrun span.ico	{ background-image: url("/images/icons/tree_calendar_24x24.png"); }
.tree_ctrl .tree_items .tree_item.period span.ico		{ background-image: url("/images/icons/tree_folder_24x24.png"); }

/* Tree - Device */
.tree_ctrl .tree_items .tree_item.devicetemplate span.ico { background-image: url("/images/icons/tree_folder_24x24.png"); }
.tree_ctrl .tree_items .tree_item.device span.ico		{ background-image: url("/images/icons/tree_gear_24x24.png"); }

/* Tree - Privilege */
.tree_ctrl .tree_items .tree_item.privilegegroup span.ico { background-image: url("/images/icons/tree_folder_24x24.png"); }
.tree_ctrl .tree_items .tree_item.privilege span.ico		{ background-image: url("/images/icons/tree_unlock_24x24.png"); }

/* Tree - MainGroup */
.tree_ctrl .tree_items .tree_item.maingroup span.ico		{ background-image: url("/images/icons/tree_group_24x24.png"); }

/* Tree - Costing */
.tree_ctrl .tree_items .tree_item.costmethod span.ico { background-image: url("/images/icons/tree_expense_24x24.png"); }
.tree_ctrl .tree_items .tree_item.tarifftype span.ico { background-image: url("/images/icons/tree_folder_24x24.png"); }
.tree_ctrl .tree_items .tree_item.tariff span.ico { background-image: url("/images/icons/tree_expense_24x24.png"); }
.tree_ctrl .tree_items .tree_item.tariffimport span.ico { background-image: url("/images/icons/tree_import_24x24.png"); }

/* Tree - UC Devices */
.tree_ctrl .tree_items .tree_item.devicegroup span.ico { background-image: url("/images/icons/tree_cubes_24x24.png"); }
.tree_ctrl .tree_items .tree_item.devicemodel span.ico { background-image: url("/images/icons/tree_cubes_24x24.png"); }
.tree_ctrl .tree_items .tree_item.deviceclass span.ico { background-image: url("/images/icons/tree_cubes_24x24.png"); }
.tree_ctrl .tree_items .tree_item.devicepool span.ico { background-image: url("/images/icons/tree_cubes_24x24.png"); }
.tree_ctrl .tree_items .tree_item.devicelocation span.ico { background-image: url("/images/icons/tree_cubes_24x24.png"); }
.tree_ctrl .tree_items .tree_item.devicetrunk span.ico { background-image: url("/images/icons/tree_cube_24x24.png"); }
.tree_ctrl .tree_items .tree_item.devicegateway span.ico { background-image: url("/images/icons/tree_cube_24x24.png"); }
.tree_ctrl .tree_items .tree_item.device span.ico { background-image: url("/images/icons/tree_cube_24x24.png"); }
.tree_ctrl .tree_items .tree_item.devicenode span.ico { background-image: url("/images/icons/tree_cubes_24x24.png"); }


/* Tree Controls w/ FontAwesome */
.tree_ctrl .tree_items li.state-close>.tree_item.tcfa>span.ico.ico-open,
.tree_ctrl .tree_items li.state-open>.tree_item.tcfa>span.ico.ico-close {
	display: none;
}
.tree_ctrl .tree_items li.state-close>.tree_item.tcfa>span.ico.ico-close,
.tree_ctrl .tree_items li.state-open>.tree_item.tcfa>span.ico.ico-open {
	display: block;
}
.tree_ctrl .tree_items li .tree_item.tcfa span.ico {
	color: #1976D2;
	background: none;
    font-size: 14px;
	text-align: center;
}
.tree_ctrl .tree_items li.disabled .tree_item.tcfa span.ico {
	color: #bbb;
}
.tree_ctrl .tree_items li .tree_item.tcfa:hover span.ico {
	background: none;
}
.tree_ctrl .tree_items li .tree_item.tcfa.current span.ico {
	background: none;
	color: #fff;
}
.tree_ctrl .tree_items li .tree_item.tcfa.current:hover span.ico {
	background: none;
	color: #1976D2;
}
.tree_ctrl .tree_items li .tree_item span.ico i {
	display: none;
}
.tree_ctrl .tree_items li .tree_item.tcfa span.ico i {
	display: inline-block;
}
.tree_ctrl .tree_items li .tree_item.msg {
	font-style: italic;
}

/* Tree Items Disable/Exceeded */
.tree_ctrl .tree_items li.exceeded>.tree_item.tcfa>.ico {
}
.tree_ctrl .tree_items li.exceeded>.tree_item>.lbl {
	color: #e34f4f;
	text-decoration: line-through;
}
.tree_ctrl .tree_items li.disabled>.tree_item.tcfa>.ico {
	color: #bbb;
}
.tree_ctrl .tree_items li.disabled>.tree_item>.lbl {
	color: #bbb;
	text-decoration: line-through;
}

/* Tree Status */
.tree_ctrl .tree_items li .tree_item.warning:hover {
	background-color: #fda73e;
	color: #fff;
}
.tree_ctrl .tree_items li .tree_item.warning span.ico {
	color: #fda73e;
}
.tree_ctrl .tree_items li .tree_item.warning:hover span.ico,
.tree_ctrl .tree_items li .tree_item.warning.current:hover span.ico,
.tree_ctrl .tree_items li .tree_item.warning:hover .lbl {
	color: #fff;
}
.tree_ctrl .tree_items li .tree_item.error:hover {
	background-color: #e34f4f;
	color: #fff;
}
.tree_ctrl .tree_items li .tree_item.error span.ico {
	color: #e34f4f;
}
.tree_ctrl .tree_items li .tree_item.error:hover span.ico,
.tree_ctrl .tree_items li .tree_item.error.current:hover span.ico,
.tree_ctrl .tree_items li .tree_item.error:hover .lbl {
	color: #fff;
}

/* Tree - Top */
.tree_ctrl_top {
	background-image: none;
	height: 18px;
	line-height: 18px;
}
.tree_ctrl_top  ul {
	margin-right: 1px;
}
.tree_ctrl_top ul li {
	float: right;
}
.tree_ctrl_top ul li a {
	background-color: #2196F3;
	border-left: 1px solid #bbb;
	border-right: 0;
	color: #fff;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	text-align: left;
	width: 50px;
}
.tree_ctrl_top ul li a.tc-opt {
	width: 60px;
}
.tree_ctrl_top ul li a:hover, .tree_ctrl_top ul li a.active {
	background-color: #e2e2e2;
	color: #212121;
}
.tree_ctrl_top ul li a span {
	background-image: url("/images/arrow_down.png");
	background-position: -7px 0;
	display: block;
	float: right;
	height: 4px;
	margin: 7px 0;
	width: 7px;
}
.tree_ctrl_top ul.level2 li a>span.ico {
    margin: 0;
	width: auto;
}

.tree_ctrl_top ul li a:hover span, .tree_ctrl_top ul li a.active span {
	background-position: 7px -4px;
}
.tree_ctrl_top ul.level2, .tree_ctrl_top ul.level3 {
	border-color: #bbb;
}
.tree_ctrl_top ul.level2 li, .tree_ctrl_top ul.level3 li {
	float: none;
}
.tree_ctrl_top ul.level2 li a, .tree_ctrl_top ul.level3 li a {
	border-left: 0;
	height: 20px;
	line-height: 20px;
	width: 145px;
}
.tab_prop .tree_ctrl_top ul.level2 {
	margin-top: 22px;
}

/* Buttons & Icons */
.btn_ico span,
table.tbl .icon span {
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -3000px;
	height: 16px;
	width: 16px;
}
table.tbl .icon span { margin: 0 auto; }
table.tbl th.icon span { background-position: 0 0; }
table.tbl td.icon span { background-position: 0 -16px; }

.btn_ctrl { float: right; list-style: none; margin: 0; }
	.btn_ctrl .btn_ico, .btn_ctrl .btn_fa {
		border-color: #bbb;
		border-style: solid;
		border-width: 0 0 0 1px;
		color: #1976D2;
		display: block;
		float: left;
		height: 24px;
		width: 24px;
	}
	.btn_ctrl .btn_fa span { font-size: 1.3em; }
	.btn_ctrl.right { float: left; }
	.btn_ctrl.right .btn_ico, .btn_ctrl.right .btn_fa { border-width: 0 1px 0 0; }
	.btn_ctrl a.btn_ico:hover	{ background-color: #1976D2; cursor: pointer; color: #fff; }
		.btn_ctrl .btn_ico span { background-color: #1976D2; margin: 4px auto; }
		.btn_ctrl .btn_fa span { display: inline-block; line-height: 16px; margin: 4px auto; text-align: center; width: 16px; }
.opt .btn_ico {	float: left; }
	.opt .btn_ico span { margin: 3px; }
.row_ctrl .btn_ico {
	float: right;
	margin-left: 4px;
}

ul.btn_bar {
	display: block;
    list-style: none;
}
ul.btn_bar li {
	border-bottom: 1px solid #bbb;
}
ul.btn_bar .btn_ico {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #1976D2;
	display: block;
	height: 24px;
	padding: 4px 0;
	text-align: center;
	width: 24px;
}
ul.btn_bar a.btn_ico:hover {
	background-color: #1976D2;
	cursor: pointer;
	color: #fff;
}
ul.btn_bar a.btn_ico.current {
	background-color: #1976D2;
	color: #fff;
}
ul.btn_bar .btn_ico i {
	font-size: 16px;
}
ul.btn_bar .btn_ico span {
	background-color: #1976D2;
	margin: 0 auto;
}

/* Icons */
.btn_ico span {
	background-color: transparent;
	background-position: 0 -16px;
	background-repeat: no-repeat;
}
.ico_1to1 span		{ background-image: url("/images/icons/ico_1to1_16x16.png"); }
.ico_add span		{ background-image: url("/images/icons/ico_new_16x16.png"); }
.ico_add.alt span		{ background-image: url("/images/icons/ico_add_16x16.png"); }
.ico_ban span	{ background-image: url("/images/icons/ico_ban_16x16.png"); }
.ico_box span		{ background-image: url("/images/icons/ico_box_16x16.png"); }
.ico_calendar-o span	{ background-image: url("/images/icons/ico_calendar-o_16x16.png"); }
.ico_charts span	{ background-image: url("/images/icons/ico_charts_16x16.png"); }
.ico_circle-o span	{ background-image: url("/images/icons/ico_circle-o_16x16.png"); }
.ico_check-circle-o span	{ background-image: url("/images/icons/ico_check-circle-o_16x16.png"); }
.ico_close span		{ background-image: url("/images/icons/ico_close_16x16.png"); }
.ico_copy span		{ background-image: url("/images/icons/ico_copy_16x16.png"); }
.ico_credit span	{ background-image: url("/images/icons/ico_credit_16x16.png"); }
.ico_delete span	{ background-image: url("/images/icons/ico_delete_16x16.png"); }
.ico_detail span	{ background-image: url("/images/icons/ico_detail_16x16.png"); }
.ico_edit span		{ background-image: url("/images/icons/ico_edit_16x16.png"); }
.ico_error span		{ background-image: url("/images/icons/ico_error_16x16.png"); }
.ico_export span	{ background-image: url("/images/icons/ico_export_16x16.png"); }
.ico_fill span		{ background-image: url("/images/icons/ico_fill_16x16.png"); }
.ico_goto span		{ background-image: url("/images/icons/ico_edit_16x16.png"); }
.ico_history span	{ background-image: url("/images/icons/ico_clock_16x16.png"); }
.ico_import span	{ background-image: url("/images/icons/ico_import_16x16.png"); }
.ico_info span		{ background-image: url("/images/icons/ico_info_16x16.png"); }
.ico_invoicebatch span	{ background-image: url("/images/icons/ico_invoicebatch_16x16.png"); }
.ico_layoutb span	{ background-image: url("/images/icons/ico_layoutb_16x16.png"); }
.ico_layoutl span	{ background-image: url("/images/icons/ico_layoutl_16x16.png"); }
.ico_layoutr span	{ background-image: url("/images/icons/ico_layoutr_16x16.png"); }
.ico_layoutt span	{ background-image: url("/images/icons/ico_layoutt_16x16.png"); }
.ico_line1dir span	{ background-image: url("/images/icons/ico_line1dir_16x16.png"); }
.ico_line2dir span	{ background-image: url("/images/icons/ico_line2dir_16x16.png"); }
.ico_lock span		{ background-image: url("/images/icons/ico_lock_16x16.png"); }
.ico_newwindow span	{ background-image: url("/images/icons/ico_newwindow_16x16.png"); }
.ico_next span		{ background-image: url("/images/icons/ico_next_16x16.png"); }
.ico_offset span	{ background-image: url("/images/icons/ico_clock_16x16.png"); }
.ico_pause span		{ background-image: url("/images/icons/ico_pause_16x16.png"); }
.ico_pointer span	{ background-image: url("/images/icons/ico_pointer_16x16.png"); }
.ico_prev span		{ background-image: url("/images/icons/ico_prev_16x16.png"); }
.ico_prop span		{ background-image: url("/images/icons/ico_properties_16x16.png"); }
.ico_prop2 span		{ background-image: url("/images/icons/ico_properties2_16x16.png"); }
.ico_prpt span		{ background-image: url("/images/icons/ico_preview_rpt_16x16.png"); }
.ico_queue span		{ background-image: url("/images/icons/ico_queue_16x16.png"); }
.ico_queue_r span	{ background-image: url("/images/icons/ico_queue_red_16x16.png"); }
.ico_queue_g span	{ background-image: url("/images/icons/ico_queue_grn_16x16.png"); }
.ico_queue_y span	{ background-image: url("/images/icons/ico_queue_ylw_16x16.png"); }
.ico_range span		{ background-image: url("/images/icons/ico_range_16x16.png"); }
.ico_report span	{ background-image: url("/images/icons/ico_report_16x16.png"); }
.ico_resetloc span	{ background-image: url("/images/icons/ico_resetloc_16x16.png"); }
.ico_reprocess span	{ background-image: url("/images/icons/ico_restore_16x16.png"); }
.ico_restore span	{ background-image: url("/images/icons/ico_restore_16x16.png"); }
.ico_run span		{ background-image: url("/images/icons/ico_run_16x16.png"); }
.ico_save span		{ background-image: url("/images/icons/ico_save_16x16.png"); }
.ico_saveas span	{ background-image: url("/images/icons/ico_save_16x16.png"); }
.ico_settings span	{ background-image: url("/images/icons/ico_properties_16x16.png"); }
.ico_share span		{ background-image: url("/images/icons/ico_share_16x16.png"); }
.ico_schedpause span{ background-image: url("/images/icons/ico_scheduledpause_16x16.png"); }
.ico_sync span		{ background-image: url("/images/icons/ico_sync_16x16.png"); }
.ico_test span		{ background-image: url("/images/icons/ico_test_16x16.png"); }
.ico_thresholds span{ background-image: url("/images/icons/ico_thresholds_16x16.png"); }
.ico_transfer span	{ background-image: url("/images/icons/ico_assign_16x16.png"); }
.ico_unlock span	{ background-image: url("/images/icons/ico_unlock_16x16.png"); }
.ico_upfolder span	{ background-image: url("/images/icons/ico_upfolder_16x16.png"); }
.ico_warning span	{ background-image: url("/images/icons/ico_warning_16x16.png"); }

.ico_status.error span	{ background-image: url("/images/icons/ico_status_error_16x16.png"); }
.ico_status.warn span	{ background-image: url("/images/icons/ico_status_warn_16x16.png"); }
.ico_status.good span	{ background-image: url("/images/icons/ico_status_good_16x16.png"); }
.ico_status.default span{ background-image: url("/images/icons/ico_status_default_16x16.png"); }

a.btn_ico:hover span		{ background-position: 0 0; }
.btn_ico span.disable,
.btn_ico:hover span.disable,
.icon span.disable { background-color: #f8f8f8; background-position: 0 -32px; }


.disable .btn_ctrl a.btn_ico:hover, .btn_ctrl .btn_ico.disable, .btn_ctrl .btn_ico.disable:hover, .btn_ctrl .icon.disable { background-color: transparent; cursor: default; }
.btn_ico.disable span, .btn_ico.disable:hover span, .icon.disable span { background-color: #f8f8f8; background-position: 0 -32px; }

.ico_txt  span {
	background-image: none;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
}

/* Action Icon */
.ico_action span, a.ico_action:hover span, .ico_action span.disable, .ico_action:hover span.disable	{
	background: transparent url("/images/icons/loading24x24.gif") no-repeat center center;
}

/* Dialogs */
.dlgDisableSelect {
    background-color: #fff;
    border: none;
    height: 100%;
    left: 0;
    position: fixed !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1010;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.dlgOverlayWindow {
    background-color: rgba(0,0,0,0.3);
    left: 0;
    height: 100%;
    min-height: 100%;
    position: fixed !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1011;
}
.dlgWrapper {
    left: 0;
    position: fixed !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1012;
}
.dlgLoading {
    height: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
    z-index: 1013;
}
.dlgLoading>div {
	color: #fff;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dlg {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 420px;
}
.dlg.full-size {
	height: 100%;
	width: 100%;
	margin: 45px;
}
	.dlg .dlgTitleBar {
		background-color: #1976D2;
		border: 1px solid #bbb;
		color: #fff;
		font-weight: bold;
		line-height: 20px;
		padding: 0 0 0 3px;
	}
	.dlg .dlgTitleBar>div {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
		.dlg .dlgTitleBar>span:before {
			content: ": ";
			display: inline-block;
			margin-right: 6px;
		}
		.dlg .dlgTitleBar a {
			border-left: 1px solid #bbb;
			display: block;
			float: right;
			height: 20px;
			overflow: hidden;
			text-align: left;
			text-indent: -3000px;
			width: 20px;
		}
		.dlg .dlgTitleBar a.btn-fa {
			color: #fff;
			font-weight: normal;
			text-align: center;
			text-indent: 0;
		}
		.dlg .dlgTitleBar a.titleBarHelp {
			background-color: transparent;
			background-image: url("/images/ctrls/ctrl_dlg_help.png");
			background-position: 0 -20px;
			background-repeat: no-repeat;
		}
		.dlg .dlgTitleBar a.titleBarHelp:hover{ background-position: 0 0;}
		.dlg .dlgTitleBar a.titleBarClose {
			background-color: transparent;
			background-image: url("/images/ctrls/ctrl_dlg_close.png");
			background-position: 0 -20px;
			background-repeat: no-repeat;
		}
		.dlg .dlgTitleBar a.titleBarClose:hover{ background-position: 0 0;}
		.dlg .dlgTitleBar .action_status {
			background: transparent url("/images/icons/loading24x24.gif") no-repeat center right;
			color: #fff;
			display: none;
			float: right;
			font-style: italic;
			font-weight: normal;
			padding: 0 24px 0 0;
		}
	.dlg .dlgContent {
		background-color: #fcfcfc;
		border: 1px solid #bbb;
		border-width: 0 1px 1px 1px;
		font-size: 11px;
		font-size: 1.1rem;
	}
		.dlg .dlgContent .tab_menu {
			border-bottom: 1px solid #bbb;
		}
		.dlg .dlgContent .dlgForm {
			overflow: auto;
			padding: 5px;
		}
			.dlg .dlgContent .dlgForm p {
				line-height: 1.3em;
				margin: 0 0 5px;
			}
			/*.dlg .dlgContent .dlgForm label {
				font-weight: normal;
			}*/
		.dlg .dlgContent .dlgButtons {
			border-top: 1px solid #bbb;
			margin: 0 5px 5px;
			padding: 5px 5px 0;
			text-align: right;
		}
			.dlg .dlgContent .dlgButtons .msg {
				display: none;
				color: red;
				float: left;
				line-height: 22px;
				text-align: left;
				width: 550px;
			}
			.dlg .dlgContent .dlgButtons input.btn {
				margin-left: 5px;
				width: 75px;
			}
			.dlg .dlgContent .dlgButtons input.btn.left {
				float: left;
				margin-left: 0;
				width: 75px;
			}
			.dlg .dlgContent .dlgButtons input.btn.left.wide {
				width: 150px;
			}
			.dlg .dlgContent .dlgButtons .opt.left {
				float: left;
				text-align: left;
			}
			.dlg .dlgContent .dlgButtons .opt.right {
			    display: inline-block;
				vertical-align: bottom;
			}
			.dlg .dlgContent .dlgButtons .opt.right div input.chk {
				float: right;
				margin-left: 5px;
			}
			.dlg .dlgContent .dlgButtons a.dlg-btn {
				background-color: #ddd;
				border: 1px solid #ccc;
				color: #121212;
				display: block;
				height: 20px;
				line-height: 20px;
				text-align: center;
				width: 22px;
			}
			.dlg .dlgContent .dlgButtons a.dlg-btn.right {
			    display: inline-block;
				vertical-align: bottom;
			}
			.dlg .dlgContent .dlgButtons a.dlg-btn.left {
				float: left;
			}
	.dlg .dlgActionStatus {
		background: transparent url("/images/icons/loading24x24.gif") no-repeat center right;
		border-top: 1px solid #bbb;
		color: #888;
		font-style: italic;
		font-weight: normal;
		line-height: 30px;
		margin: 0 5px 5px;
		padding: 0 24px 0 0;
		text-align: right;
	}
.dlg.multi-column .row {
	border-collapse: collapse;
	display: table;
	empty-cells: show;
	table-layout: fixed;
    width: 100%;
}
.dlg.multi-column .row:after {
	display: table-row;
}
.dlg.multi-column .row .column {
	display: table-cell;
	padding-right: 5px;
	vertical-align: top;
}
.dlg.multi-column .row .column:last-child {
	padding-right: 0;
}
.dlg .dlgContent .dlgForm div.properties.warning {
	background-color: transparent;
	border: 1px solid #f00;
}
.dlg .dlgContent .dlgForm div.warning p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: auto;
	margin: 0;
}
.dlg .dlgContent .dlgForm .opt textarea.alert-msg {
	height: 150px;
}
.dlg.license-expiring .dlgContent .dlgForm .opt textarea.alert-msg {
	height: 80px;
}

.dlg .dlgContent .dlgForm .multiselect-section {
	display: table;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
.dlg .dlgContent .dlgForm .multiselect-section:after {
	display: table-row;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect {
	border: 0;
	background-color: transparent;
	display: table-cell;
	padding: 0 5px 0 0;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect:last-child {
	padding: 0;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .pick-list,
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .selected-list {
	background-color: #fff;
    border: 1px solid #eee;
	height: 240px;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .selected-list:not(.no-exclude) {
	height: 222px;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .multiselect-option {
	line-height: 13px;
    margin-top: 3px;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .multiselect-option {
	text-align: right;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .multiselect-option input[type=checkbox] {
	margin-right: 3px;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect .multiselect-option input[type=checkbox] {
	float: right;
    margin-right: 0;
    margin-left: 3px;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect table.tbl th {
    border: 0;
}
.dlg .dlgContent .dlgForm .multiselect-section .multiselect table.tbl td {
    border-bottom: 1px solid #eee;
}
.dlg .dlgContent .dlgForm .opt div .dynamic-msg {
    background-color: #fff;
    border: 1px solid #bbb;
    line-height: 1.5em;
    max-height: 200px;
    overflow-y: auto;
    padding: 3px 5px;
}

.dlg.dlg-progress {
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.dlg.dlg-progress .dlgContent .dlgForm {
    padding: 5px 10px 0;
}
.dlg.dlg-progress .dlgContent .dlgForm .status {
	border-bottom: 1px solid #000;
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: center;
}
.dlg.dlg-progress .dlgContent .dlgForm .details>div {
	line-height: 1.4em;
}
.dlg.dlg-progress .dlgContent .dlgForm .details label {
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    width: 60px;
}
.dlg.dlg-progress .dlgContent .dlgForm .details>div.error {
	border: 2px solid red;
	color: red;
	font-weight: bold;
	padding: 2px 3px;
	text-align: center;
}
.dlg.dlg-progress .dlgContent .dlgButtons {
	border-color: transparent;
	text-align: center;
}

.dlg.dlg-confirm {
}
.dlg.dlg-confirm .dlgContent .dlgForm {
    padding: 5px;
}
.dlg.dlg-confirm .dlgContent .dlgForm p {
	line-height: 1.6em;
	margin: 0;
	max-height: 200px;
    overflow: auto;
	text-align: center;
	white-space: pre-line;
}
.dlg.dlg-confirm .dlgContent .dlgButtons {
	text-align: center;
}

.nodlg .dlg {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}

/* Tooltip Styles */
.tooltipPlaceholder {
	z-index: 1000;
}
.tooltip {
	background-color: #f2f9ff;
	border: 1px solid #bbb;
	display: block;
	padding: 3px 5px;
	width: 450px;
}
	.tooltip a.ttClose {
		background: transparent url("/images/ctrls/ctrl_delete_16x16.png") no-repeat 0px 0px;
		display: block;
		float: right;
		height: 16px;
		overflow: hidden;
		text-align: left;
		text-indent: -3000px;
		width: 16px;
	}
	.tooltip a.ttClose:hover	{  background-position: 0px -16px; }
	.tooltip div {
		line-height: 16px;
	}

.statusbox {
	background-color: #feffce;
	border: 1px solid #bbb;
	display: block;
	margin: 10px auto;
	padding: 5px;
	text-align: center;
	width: 70%;
}
.statusbox h3 {
	border-bottom: 1px solid #bbb;
	font-size: 16px;
	margin: 0 0 5px;
}

/* Context Menu */
.contextMenu {
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	margin: -3px 0 0 3px;
	padding:  0;
    width: 150px;
}
	.contextMenu .menuTitle {
		background-color: #ccc;
		border-bottom: 1px solid #bbb;
		padding: 2px 3px 3px;
		white-space: nowrap;
	}
		.contextMenu .menuTitle span {
			display: block;
			font-weight: bold;
			line-height: 17px;
			overflow: hidden;
		}
	.contextMenu ul {
		line-height: 20px;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.contextMenu ul.split {
		border-top: 1px solid #ccc;
	}
		.contextMenu ul li a {
			color: #000;
			display: block;
			padding: 0 5px;
			text-decoration: none;
		}
		.contextMenu ul li a:hover {
			background-color: #0a246a;
			color: #fff;
		}

/* Calendar */
.calendarDlg { position: fixed !important; }
#calendar {
    position: absolute;
	layer-background-color: white;
	line-height: 10pt;
	font-size: 8pt;
	z-index: 1105;
}
.cpYearNavigation,
.cpMonthNavigation {
	background-color: #1976D2;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText {
	font-size: 8pt;
}
td.cpDayColumnHeader {
	text-align: center;
	border-bottom: 1px solid #1976D2;
}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate {
	text-align: center;
	text-decoration: none;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled {
	color: #ddd;
	text-align: right;
	text-decoration: line-through;
}
.cpCurrentMonthDate {
	color: #1976D2;
	font-weight: bold;
}
.cpCurrentDate {
	color: #fff;
	font-weight: bold;
}
.cpOtherMonthDate {
	color: #888;
}
td.cpCurrentDate {
	color: #fff;
	background-color: #1976D2;
	border: 1px solid #bbb;
}
td.cpCurrentDateDisabled {
	border: 1px solid #faa;
}
td.cpTodayText,
td.cpTodayTextDisabled {
	border-top: 1px solid #1976D2;
}
a.cpTodayText,
span.cpTodayTextDisabled {
	height: 20px;
}
a.cpTodayText {
	color: #1976D2;
	font-weight: bold;
}
span.cpTodayTextDisabled {
	color: #ddd;
}
.cpBorder {
	background-color: #fff;
	border: 1px solid #1976D2;
}


/* Dialog - User Settings */
#dlgUserSettings label {
	width: 115px;
}
#dlgUserSettings #tab_reports .reports-history label {
	width: 200px;
}
#dlgUserSettings #tab_reports .reports-runnow label {
	width: 125px;
}


/* Assignment */
.content-wrapper .assignment {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #bbb;
	padding: 5px;
}
.assign_menu {
	background-color: #1976D2;
	border: 1px solid #bbb;
	color: #fff;
	height: 36px;
	padding-left: 5px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
.assign_menu ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.assign_menu ul li {
	float: left;
	list-style-type: none;
	padding: 0;
}
.assign_menu ul li a span {
	background-position: 0 0;
}
.assign_menu ul li a:hover span {
	background-position: 0 -16px;
}
.assign_menu .btn_ctrl .btn_ico {
	background-image: none;
	border-color: #fff;
	height: 36px;
	width: 36px;
}
.assign_menu .btn_ctrl span.btn_ico {
	display: none;
}
.assign_menu .btn_ctrl a.btn_ico:hover {
	background-color: #f8f8f8;
}
.assign_menu .btn_ctrl .btn_ico span {
	margin: 10px auto;
}
.assign_menu .btn_ctrl .current {
	background-color: #f8f8f8;
}
.assign_menu .btn_ctrl a.current:hover {
	background-color: transparent;
}
.assign_menu .btn_ctrl .current span {
	background-position: 0 -16px;
}
.assign_menu .btn_ctrl .current:hover span {
	background-position: 0 0;
}
.assign_menu div {
	font-weight: bold;
	line-height: 18px;
}
.assign_menu div label {
	float: left;
	width: 85px;
}
.assign_menu div a {
	color: #fff;
}
.assign_menu div a:hover {
	color: #ff2626;
}
.content-wrapper .assignment .ctr, .content-wrapper .assignment .side {
	background-color: #fff;
	border: 1px solid #bbb;
	border-width: 0 1px 1px 1px;
	font-size: 11px;
	font-size: 1.1rem;
    line-height: 1.6em;
	padding: 5px;

	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	_height: 0;
}
.content-wrapper .assignment .side {
	padding: 0;
}

/* Title Bar */
.titlebar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #bbb;
    box-sizing: border-box;
    padding: 5px;
}
.titlebar .bread-crumbs {
    font-weight: bold;
    margin-bottom: 5px;
}
.titlebar .bread-crumbs ul {
    border: 1px solid #1976D2;
	font-size: 12px;
	font-size: 1.2rem;
	list-style: none;
	overflow: hidden;
}
.titlebar .bread-crumbs li {
	float: left;
}
.titlebar .bread-crumbs li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 0 5px 40px;
	background-color: #1976D2;
	position: relative;
	display: block;
	float: left;
}
.titlebar .bread-crumbs li:first-child a {
	padding: 5px 0 5px 10px;
}
.titlebar .bread-crumbs li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #1976D2;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.titlebar .bread-crumbs li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.titlebar .bread-crumbs li a:hover {
	background-color: #fff;
	color: #1976D2;
}
.titlebar .bread-crumbs li a:hover:after {
	border-color: transparent transparent transparent #fff;
}
.titlebar .bread-crumbs li a:hover:before {
	border-color: transparent transparent transparent #1976D2;
}
.titlebar .titlemenu {
    background-color: #1976D2;
    border: 1px solid #bbb;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    _overflow: visible;
    _overflow-x: hidden;
    _height: 0;
}
.titlebar .titlemenu .tab_ctrl {
    display: table;
    float: left;
    text-transform: uppercase;
}
.titlebar .titlemenu .tab_ctrl:after {
    content: "";
    display: table-row;
}
.titlebar .titlemenu ul.tab_ctrl>li {
    display: table-cell;
}
.titlebar .titlemenu ul.tab_ctrl>li>a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    width: 100px;
    white-space: nowrap;
}
.titlebar .titlemenu ul.tab_ctrl>li.active>a {
	background-color: #fff;
	color: #1976D2;
}
.titlebar .titlemenu ul.tab_ctrl>li>a:hover {
	background-color: #2196F3;
	color: #fff;
}
.titlebar .titlemenu .btn_ctrl {
    display: table;
    float: right;
}
.titlebar .titlemenu .btn_ctrl:after {
    content: "";
    display: table-row;
}
.titlebar .titlemenu ul.btn_ctrl li {
    display: table-cell;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico {
	border-color: #fff;
	height: 36px;
	width: 36px;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico:hover {
	background-color: #fff;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico span {
	background-position: 0 0;
	height: 16px;
	margin: 10px auto;
	width: 16px;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico:hover span {
	background-position: 0 -16px;
}
.titlebar .titlemenu ul.btn_ctrl li .btn_ico .disable {
	background-color: #f8f8f8;
}
.titlebar .titlemenu ul.btn_ctrl li .btn_ico:hover .disable {
	background-color: transparent;
}
.titlebar .titlemenu ul.btn_ctrl li .btn_ico span.disable {
	background-position: 0 -16px;
}
.titlebar .titlemenu ul.btn_ctrl li .btn_ico:hover span.disable {
	background-position: 0 0;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico.current {
	background-color: #f8f8f8;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico.current:hover {
	background-color: transparent;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico.current span {
	background-position: 0 -16px;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_ico.current:hover span {
	background-position: 0 0;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_txt {
	border: 1px solid #fff;
	border-width: 0 0 0 1px;
	color: #fff;
    display: block;
    text-align: center;
    width: 100px;
}
.titlebar .titlemenu ul.btn_ctrl li a.btn_txt:hover {
	background-color: #fff;
	color: #1976D2;
}

/* Bread Box */
.bread-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #1976D2;
	display: block;
}
.bread-box .bread-crumbs {
	display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
	height: 22px;
	overflow-x: hidden;
}

.bread-box .bread-crumbs ul  {
    list-style: none;
    overflow: hidden;
}
.bread-box .bread-crumbs li {
	float: left;
}
.bread-box .bread-crumbs li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 0 5px 40px;
	background-color: #1976D2;
	position: relative;
	display: block;
	float: left;
}
.bread-box .bread-crumbs li:first-child a {
	padding: 5px 0 5px 10px;
}
.bread-box .bread-crumbs li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #1976D2;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.bread-box .bread-crumbs li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.bread-box .bread-crumbs li a:hover {
	background-color: #fff;
	color: #1976D2;
}
.bread-box .bread-crumbs li a:hover:after {
	border-color: transparent transparent transparent #fff;
}
.bread-box .bread-crumbs li a:hover:before {
	border-color: transparent transparent transparent #1976D2;
}
.bread-box .bread-ctrls {
	display: block;
	float: right;
}
.bread-box .bread-ctrls ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1098;
}
.bread-box .bread-ctrls li {
	float: right;
    list-style-type: none;
    padding: 0;
}
.bread-box .bread-ctrls li .btn_ico,
.bread-box .bread-ctrls li .btn_fa {
    border-color: #1976D2;
    border-style: solid;
    border-width: 0 0 0 1px;
    color: #1976D2;
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: center;
	width: 22px;
}
.bread-box .bread-ctrls li a.btn_ico:hover,
.bread-box .bread-ctrls li a.btn_fa:hover {
    background-color: #1976D2;
    cursor: pointer;
    color: #fff;
}
.bread-box .bread-ctrls li .btn_ico span {
    background-color: #1976D2;
    display: inline-block;
    margin: 3px;
}
.bread-box .bread-ctrls li .btn_fa span {
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	width: 22px;
}
.bread-box .bread-ctrls li .btn_txt {
    width: auto;
}
.bread-box .bread-ctrls li .btn_txt strong {
	display: inline-block;
	line-height: 16px;
	margin: 3px 5px 3px 3px;
	vertical-align: top;
}
.bread-box .bread-ctrls ul.dropdown {
    font-size: 11px;
    font-size: 1.1rem;
	position: absolute;
	visibility: hidden;
    z-index: 1000;
}
.bread-box .bread-ctrls ul.dropdown li {
	background-color: #eee;
	border: 1px solid #bbb;
	border-width: 0 1px 1px;
	color: #1976D2;
	float: none;
    font-weight: bold;
	line-height: 20px;
    text-align: left;
}
.bread-box .bread-ctrls ul.dropdown li:first-child {
	border-width: 1px;
}
.bread-box .bread-ctrls ul.dropdown li a {
	color: #1976D2;
	display: block;
	height: auto;
    padding: 0 25px 0 5px;
}
.bread-box .bread-ctrls ul.dropdown li a:hover {
	background-color: #1976D2;
	color: #fff;
}
.bread-box .bread-icons {
    display: block;
    float: right;
}
.bread-box .bread-icons table.tbl {
}
.bread-box .bread-icons table.tbl td.ctrl {
	border: 0;
	padding: 0;
}
.bread-box .bread-icons table.tbl td.ctrl span,
.bread-box .bread-icons table.tbl td.ctrl a {
    border: 1px solid #bbb;
	border-radius: 3px;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 2px 3px 2px 0;
    padding: 0;
    width: 20px;
}
.bread-box .bread-icons table.tbl td.ctrl a:hover {
	background-color: #1976D2;
	color: #fff;
}

/* Search Controls */
.search_ctrls {
    background-color: #fefefe;
	border: 1px solid #bbb;
	margin-bottom: 5px;
	padding: 5px;
}
.search_ctrls .properties {
    background-color: #f8f8f8;
	margin-top: 5px;
	margin-bottom: 0;
}
.search_ctrls .properties:first-child {
	margin-top: 0;
}
.search_ctrls .opt div, .search_ctrls .opt label, .search_ctrls .opt a {
	line-height: 20px;
}
.search_ctrls .opt select, .search_ctrls .opt input {
	height: 20px;
	margin: 0;
}
.search_ctrls .opt label, .search_ctrls .opt>select {
	float: left;
	margin-right: 3px;
	width: auto;
}
.search_ctrls .opt label {
	min-width: 50px;
}
.search_ctrls .opt>.ctrls {
	float: right;
	width: auto;
}
.search_ctrls .opt>.ctrls>input {
	margin-left: 3px;
}
.search_ctrls .opt>.ctrls>a {
	display: inline-block;
	margin-left: 3px;
	padding: 0 5px;
    text-align: center;
}
.search_ctrls .opt>.ctrls>input[name=btn_search] {
	width: 30px;
}
.search_ctrls .opt>.ctrls>input[name=btn_reset] {
	width: 60px;
}
.search_ctrls .search_advanced .opt label.select2-label {
	line-height: 24px;
}

/* Control Row & Values (filters, lines, etc) */
.ctrl_row, .ctrl_values {
	line-height: 20px;
    margin-bottom: 2px;
}
.ctrl_row label, .ctrl_values label {
	float: left;
	width: 80px;
}
.ctrl_row select[name=exclude] {
	float: left;
    margin-right: 3px;
	width: 50px;
}
.ctrl_row select[name=operand] {
	float: left;
    margin-right: 3px;
	width: 100px;
}
.ctrl_row .value {
    margin-left: 236px;
    margin-right: 43px;
}
.ctrl_row.multi .value {
    margin-left: 236px;
    margin-right: 71px;
}
.ctrl_row .value.single input {
	width: 100%;
}
.ctrl_row .value.range {
	display: none;
}
.ctrl_row .value.range span {
    display: block;
    margin-left: 48%;
    margin-right: 48%;
    text-align: center;
}
.ctrl_row .value.range input {
    width: 48%;
}
.ctrl_row .value.range input[name="value1"] {
    float: left;
}
.ctrl_row .value.range input[name="value2"] {
    float: right;
}
.ctrl_row .btn {
    height: 20px;
    line-height: 18px;
    margin-left: 3px;
}
.ctrl_row input[name=btn_add] {
    float: right;
    width: 40px;
}
.ctrl_row input[name=btn_multiselect] {
	display: none;
    float: right;
    width: 25px;
}
.ctrl_row.multi input[name=btn_multiselect] {
	display: block;
}
.ctrl_values .values {
	background-color: #fff;
    border: 1px solid #bbb;
    height: 155px;
	margin-left: 80px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* jQuery resize styles (lightness theme) */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-resizable-e, .ui-resizable-w { width: 10px; }
.ui-resizable-n, .ui-resizable-s { height: 10px; }


/* jQuery sortable styles */
.bbl-move-highlight {
	background-color: #f2f9ff;
	border: 1px solid #bbb;
	height: 1.5em;
	line-height: 1.2em;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.bbl_message {
	border-width: 0 0 2px 0;
	margin: 0;
	width: auto;
}
.scroll {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	overflow-y: auto;
}
.chart canvas {
	display: block;
}
.chart .legend {
	font-size: 11px;
	font-size: 1.1rem;
	height: 16px;
	line-height: 16px;
	padding: 3px;
}
.chart .legend ol, .chart .legend ul {
	display: table;
	list-style: none;
	margin: 0 auto;
}
.chart .legend li {
	line-height: 14px;
	white-space: nowrap;
}
.chart .legend li>span {
	display: block;
	float: left;
	height: 10px;
	margin: 2px 3px 0 2px;
	width: 10px;
}
.chart .legend .legend-items:after {
	display: table-row;
}
.chart .legend .legend-items li {
	display: table-cell;
	padding: 0 3px;
}

.chart .legend .legend-datasets {
	display: table;
    list-style: none;
    margin: 0 auto;
}
.chart .legend .legend-datasets li {
	display: table-cell;
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.chart .legend .legend-datasets li>span {
    display: block;
    float: left;
    height: 8px;
    margin: 2px 3px 0 2px;
    width: 8px;
}

/*-----------------------------------------------------------------------------*/
.dlg-detail {
	height: 100%;
	width: 100%;
	margin: 45px;
}
.dlg.dlg-detail .dlgContent {
    overflow: hidden;
}
.dlg.dlg-detail .dlgContent .dlgForm {
    padding: 0;
}
.dlg-detail .details .data .records {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #fff;
 	min-height: 75px;
    overflow-x: hidden;
    overflow-y: auto;
}
.dlg-detail .details .data {
	overflow-y: auto;
	overflow-x: auto;
}
.dlg-detail .details .data:hover {
	overflow-y: auto;
}
.dlg-detail .details .data table {
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
	min-width: 100%;
	width: auto;
}
.dlg-detail .details .data table th,
.dlg-detail .details .data table td {
	min-width: 100px;
}
.dlg-detail .details .data table td {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.dlg-detail .details .data table tr.diff.plus {
	color: #569148;
}
.dlg-detail .details .data table tr.diff.minus {
	color: #e34f4f;
}
.dlg-detail .details .data table th.diff,
.dlg-detail .details .data table td.diff,
.dlg-detail .details .data table th.ctrl,
.dlg-detail .details .data table td.ctrl {
	max-width: 22px;
	min-width: 22px;
	padding: 0;
	text-align: center;
	width: 22px;
}
.dlg-detail .details .data table tr .ctrl.ico-lg a i {
	font-size: 15px;
}

.dlg-detail .menu-ctrl .menu {
	border-bottom: 1px solid #bbb;
}
.dlg-detail .menu-ctrl .menu .options li {
    display: table-cell;
    padding: 2px 3px;
}
.dlg-detail .menu-ctrl .menu .options li.label {
    line-height: 20px;
}
.dlg-detail .menu-ctrl .options li.date-settings,
.dlg-detail .menu-ctrl .options li.compare-settings {
	padding: 0;
}
.dlg-detail .menu-ctrl .menu .options li.date-settings input,
.dlg-detail .menu-ctrl .options li.compare-settings select {
    font-weight: normal;
    height: 18px;
}
.dlg-detail .menu-ctrl .options li.sm-btn {
	padding: 0;
}
.dlg-detail .menu-ctrl .options li.sm-btn a {
    border-radius: 3px;
    border-width: 1px;
	color: #1976D2;
	height: 18px;
    line-height: 18px;
    margin: 2px 0 2px 3px;
    padding: 0;
    width: 18px;
}
.dlg-detail .menu-ctrl .options li.sm-btn a span {
	display: none;
}
.dlg-detail .menu-ctrl .options li.sm-btn a.active {
	background-color: #ddd;
}
.dlg-detail .menu-ctrl .options li.sm-btn a:hover {
	color: #212121;
}
.dlg-detail .menu-ctrl .options li.sm-btn.btn-txt a {
	padding: 0 5px;
	width: auto;
}
.dlg-detail .menu-ctrl .options li.sm-btn.btn-txt a span {
	display: inline-block;
	margin-left: 5px;
}
.dlg-detail .menu-ctrl .settings {
	border-collapse: collapse;
	display: table;
	empty-cells: show;
	min-height: 150px;
	table-layout: fixed;
	width: 100%;
}
.dlg-detail .menu-ctrl .settings.handle {
    border-bottom: #1976D2 solid 3px;
}
.dlg-detail .menu-ctrl .settings:after {
	display: table-row;
}
.dlg-detail .menu-ctrl .settings .settings-section {
	background-color: #f4f4f4;
	border-bottom: 1px solid #bbb;
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.dlg-detail .menu-ctrl .settings .settings-section .columnsettings {
	margin: 5px 5px 5px 0;
}
.dlg-detail .menu-ctrl .settings .settings-section .filtersettings {
	margin: 5px;
}
.dlg-detail .menu-ctrl .settings .settings-section .columnsettings .tbl_body,
.dlg-detail .menu-ctrl .settings .settings-section .filtersettings .tbl_body {
	height: 120px;
}
.dlg-detail .menu-ctrl .status {
    margin: 0 5px;
    float: right;
}

.dlg-detail .filtersettings .options {
	display: block;
	float: right;
    list-style: none;
    margin: -1px 0 0 0;
    padding: 0;
}
.dlg-detail .filtersettings .options li.sm-btn {
    display: inline-block;
	padding: 0;
}
.dlg-detail .filtersettings .options li.sm-btn a {
	color: #fff;
	display: block;
	font-size: 14px;
    font-weight: normal;
	height: 16px;
    line-height: 16px;
    text-align: center;
	width: 16px;
}
.dlg-detail .filtersettings .options li.sm-btn a:focus,
.dlg-detail .filtersettings .options li.sm-btn a:hover {
	color: #bbb;
}
.dlg-detail .filtersettings .options li.sm-btn a span {
	display: none;
    float: left;
	font-size: 10px;
    margin-right: 5px;
}
/*
.dlg-detail .filtersettings .options li.sm-btn a {
	transition: width 2s;
}
.dlg-detail .filtersettings .options li.sm-btn a:focus,
.dlg-detail .filtersettings .options li.sm-btn a:hover {
	color: #fff;
}
.dlg-detail .filtersettings .options li.sm-btn a:focus span,
.dlg-detail .filtersettings .options li.sm-btn a:hover span {
	display: block;
}*/



/*-----------------------------------------------------------------------------*/
#dlgDetailConfirm {
	width: 350px;
}
#dlgDetailConfirm .dlgTitleBar {
	display: none;
}
#dlgDetailConfirm p {
	line-height: 1.5em;
	margin: 10px 15px 10px;
    text-align: center;
}
#dlgDetailConfirm .dlgButtons {
	border: 0;
    text-align: center;
}
/*-----------------------------------------------------------------------------*/
#dlgFormatOptions label {
	margin-right: 10px;
	min-width: 100px;
	white-space: nowrap;
	width: auto;
}
#dlgRunReport {
	width: 600px;
}
#dlgRunReport .opt label {
	width: 80px;
}
.dlg .date_prop div, .dlg .time_prop div {
	float: left;
}
.dlg .date_prop .datetype {
	margin-right: 5px;
	width: 100px;
}
.dlg .date_prop .pastn input {
	margin-right: 5px;
    text-align: right;
    width: 30px;
}
.dlg .date_prop .pastn select {
	margin-right: 5px;
	width: 80px;
}
.dlg .date_prop .dates .date {
	margin-right: 5px;
	text-align: right;
	width: 75px;
}
.dlg .date_prop .dates .date:last-child {
	margin-left: 5px;
}
.dlg .date_prop .dates span {
	float: left;
}
.dlg .time_prop .times .time {
	margin-right: 5px;
	text-align: right;
	width: 70px;
}
.dlg .time_prop .times .time:last-child {
	margin-left: 5px;
}
.dlg .time_prop .times span {
	float: left;
}
.dlg .time_prop .tp_continuous { cursor: help; }

.dlg .export .btn {
	float: right;
    margin-left: 5px;
    width: 60px;
}
.dlg .opt.dlg-search label,
.dlg .opt.dlg-criteria label {
	width: auto;
	margin-right: 5px;
}
.dlg .opt.dlg-search select,
.dlg .opt.dlg-criteria select {
	height: 20px;
    margin-right: 3px;
}


/* min components */
.header .components>ul>li.ddarrow {
	border-width: 0;
	position: relative;
}
.header .components>ul>li.ddarrow>a {
	border: 1px solid #1976D2;
	font-size: 20px;
	margin-left: -1px;
	min-width: 26px;
	line-height: 20px;
	padding: 1px 0 4px;
}
.components ul.dd {
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #1976D2;
	display: block;
	padding: 0;
	position: absolute;
	left: 20px;
	top: 5px;
	z-index: 202;
}
.components ul.dd li.ddmenu {
	border-color: #1976D2;
	border-style: solid;
	border-width: 1px 1px 0;
    display: block;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 25px;
}
.components ul.dd li.ddmenu a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1976D2;
    display: block;
    padding: 0 5px;
    text-transform: uppercase;
    white-space: nowrap;
    min-width: 100px;
}
.components ul.dd li.ddmenu a:hover {
	background-color: #1976D2;
	color: #fff;
}

/* min menubar */
.menubar ul li.ddmenu:before {
	content: "";
}
.menubar ul li.ddarrow:before {
	content: "";
}
.menubar ul li.ddarrow {
	position: relative;
}
.menubar ul li.ddarrow>a {
	font-size: 20px;
    padding: 0 0 0 3px;
}
.menubar ul.dd {
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #1976D2;
	display: block;
	padding: 0;
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 201;
}
.menubar ul.dd li.ddmenu:first-child {
	padding: 2px 10px 2px 3px;
}
.menubar ul.dd li.ddmenu {
	border-color: #1976D2;
	border-style: solid;
	border-width: 1px 1px 0;
	display: block;
	line-height: 24px;
	padding: 2px 10px 2px 3px;
	white-space: nowrap;
    min-width: 100px;
}
.menubar ul.dd li.hide.ddmenu {
	display: none;
}

/* authkey request popout */
body.akreq {
	min-width: 0;
}
body.akreq .top_bbl {
	display: none;
}


header.header {
	background-color: #fff;
    border-bottom: 3px solid #1976D2;
    height: 24px;
	line-height: 24px;
    text-align: right;
}
header .ctrl-menu {
    border-right: 2px solid #1976D2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
	font-size: 1.2em;
    height: 24px;
	text-align: center;
	width: 36px;
}
header .product {
    display: block;
    float: left;
	margin: 0 0 0 5px;
}
header .product span {
	font-size: 14px;
}
header .product span:after {
	content: "\00a0";
}
header .product span:last-child:after {
	content: "";
}
header .product span:first-child {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}
header .controller {
    display: block;
    float: left;
    font-size: 14px;
	margin-right: 10px;
}
header .sp:before {
	color: #1976D2;
	content: "\00a0\00a0\2022\00a0\00a0";
    display: block;
    float: left;
    font-size: 14px;
}
header .functions {
    display: block;
    float: left;
	margin: 1px 0;
}
header .functions>ul {
    display: table;
	margin: 1px 0 0;
    table-layout: fixed;
}
header .functions>ul:after {
    display: table-row;
}
header .functions>ul>li {
    display: table-cell;
	padding: 1px 3px 1px 0;
}
header .functions>ul>li.hide {
	display: none;
}
header .functions>ul>li>a {
    border: 1px solid #1976D2;
	background-color: #fff;
	color: #1976D2;
	border-radius: 9px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    width: 16px;
}
header .functions>ul>li>a:hover {
	background-color: #1976D2;
	color: #fff;
}
header .header-ctrl {
	display: inline-block;
	margin: 0 5px;
    line-height: 24px;
	text-align: right;
	float: right;
}
header .header-ctrl a {
    font-size: 16px;
	display: inline-block;
	padding: 0 3px;
}
header .header-ctrl a:first-child {
	margin-left: 0;
}
header .header-ctrl a.manager span:first-child {
    font-size: 10px;
    font-weight: bold;
    text-align: right;
	vertical-align: middle;
	margin-right: 5px;
}
header .header-ctrl a.notification {
	border: 1px solid #fda73e;
	color: #fda73e;
	line-height: 16px;
	padding: 0 5px;
	margin: 2px 3px 2px 0;
}
header .header-ctrl a.notification:hover {
	color: #fda73e;
}
header .header-ctrl a.notification span {
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
}
header .header-ctrl a.notification span:first-child {
    margin-right: 5px;
}
header .header-ctrl a.notification.notify-alert {
	border: 1px solid #e34f4f;
	color: #e34f4f;
}
header .header-ctrl a.notification.notify-alert:hover {
	color: #e34f4f;
}
header .view {
	display: inline-block;
	font-size: 10px;
	float: right;
	margin-right: 5px;
}
header .view label {
    color: #1976D2;
	line-height: 20px;
	margin-right: 3px;
}
header .view select {
	height: 20px;
}

#page-menu {
    display: block;
    height: 100% !important;
    left: 0;
	margin-top: 27px;
	padding-right: 4px; /* hover area */
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    width: 200px;
    z-index: 998;

	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
#page-menu nav {
	background-color: #1976D2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-right: 2px solid #1976D2;
	height: 100%;
}
#page-menu nav>ul {
	font-size: 1.2em;
	margin-top: 0;
}
#page-menu nav>ul>li ul {
    display: none;
}
#page-menu nav>ul>li>a {
	background-color: #054e96;
}
#page-menu nav>ul ul>li>a {
	background-color: #6aa1d8;
	padding-left: 20px;
}
#page-menu nav>ul ul>li.sub-option>a {
	background-color: #6590bb;
}
#page-menu nav>ul ul>li.sub-option li>a {
	padding-left: 30px;
}
#page-menu nav>ul li {
/* // required for IE to prevent spacing issues when using  ...a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */
	line-height: 0;
}
#page-menu nav>ul li a {
	border-bottom: 1px solid transparent;
	color: #fff;
	display: block;
	line-height: 28px;
	padding: 0 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#page-menu nav>ul li a span {
	display: inline-block;
	font-size: 18px;
	float: right;
	position: relative;
	text-align: center;
	width: 36px;
    outline: none;
}
#page-menu nav>ul li.message {
	font-size: 9px;
	font-style: italic;
}
#page-menu nav>ul li.message a {
	padding-left: 10px;
	float: left;
}
#page-menu nav>ul li.message a div.text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#page-menu nav>ul li.base-option a {
	background-color: #1976D2;
}
#page-menu nav ul li.menu-state-nocollapse>ul,
#page-menu nav ul li.menu-state-open>ul {
    display: block;
}
#page-menu nav>ul>li>a.menu-state-active,
#page-menu nav>ul>li ul>li>a.menu-state-active {
	color: #222;
    background-color: #ccc;
}
#page-menu nav>ul ul>li>a.menu-ctrl {
	font-size: 9px;
	line-height: 22px;
	text-align: right;
}
.menu-open #page-menu nav>ul a>.menu-btn:hover,
.menu-open #page-menu nav>ul a>.menu-btn:focus,
.menu-full #page-menu nav>ul a>.menu-btn:hover,
.menu-full #page-menu nav>ul a>.menu-btn:focus,
#page-menu nav>ul .menu-state-open a>.menu-btn:hover,
#page-menu nav>ul .menu-state-open a>.menu-btn:focus,
.menu-open #page-menu nav>ul a>.menu-ctrl-opt:hover,
.menu-open #page-menu nav>ul a>.menu-ctrl-opt:focus,
.menu-full #page-menu nav>ul a>.menu-ctrl-opt:hover,
.menu-full #page-menu nav>ul a>.menu-ctrl-opt:focus,
#page-menu nav>ul .menu-state-open a>.menu-ctrl-opt:hover,
#page-menu nav>ul .menu-state-open a>.menu-ctrl-opt:focus {
	background-color: #fff;
	color: #212121;
}

#page-menu nav ul li.menu-placeholder {
	line-height: 28px;
	padding: 0 0 0 10px;
}

#page-menu nav ul li.menu-placeholder {
	background-color: #444;
	border-bottom: 1px solid #fff;
	color: #fff;
	line-height: 28px;
	padding: 0 0 0 10px;
}


#page-menu nav>ul>li a:hover,
#page-menu nav>ul ul>li>a:hover,
#page-menu nav>ul>li ul>li>a.menu-state-active:hover {
	background-color: #aaa;
}
#page-menu nav>ul.nocollapse>li ul {
    display: block;
}
#page-menu .ctrl-pin {
	background-color: #1976D2;
    text-align: right;
}
#page-menu .ctrl-pin a {
	border-radius: 50%;
	display: inline-block;
	color: #fff;
    line-height: 24px;
	margin: 6px;
	text-align: center;
    width: 24px;
}
#page-menu .ctrl-pin a i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#page-content .menu-ctrl-btns {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #1976D2;
	border-width: 1px 1px 1px 2px;
	display: none;
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 1011;

	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
#page-content .menu-ctrl-btns>ul {
    display: table;
	empty-cells: show;
	table-layout: fixed;
	text-transform: uppercase;
}
#page-content .menu-ctrl-btns>ul:after {
    content: "";
    display: table-row;
}
#page-content .menu-ctrl-btns>ul>li {
    display: table-cell;
	border-right: 1px solid #1976D2;
}
#page-content .menu-ctrl-btns>ul>li:last-child {
	border: 0;
}
#page-content .menu-ctrl-btns>ul>li a {
	background-color: #ccc;
	color: #212121;
	display: block;
    line-height: 28px;
}
#page-content .menu-ctrl-btns>ul>li a:hover {
	background-color: #fff;
	color: #212121;
}
#page-content .menu-ctrl-btns>ul>li a span {
	display: block;
    font-size: 18px;
    text-align: center;
    width: 36px;
    outline: none;
}

body.menu-full #page-menu {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
body.menu-partial #page-menu {
	-moz-transform: translateX(-164px);
	-webkit-transform: translateX(-164px);
	-ms-transform: translateX(-164px);
	transform: translateX(-164px);
}
body.menu-open #page-menu {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}


body.menu-full #page-content .menu-ctrl-btns {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
body.menu-partial #page-content .menu-ctrl-btns {
	-moz-transform: translateX(34px);
	-webkit-transform: translateX(34px);
	-ms-transform: translateX(34px);
	transform: translateX(34px);
}
body.menu-open #page-content .menu-ctrl-btns {
	-moz-transform: translateX(198px);
	-webkit-transform: translateX(198px);
	-ms-transform: translateX(198px);
	transform: translateX(198px);
}


body.menu-full #page-menu .ctrl-pin a i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
body.menu-partial #page-menu .ctrl-pin a i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
body.menu-partial.menu-pin-state-1 #page-menu .ctrl-pin a i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
body .content-wrapper {
	margin-left: 0;
}
body.menu-full .content-wrapper {
	margin-left: 200px;
}
body.menu-partial .content-wrapper {
	margin-left: 36px;
}

#menu-popout.po-tip {
    position: fixed;
    left: 36px;
    right: auto;
    top: auto;
    width: 500px;
}
body.menu-open #menu-popout.po-tip {
	left: 200px;
}
#function-popout.po-tip {
    position: fixed;
    left: 36px;
    right: auto;
    top: auto;
}
#status_message.popup {
	font-weight: bold;
	line-height: 18px;
	padding: 5px;
	right: 5px;
	text-align: left;
	top: 18px;
	width: 500px;
}

#product_information.popup {
	font-weight: bold;
	line-height: 18px;
	padding: 5px;
	right: 24px;
	text-align: left;
	top: 18px;
}
#product_information.popup h3 {
	margin-top: 10px;
	padding: 0 0 0 5px;
}
#product_information.popup h3:first-child {
	margin-top: 0;
}
#product_information.popup .tblwpr {
	height: 125px;
}
#product_information.popup .expired {
	color: #f00;
	font-weight: bold;
}
#product_information.popup .count {
	text-align: center;
	width: 85px;
}
#product_information.popup .expiration {
	text-align: right;
	width: 85px;
}
#product_information.popup .range {
	text-align: right;
	width: 160px;
}

#notification-popout.popup {
	padding: 5px;
}
#notification-popout.popup .loading {
	line-height: 30px;
	text-align: center;
}
#notification-popout.popup>div h3 {
	border-bottom: 1px solid #bbb;
    padding: 0;
}
#notification-popout.popup>div p {
	line-height: initial;
	margin-bottom: 10px;
    margin-top: 5px;
}
#notification-popout.popup>div .opt {
    text-align: center;
    margin: 5px 0;
}
#notification-popout.popup>div .opt .btn {
	padding: 0 30px;
}

.tree_ctrl .tree_ctrl_links {
	background-color: #efefef;
	border-bottom: 3px solid #1976D2;
}
.tree_ctrl .tree_ctrl_links ul.tree_links {
	margin: 0;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a {
	border-bottom: 1px solid #bbb;
    color: #212121;
    cursor: pointer;
	display: block;
	font-size: 12px;
    line-height: 22px;
    overflow: hidden;
	padding-left: 6px;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a.current {
	background-color: #1976D2;
	color: #fff;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a:hover {
	background-color: #e2e2e2;
	color: #212121;
}

.tree_ctrl .tree_ctrl_links ul.tree_links li a span {
	color: #1976D2;
	display: inline-block;
	font-size: 16px;
    margin: 0 3px 0 0;
    padding: 2px 3px 2px 5px;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a.current span {
	color: #fff;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a:hover span {
	color: #1976D2;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a span.ico {
	height: 24px;
    margin: 0;
    padding: 0;
    text-align: center;
	width: 24px;
}
.tree_ctrl .tree_ctrl_links ul.tree_links li a span.lbl {
    font-size: inherit;
    color: inherit;
}



#sub-menu {
	background-color: #fff;
	border-bottom: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;

	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;

    overflow: hidden;
    _overflow: visible;
    _overflow-x: hidden;
    _height: 0;
}
#sub-menu>ul {
	background-color: #f8f8f8;
    border: 1px solid #bbb;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#sub-menu>ul:after {
    display: table-row;
}
#sub-menu>ul>li {
    border: 1px solid #bbb;
    border-width: 0 1px 0 0;
    display: table-cell;
}
#sub-menu>ul>li:last-child {
    border-width: 0;
}
#sub-menu>ul li a {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    padding: 2px 3px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#sub-menu>ul li.current a {
	background-color: #1976D2;
    color: #fff;
}
#sub-menu>ul li a:hover {
	background-color: #2196F3;
    color: #fff;
}

#sub-menu>ul.controls li {
	vertical-align: middle;
	width: 24px;
}
#sub-menu>ul.controls li a {
	font-size: 14px;
	line-height: 24px;
    padding: 0;
    text-align: center;
    width: 24px;
}
#sub-menu>ul.controls li.b.lg a {
	font-size: 18px;
}
#sub-menu>ul.controls li.t {
	font-size: 11px;
    font-size: 1.1rem;
	padding: 0 10px;
}
#sub-menu>ul.controls li.s {
	padding: 0 10px;
	width: auto;
}
#sub-menu>ul.controls li.s .slider.ui-slider {
    border-color: #bbb;
    border-radius: 2px;
    height: 6px;
}
#sub-menu>ul.controls li.s .slider .ui-slider-handle {
    background-color: #ccc;
    background-image: none;
    border-color: #bbb;
    border-radius: 2px;
    height: 12px;
    width: 12px;
}
#sub-menu>ul.controls li.s .slider .ui-slider-handle.ui-state-hover {
	background-color: #1976D2;
}

body.submenu-toggle header {
	display: none;
}
body.submenu-toggle #page-menu {
	margin-top: 0;
}
body.submenu-toggle #sub-menu {
    display: block;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    z-index: 1009;
	cursor: pointer;
}
body.menu-full.submenu-toggle #sub-menu {
	margin-left: 200px;
}
body.menu-partial.submenu-toggle #sub-menu {
	margin-left: 36px;
}
body.submenu-close #sub-menu {
	-moz-transform: translateY(-35px);
	-webkit-transform: translateY(-35px);
	-ms-transform: translateY(-35px);
	transform: translateY(-35px);
}

.section .row {
	border-collapse: collapse;
	display: table;
    empty-cells: show;
	table-layout: fixed;
    width: 100%;
}
.section .row:after {
	display: table-row;
}
.section .row .cell {
	display: table-cell;
	padding-right: 5px;
	vertical-align: top;
}
.section .row .cell:last-child {
	padding-right: 0;
}

.file_input>.button {
	float: right;
	margin-left: 5px;
	position: relative;
	width: 100px;
}
.file_input>.button>button, .file_input>.button>input[type=button] {
	display: inline-block;
	position: absolute;
	width: 100px;
}
.file_input>.button>input[type=file] {
	display: inline-block;
	opacity: 0;
	position: relative;
	width: 100px;
	z-index: 2;
}
.file_input>.selected {
	margin-right: 105px;
}
.file_input>button[name=btn_import], .file_input>input[name=btn_import] {
    float: right;
    margin-left: 5px;
    width: 100px;
}
div.input {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	line-height: 14px;
	padding: 2px 3px;
}

.dlg-listing { width: 500px; }
.dlg-listing .tbl.manage { table-layout: fixed; }
.dlg-listing .tbl.manage th, .dlg-listing .tbl.manage td {
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dlg-listing .tbl.manage td {
	cursor: pointer;
}
.dlg-listing .tbl.manage .name { width: 100px; }
.dlg-listing .tbl.manage .desc { width: auto; }
.dlg-listing .tbl.manage .data { display: none; }

.dlg-columns .row {
    border-collapse: collapse;
    display: table;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
}
.dlg-columns .row .column {
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}

#dlgSiteLocations { width: 700px; }
#dlgSiteLocations table.tbl .name { width: 120px; }
#dlgSiteLocations table.tbl .countrycode { width: 150px; }
#dlgSiteLocations table.tbl .citycode { width: 130px; }
#dlgSiteLocations table.tbl .timezone { width: auto; }
#dlgSiteLocation .s1 label { width: 80px; }
#dlgSiteLocation .s2 label { width: 120px; }

#dlgProcessedDataRebuild {
	width: 330px;
}
#dlgProcessedDataRebuild .daterange {
	display: table;
}
#dlgProcessedDataRebuild .daterange:after {
	display: table-row;
}
#dlgProcessedDataRebuild .daterange label,
#dlgProcessedDataRebuild .daterange div,
#dlgProcessedDataRebuild .daterange span {
	display: table-cell;
}
#dlgProcessedDataRebuild .daterange label {
	width: 80px;
}
#dlgProcessedDataRebuild .daterange div {
}
#dlgProcessedDataRebuild .daterange div input {
	text-align: right;
	width: 100%;
}
#dlgProcessedDataRebuild .daterange span {
	text-align: center;
	width: 30px;
}

#dlgSearch label {
	margin-right: 5px;
	min-width: 100px;
	width: auto;
}
#dlgSearch .search-method {
	margin-right: 2px;
}

#dlgDestinations {
	width: 520px;
}
#dlgDestinations .destinations {
	background-color: #fff;
    border: 1px solid #bbb;
    height: 300px;
}
#dlgDestinations .destinations .name {
	width: auto;
}
#dlgDestinations .destinations .delivery {
	width: 200px;
}
#dlgDestination {
	width: 480px;
}
#dlgDestination label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80px;
}
#dlgDestination .btn.generate {
    float: right;
    margin-left: 5px;
    width: 80px;
}
#dlgDestination .deliveryoptions .opt_link a.active {
	color: #888;
	cursor: default;
	text-decoration: none;
}

#dlgAlarmPeriods {
	width: 720px;
}
#dlgAlarmPeriods .alarmperiods {
	background-color: #fff;
    border: 1px solid #bbb;
    height: 300px;
}
#dlgAlarmPeriods .alarmperiods .name {
	width: 150px;
}
#dlgAlarmPeriods .alarmperiods .description {
	width: auto;
}

#dlgAlarmPeriod {
	width: 580px;
}
#dlgAlarmPeriod label {
	width: 70px;
}
#dlgAlarmPeriod .active .days label {
	height: auto;
}
#dlgAlarmPeriod .active .days input {
	height: 20px;
    margin-top: 0;
	margin-bottom: 2px;
}
#dlgAlarmPeriod .inline div {
    float: left;
	padding: 0 5px;
	width: auto;
}
#dlgAlarmPeriod .inline div:first-of-type {
	padding-left: 0;
}
#dlgAlarmPeriod .trigger label {
	width: 90px;
}
#dlgAlarmPeriod .trigger label[for=triggerdelaysync] {
	width: auto;
}

#dlgAlarmStatusDetail { width: 850px; }
#dlgAlarmStatusDetail .records {
    background-color: #fff;
    border: 1px solid #bbb;
    height: 350px;
    margin-bottom: 5px;
}
#dlgAlarmStatusDetail .records table.tbl {
	table-layout: fixed;
}
#dlgAlarmStatusDetail table.tbl .name { width: auto; }
#dlgAlarmStatusDetail table.tbl .agent-alert { width: 400px; }
#dlgAlarmStatusDetail table.tbl .alarm { width: 120px; }
#dlgAlarmStatusDetail table.tbl .thresholdon { width: 150px; }
#dlgAlarmStatusDetail table.tbl .value { text-align: center; width: 70px; }
#dlgAlarmStatusDetail table.tbl .status { text-align: center; width: 90px; }
#dlgAlarmStatusDetail table.tbl th.ctrl a { color: #fff; }
#dlgAlarmStatusDetail table.tbl th.ctrl a:hover { color: #888; }
#dlgAlarmStatusDetail table.tbl th.ctrl a:focus i { color: #fff; }
#dlgAlarmStatusDetail table.tbl td.ctrl a { color: #888; }
#dlgAlarmStatusDetail table.tbl td.ctrl a:hover { color: #212121; }

#dlgAlarmAcknowledge {
	width: 480px;
}
#dlgAlarmAcknowledge .opt label {
	width: 70px;
}
#dlgAlarmAcknowledge .opt.snoozeend div {
	display: inline;
}
#dlgAlarmAcknowledge .opt input.date {
    margin: 0 3px 0 0;
    width: 110px;
}
#dlgAlarmAcknowledge .opt input.time {
    width: 70px;
}
#dlgAlarmAcknowledge .opt .endnow input[name=snoozeend_now] {
	margin-left: 5px;
}
#dlgAlarmAcknowledge .opt .endnow span {
	display: inline-block;
    line-height: 20px;
}
#dlgAlarmAcknowledge .opt textarea {
    height: 65px;
}

#dlgAudioRecording .properties.detail .opt label {
	font-weight: bold;
	width: auto;
}
#dlgAudioRecording .properties.detail .opt div {
	text-align: right;
}
#dlgAudioRecording .properties.prop-audio {
	background-color: transparent;
	border: 0;
	margin: 0;
    padding: 0;
}
#dlgAudioRecording .properties.prop-audio audio {
	width: 100%;
    display: block;
}
#dlgAudioRecording .dlgButtons .dlg-btn {
	width: 75px;
}

/* Device Management */
.dlg-device-mgmt {
	width: 620px;
}
.dlg-device-mgmt .properties ul {
	margin: 5px 0 5px 20px;
	padding: 5px;
}
.dlg-device-mgmt .opt label {
	width: 80px;
}
.dlg-device-mgmt .properties.license-counts ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
	width: 100%;
}
.dlg-device-mgmt .properties.license-counts ul:after {
	display: table-row;
}
.dlg-device-mgmt .properties.license-counts li {
	display: table-cell;
}
.dlg-device-mgmt .properties.license-counts li strong {
	font-weight: bold;
	margin-right: 5px;
}
.dlg-device-mgmt .properties.license-counts li span {
	font-weight: normal;
}
.dlg-device-mgmt .records {
	height: 200px;
}
.dlg-device-mgmt .records tr td.notify a {
	color: #e34f4f;
	display: none;
}
.dlg-device-mgmt .records tr.exceeded td {
	color: #e34f4f;
	text-decoration: line-through;
}
.dlg-device-mgmt .records tr.exceeded td.notify a {
	display: block;
}
.dlg-device-mgmt .records tr.disabled td {
	color: #bbb;
	text-decoration: none;
}
.dlg-device-mgmt .records th:nth-last-child(2),
.dlg-device-mgmt .records td:nth-last-child(2) {
	border-right: 0;
}
.dlg-device-mgmt .records th:nth-last-child(1),
.dlg-device-mgmt .records td:nth-last-child(1) {
	border-left: 0;
}
#tooltip-popout-license-exceeded {
	width: 200px;
}

#custom_page {
	padding: 0;
}

ul.bbl-controls {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-shadow: none;
	z-index: 190
}
ul.bbl-controls>li {
	float: right;
	list-style-type: none;
	padding: 0;
	position: relative;
}
ul.bbl-controls>li>a:hover {
	background-color: #fff;
	text-decoration: none;
}
ul.bbl-controls>li>a:hover i {
	color: #1976D2;
}
ul.bbl-controls ul.dropdown {
	margin-right: -1px;
	position: absolute;
	right: 0;
	top: 20px;
	visibility: hidden;
}
ul.bbl-controls ul.dropdown li {
	background-color: #eee;
	border: 1px solid #bbb;
	border-width: 0 1px 1px;
	color: #1976D2;
	list-style-type: none;
    padding: 0;
}
ul.bbl-controls ul.dropdown li:first-child {
	border-width: 1px;
}
ul.bbl-controls ul.dropdown li.tier1 {
	padding-left: 3px;
}
ul.bbl-controls ul.dropdown li.tier1:has(>a) {
	padding-left: 0;
}
ul.bbl-controls ul.dropdown li a {
	color: #1976D2;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0 3px;
	text-align: left;
	text-decoration: none;
	width: 160px;
}
ul.bbl-controls ul.dropdown li a {
	border: 0;
	float: none;
	text-indent: inherit;
}
ul.bbl-controls ul.dropdown li a:hover {
	background-color: #1976D2;
	color: #fff;
}
ul.bbl-controls ul.dropdown li a>span {
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}
ul.bbl-controls ul.dropdown li a>span>i {
	display: none;
	font-size: 1.2em;
    line-height: 1em;
}
ul.bbl-controls ul.dropdown li.checked a>span>i {
	display: inherit;
}
ul.bbl-controls ul.dropdown li a>input {
	display: none;
}

ul.bbl-controls ul.dropdown li:has(ul.submenu)>a:after {
    content: "\25b6";
    display: block;
    float: right;
    margin: 0 3px;
}
ul.bbl-controls ul.dropdown ul.submenu {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
}
ul.bbl-controls ul.dropdown ul.submenu>li {
	min-width: 150px;
}

.bbl-func {
	background-color: #f2f9ff;
    border: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
    margin-bottom: 5px;
}
.bbl-func {
	border-collapse: collapse;
	display: table;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
}
.bbl-func:after {
	display: table-row;
}
.bbl-func>li {
	display: table-cell;
	width: 200px;
}
.bbl-func>li .hide {
	display: none;
}
.bbl-func>li:last-child {
	width: auto;
}
.bbl-func>li>a,
.bbl-func>li>span {
    border-left: 1px solid #bbb;
	display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 5px 0 0;
}
.bbl-func>li:first-child>a,
.bbl-func>li:first-child>span {
    border-left: 0;
}
.bbl-func>li>a>span,
.bbl-func>li>span>span {
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	margin-right: 3px;
	padding: 0 5px;
	text-align: center;
}

table.scrollable.sbr th:nth-last-child(2) {
	border-right: 0;
}
table.scrollable th.scroll_spacer {
	padding: 0;
}
table.scrollable th.scroll_spacer:not([rowspan]) {
	border-left: 0;
}
table.scrollable thead th>a {
	display: block;
}
table.scrollable thead th,
table.scrollable thead th>a,
table.scrollable tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table.scrollable.wrap {
	display: block;
}
table.scrollable.wrap .head {
	overflow: hidden;
}
table.scrollable.wrap .head,
table.scrollable.wrap .body {
	display: block;
}
table.scrollable.wrap .head table.tbl,
table.scrollable.wrap .body table.tbl {
	table-layout: fixed;
}
table.scrollable.wrap .body {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
table.scrollable.wrap.sbr .body {
	overflow-y: scroll;
}
table.tbl-ttip thead th,
table.tbl-ttip thead th>a,
table.tbl-ttip tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-container {
	position: relative;
	overflow-x: hidden;
}
.chartjs-tooltip {
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
	position: absolute;
	background-color: rgba(0, 0, 0, .7);
	color: white;
	padding: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	z-index: 1110;
}
.chartjs-tooltip table th,
.chartjs-tooltip .chartjs-tooltip-title {
	font-weight: bold;
	padding: 0 0 2px 0;
	text-align: left;
}
.chartjs-tooltip table td,
.chartjs-tooltip .chartjs-tooltip-section {
	line-height: 14px;
	padding: 1px 0;
    overflow: hidden;
    _overflow: visible;
    _overflow-x: hidden;
    _height: 0;
}
.chartjs-tooltip table td span,
.chartjs-tooltip .chartjs-tooltip-section span {
	display: block;
	height: 14px;
	float: left;
	margin-right: 5px;
}
.chartjs-tooltip .chartjs-tooltip-section span:last-child {
	margin-right: 0;
}
.chartjs-tooltip table td span,
.chartjs-tooltip .chartjs-tooltip-section .chartjs-tooltip-key {
	width: 14px;
	border-radius: 3px;
}
.chartjs-tooltip table td span.line {
	border-radius: 50%;
	height: 8px;
	margin: 3px 8px 3px 3px;
	width: 8px;
}
.chartjs-tooltip table td span.line:before, .chartjs-tooltip table td span.line:after {
	content: '';
	height: 2px;
	width: 14px;
	float: left;
	background-color: inherit;
	margin: 3px 0 0 -3px;
}
.chartjs-tooltip table td span.line:after {
	float: right;
	display: none;
}
.chartjs-tooltip.below {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.chartjs-tooltip.below:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 0 8px 8px 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
.chartjs-tooltip.above {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
.chartjs-tooltip.above:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 8px 8px 0 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.chartjs-tooltip.left:before {
	left: 80%;
}
.chartjs-tooltip.right:before {
	left: 20%;
}

.status.default { background-color: #aaaaaa; color: #fff; }
.status.good { background-color: #58bb51; color: #fff; }
.status.fair { background-color: #b4d55a; color: #000; }
.status.poor { background-color: #fda73e; color: #000; }
.status.bad { background-color: #e34f4f; color: #fff; }

.status.active { background-color: #58bb51; color: #fff; }
.status.inactive { background-color: #b4d55a; color: #000; }
.status.unregistered { background-color: #e34f4f; color: #fff; }

.menu-open #page-menu nav>ul a>.menu-btn.add:hover i:before,
.menu-open #page-menu nav>ul a>.menu-btn.add:focus i:before,
.menu-full #page-menu nav>ul a>.menu-btn.add:hover i:before,
.menu-full #page-menu nav>ul a>.menu-btn.add:focus i:before,
#page-menu nav>ul .menu-state-open a>.menu-btn.add:hover i:before,
#page-menu nav>ul .menu-state-open a>.menu-btn.add:focus i:before { content: "\f067"; } /* fa-plus */

.action-status {
	display: none;
	float: right;
	font-style: italic;
	font-weight: normal;
	padding: 0;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 5px 0 0;
}
.action-status span {
	float: right;
	margin: 0 0 0 5px;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.action-status.left span {
	float: left;
	margin: 0 5px 0 0;
}
.action-status.right span {
	float: right;
	margin: 0 0 0 5px;
}
.action-status span:before {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: bold;
	content: "\f110";
}

/* VIS.JS Graph Tooltip */
.vis-graph-tooltip {
    font-family: Arial, Helvetica, Serif, Verdana;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3em;
}
.vis-graph-tooltip h2,
.vis-graph-tooltip h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20px;
	padding: 0;
    margin: 0;
}
.vis-graph-tooltip h2 {
	text-align: center;
	white-space: pre-line;
}
.vis-graph-tooltip h3 {
	border-bottom: 1px solid #bbb;
    margin-bottom: 5px;
}
.vis-graph-tooltip ul {
	border-collapse: collapse;
	display: table;
	empty-cells: show;
	table-layout: fixed;
}
.vis-graph-tooltip ul li {
	display: table-row;
}
.vis-graph-tooltip ul li strong,
.vis-graph-tooltip ul li span {
	display: table-cell;
}
.vis-graph-tooltip ul li strong:after {
	content: ":";
	display: inline-block;
	margin: 0 5px 0 0;
}
.vis-graph-tooltip table {
	border: 1px solid #bbb;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
}
.vis-graph-tooltip table th {
	background-color: #000;
	color: #fff;
}
.vis-graph-tooltip table th,
.vis-graph-tooltip table td {
	border: 1px solid #bbb;
	padding: 2px 5px;
}

.vis-graph-tooltip.agents-network {
	font-family: Arial, Helvetica, Serif, Verdana;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.2em;
	max-width: 720px;
}
.vis-graph-tooltip.agents-network table {
	width: 720px;
}
.vis-graph-tooltip.agents-network table thead th,
.vis-graph-tooltip.agents-network table tbody td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.vis-graph-tooltip.agents-network table .date {
	text-align: left;
	width: 65px;
}
.vis-graph-tooltip.agents-network table .time {
	text-align: left;
	width: 100px;
}
.vis-graph-tooltip.agents-network table .host {
	text-align: left;
	width: auto;
}
.vis-graph-tooltip.agents-network table .addr {
	text-align: left;
	width: auto;
}
.vis-graph-tooltip.agents-network table .rtt {
	text-align: center;
	width: 80px;
}
.vis-graph-tooltip.agents-network table .success {
	text-align: center;
	width: 100px;
}
.vis-graph-tooltip.agents-network p {
	margin-top: 5px;
	white-space: normal;
}
.vis-graph-tooltip.agents-network div.status {
	border: 1px solid #bbb;
	margin-top: 5px;
	padding: 5px;
}
.vis-graph-tooltip.agents-network div.status.alert {
	border-color: #e34f4f;
	border-width: 2px;
	color: #e34f4f;
}
.vis-graph-tooltip.agents-network div.status strong {
	font-weight: bold;
    text-transform: uppercase;
}
.vis-graph-tooltip.agents-network div.status span {
	font-weight: bold;
	text-decoration: underline;
}

/* small width */
@media screen and (max-width: 736px) {
	body.menu-full #page-menu,
	body.menu-partial #page-menu {
		-moz-transform: translateX(-164px);
		-webkit-transform: translateX(-164px);
		-ms-transform: translateX(-164px);
		transform: translateX(-164px);
	}
	body.menu-full #page-menu .ctrl-pin a i,
	body.menu-partial #page-menu .ctrl-pin a i {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	body.menu-partial.menu-pin-state-1 #page-menu .ctrl-pin a i {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.menu-full .content-wrapper,
	body.menu-partial .content-wrapper {
		margin-left: 36px;
	}
	body.menu-full.submenu-toggle #sub-menu
	body.menu-partial.submenu-toggle #sub-menu {
		margin-left: 36px;
	}
	header .sp:before,
	header .controller {
		display: none;
	}
	header .header-ctrl a.manager span:first-child {
		display: none;
	}
	header .view label {
		display: none;
	}
	header .view select {
		width: 60px;
	}
	.dlg {
		max-width: 500px;
	}
}

/* print */
@media print {
	*{
		color-adjust: exact;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	#page-menu {
		display: none;
	}
	body .content-wrapper,
	body.menu-open .content-wrapper,
	body.menu-hide .content-wrapper,
	body.menu-partial .content-wrapper,
	body.menu-full .content-wrapper {
		margin-left: 0;
		margin: 0;
	}
	header.header {
		border-bottom-width: 1px;
	}
	header .ctrl-menu {
		display: none;
	}
	header .header-ctrl {
		display: none;
	}
	header .view {
		display: none;
	}
	.contentContainer {
		width: 100%;
	}
	.contentContainer.scroll {
		height: auto !important;
	}
	.popup,
	.menu-ctrl-btns {
		display: none;
	}
}

/* FontAwesome (http://fontawesome.io/cheatsheet/) - overrides */
.active i.alarm { /* fa-bell color and make solid */
	color: #e34f4f;
	font-weight: 900;
}
.fa:not(.fa-xs):not(.fa-sm):not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fa-6x):not(.fa-7x):not(.fa-8x):not(.fa-9x):not(.fa-10x),
.fab:not(.fa-xs):not(.fa-sm):not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fa-6x):not(.fa-7x):not(.fa-8x):not(.fa-9x):not(.fa-10x),
.fad:not(.fa-xs):not(.fa-sm):not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fa-6x):not(.fa-7x):not(.fa-8x):not(.fa-9x):not(.fa-10x),
.far:not(.fa-xs):not(.fa-sm):not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fa-6x):not(.fa-7x):not(.fa-8x):not(.fa-9x):not(.fa-10x),
.fas:not(.fa-xs):not(.fa-sm):not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fa-6x):not(.fa-7x):not(.fa-8x):not(.fa-9x):not(.fa-10x) {
	font-size: 90%;
}
.fa.fa-lg, .fab.fa-lg, .fad.fa-lg, .fal.fa-lg, .far.fa-lg, .fas.fa-lg {
    font-size: 1.2em;
}
.dlg .dlgTitleBar a.btn-fa.ico-help { /* dlg help icon */
	font-size: .8em;
}
.ico-counter {
	background-color: transparent;
    -webkit-transform: scale(.55);
    transform: scale(0.55);
}
.ico-counter.ico-hide {
	display: none;
}

/* Status Icons - colors for foreground (font) and background */
.bg-default { background-color: #aaaaaa !important; color: #000; }
.bg-good { background-color: #b4d55a !important; color: #000; }
.bg-info { background-color: #7a9bbf !important; color: #fff; }
.bg-warning, .bg-warn { background-color: #fda73e !important; color: #fff; }
.bg-error { background-color: #e34f4f !important; color: #fff; }
.bg-inprogress { background-color: #a064a0 !important; color: #fff; }
.bg-available { background-color: #77b9bf !important; color: #fff; }
.bg-unknown { background-color: #aaaaaa !important; color: #fff; }
.bg-active { background-color: #58bb51 !important; color: #fff; }
.bg-inactive { background-color: #b4d55a !important; color: #000; }
.bg-unregistered { background-color: #e34f4f !important; color: #fff; }

.fg-default { background-color: transparent !important; color: #aaaaaa !important; }
.fg-good { background-color: transparent !important; color: #b4d55a !important; }
.fg-info { background-color: transparent !important; color: #7a9bbf !important; }
.fg-warning, .fg-warn { background-color: transparent !important; color: #fda73e !important; }
.fg-error { background-color: transparent !important; color: #e34f4f !important; }
.fg-inprogress { background-color: transparent !important; color: #a064a0 !important; }
.fg-available { background-color: transparent !important; color: #77b9bf !important; }
.fg-unknown { background-color: transparent !important; color: #aaaaaa !important; }
.fg-active { background-color: transparent !important; color: #58bb51 !important; }
.fg-inactive { background-color: transparent !important; color: #b4d55a !important; }
.fg-unregistered { background-color: transparent !important; color: #e34f4f !important; }

a:hover .fg-default { background-color: transparent !important; color: #bfbfbf !important; }
a:hover .fg-good { background-color: transparent !important; color: #c7e079 !important; }
a:hover .fg-info { background-color: transparent !important; color: #97b3cf !important; }
a:hover .fg-warning, a:hover .fg-warn { background-color: transparent !important; color: #febc5d !important; }
a:hover .fg-error { background-color: transparent !important; color: #eb7d6e !important; }
a:hover .fg-inprogress { background-color: transparent !important; color: #b783b7 !important; }
a:hover .fg-available { background-color: transparent !important; color: #94cbcf !important; }
a:hover .fg-unknown { background-color: transparent !important; color: #bfbfbf !important; }
a:hover .fg-active { background-color: transparent !important; color: #c4dd80 !important; }
a:hover .fg-inactive { background-color: transparent !important; color: #c7e079 !important; }
a:hover .fg-unregistered { background-color: transparent !important; color: #eb7d6e !important; }

a.fg-default:focus,
a.fg-good:focus,
a.fg-info:focus,
a.fg-warning:focus,
a.fg-warn:focus,
a.fg-error:focus,
a.fg-inprogress:focus,
a.fg-available:focus,
a.fg-unknown:focus,
a.fg-active:focus,
a.fg-inactive:focus,
a.fg-unregistered:focus {
    background-color: #777 !important;
    color: #fff !important;
}

.fg-default>.status-ico:not(.ico-default) { display: none; }
.fg-good>.status-ico:not(.ico-good) { display: none; }
.fg-info>.status-ico:not(.ico-info) { display: none; }
.fg-warning>.status-ico:not(.ico-warning), .fg-warn>.status-ico:not(.ico-warn) { display: none; }
.fg-error>.status-ico:not(.ico-error) { display: none; }
.fg-inprogress>.status-ico:not(.ico-inprogress) { display: none; }
.fg-available>.status-ico:not(.ico-available) { display: none; }
.fg-unknown>.status-ico:not(.ico-unknown) { display: none; }

/* Status Bubbles - colors for foreground (font) and background */
/* Alternate version
.status-multiple .bg-default { background-color: #666 !important; color: #fff; }
.status-multiple .bg-warning { background-color: #fda73e !important; color: #fff; }
.status-multiple .bg-critical { background-color: #e34f4f !important; color: #fff; }
.status-multiple .bg-alert { background-color: #ec0909 !important; color: #fff; }
.status-multiple .bg-snoozed { background-color: #bbb !important; color: #fff; }
.status-multiple .bg-pollwarning { background-color: #ff7700 !important; color: #fff; }8943f0
.status-multiple .bg-pollfailed { background-color: #9f1101 !important; color: #fff; }31056f
*/
.status-multiple .bg-default { background-color: #666 !important; color: #fff; }
.status-multiple .bg-warning { background-color: #fda73e !important; color: #fff; }
.status-multiple .bg-critical { background-color: #e34f4f !important; color: #fff; }
.status-multiple .bg-alert { background-color: #9f1101 !important; color: #fff; }
.status-multiple .bg-snoozed { background-color: #bbb !important; color: #fff; }
.status-multiple .bg-pollwarning { background-color: #a655c6 !important; color: #fff; }
.status-multiple .bg-pollfailed { background-color: #31056f !important; color: #fff; }