/* user-agent style */
input, textarea, select, button {
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	margin: 0em;
	font: 400 13.3333px Arial;
}

/* general */
html {
	overflow-y: scroll;
}

body {
	font-family: Arial, sans-serif;
	margin: 0;
	min-width: 1000px;
	text-align: center;
	color: #3f3f3f;
	padding: 5px 5px 40px 5px;
	background: url(Crystal?ResourceName=images-frame-menu-background-mcis) 0 0 repeat-x;
	background-color: #dfdfdf;
	-webkit-print-color-adjust: exact;
}

a {
	text-decoration: underline;
	cursor: pointer;
}

/* frames */
.frame-envelope {
	position: relative;
	margin: auto;
	width: 1000px;
	text-align: left;
}

.frame-header {
	position: relative;
	width: 1000px;
	height: 50px;
}

.lines-2-1-1-menu {
	height: 83px;
}

.lines-2-2-1-menu {
	height: 83px;
}

.lines-3-2-1-menu {
	height: 116px;
}

.lines-3-2-2-menu {
	height: 116px;
}

.lines-3-3-2-menu {
	height: 116px;
}

.lines-4-3-2-menu {
	height: 139px;
}

.absolute-header-gradient {
}

.frame-header-menu {
	position: absolute;
	top: 0px;
	left: 257px;
	width: 620px;
}

.frame-header-login {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 200px;
	height: 30px;
	text-align: right;
	font-size: 0.79em;
	z-index: 99;
}

	.frame-header-login a:first-of-type::before {
		content: "\A";
		display: block;
	}

.budget-header {
	position: absolute;
	left: 260px;
	z-index: 1;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.budget-header-hover {
	position: absolute;
	z-index: 3;
	width: 400px;
}

.tipsy {
	font-size: 12px;
	position: absolute;
	top: 25px;
	left: 290px;
	padding: 5px;
	z-index: 100000;
}

.tipsy-inner {
	background-color: #3A393C;
	color: #FFF;
	padding: 6px 9px 5px 9px;
	text-align: center;
}

.tipsy-inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #3A393C;
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #3A393C;
}

.points-header {
	position: absolute;
	top: 7px;
	left: 455px;
	height: 22px;
	width: 185px;
	overflow: hidden;
}

.frame-body {
	position: relative;
	width: 960px;
	margin-left: 17px;
	margin-top: 7px;
	background: white;
	padding: 3px;
}

.frame-body-menu {
	position: relative;
	width: 100%;
	height: 80px;
	background-color: #5f5f5f;
}

.frame-body-menu-empty {
	height: 54px;
}

.frame-body-menu-shifted {
	height: 99px;
}

.frame-body-menu-items {
	position: absolute;
	top: 53px;
	left: 11px;
}

.frame-body-menu-items-shifted {
	top: 72px;
}

.frame-body-menu-items-upper {
	position: absolute;
	top: 53px;
	left: 51px;
}

.frame-body-menu-filters {
	position: absolute;
	right: 17px;
	top: 12px;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #5f5f5f;
}

.frame-button-panel {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 958px;
	height: 40px;
	background-color: rgb(229, 229, 229);
	border: 1px solid #B5B5B5;
}

.frame-button-panel-copy {
	width: 958px;
	height: 40px;
	background-color: rgb(229, 229, 229);
	border: 1px solid #B5B5B5;
}

.frame-top-info {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	text-align: center;
	width: 100%;
}

.top-info {
	display: block;
	font-size: 0.9em;
	width: 28px;
	height: 24px;
	margin: auto;
	position: relative;
	z-index: 4;
	background-image: url(Crystal?ResourceName=images-loading);
	background-repeat: no-repeat;
}

.top-message {
	display: block;
	margin: -20px auto;
	width: 960px;
	position: relative;
	z-index: 3;
}

	.top-message .body-message {
		margin: 0;
		text-align: left;
	}

/* prilepeni footer a header */
@media screen {
	body > div.frame-button-panel {
		position: fixed;
	}

	body > div.frame-top-info {
		position: fixed;
		z-index: 100;
	}
}

* html body {
	overflow: hidden;
}

* html div.scrollable {
	height: 100%;
	overflow: auto;
}

/* header */
.header-smart-logo {
	position: absolute;
	top: 12px;
	left: 18px;
	width: 224px;
	height: 28px;
}

/* header-menu */
.header-menu-item {
	position: relative;
	width: 115px;
	background-color: #dd3300;
	color: #dd3300;
	float: left;
	margin: 3px;
	text-align: center;
	color: White;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
	padding: 9px 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.header-menu-itemexpanded {
	background-color: #dd3300;
	color: #dd3300;
}

.header-menu-item-alt1 {
	background-color: #007069;
}

.header-menu-item-alt2 {
	background-color: #010354;
}

.header-menu-item-selected {
	position: absolute;
	background-repeat: no-repeat;
	width: 11px;
	height: 4px;
	top: 34px;
	left: 52px;
	background: url(Crystal?ResourceName=images-header-menu-item-selected-mcis) 0px -2px no-repeat;
}

.header-menu-item-selected-alt1 {
	background: url(Crystal?ResourceName=images-header-menu-item-selected-mcis) 0px -2px no-repeat;
}

.header-menu-item-selected-alt2 {
	background: url(Crystal?ResourceName=images-header-menu-item-selected-mcis) 0px -2px no-repeat;
}

.header-menu-upper-span {
	margin-top: 10px;
}

/* header-login */
.header-search-input {
	border: 1px solid grey;
	color: #919191;
	padding: 1px 2px;
	background: url(Crystal?ResourceName=images-header-search-icon) no-repeat White;
	background-position: 157px;
	width: 180px;
}

.header-logoff-link {
	color: #dd3300;
}

.header-login-box {
	display: inline;
}

/* body-message */

.body-message {
	position: relative;
	background-color: #dd3300;
	border: 3px solid white;
	width: 960px;
	margin: 8px 20px;
	overflow: auto;
	margin-left: 17px;
}

.body-message-icon {
	position: absolute;
	top: 12px;
	left: 19px;
	width: 28px;
	height: 24px;
	background-image: url(Crystal?ResourceName=images-site-message-icons-mcis);
}

.body-message-loading {
	background-image: url(Crystal?ResourceName=images-loading);
	background-repeat: no-repeat;
}

.body-message-warning {
	background-position: -46px -10px;
}

.body-message-info {
	background-position: -79px -10px;
}

.body-message-success {
	background-position: -112px -10px;
}

.body-message-error {
	background-position: -145px -10px;
}

.body-message-text {
	color: #e9e9e9;
	padding: 16px 58px;
	font-size: 0.8em;
}

.body-message-debug {
	padding: 5px 58px;
}

/* body-menu */
.body-menu-name {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 17px;
	padding-top: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 920px;
}

.filters-button {
	height: 22px;
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
}

	.filters-button:focus {
		outline: 1px solid black;
	}

.filters-label {
	margin-left: 10px;
}

.filters-text {
	margin: 0 10px;
	width: 140px;
	border: 1px solid gray;
}

	.filters-text:focus {
		outline: black 1px solid;
	}

.filters-text-check {
	margin: 0 10px;
	width: 140px;
	display: inline-block;
}

	.filters-text-check:focus {
		outline: black 1px solid;
	}

.filters-text-date {
	width: 65px;
	text-align: right;
	margin: 0 0 0 10px;
	border: 1px solid gray;
}

	.filters-text-date:focus {
		outline: black 1px solid;
	}

.filters-single-date {
	width: 65px;
	text-align: right;
	margin: 0 10px;
	border: 1px solid gray;
}

	.filters-single-date:focus {
		outline: black 1px solid;
	}

.filters-dropdown {
	margin: 0 10px;
	width: 140px;
	border: 1px solid gray;
}

	.filters-dropdown:focus {
		outline: black 1px solid;
	}

.body-menu-item, .body-menu-item-selected {
	font-weight: bold;
	font-size: 0.76em;
	padding: 6px 9px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	border: 1px solid #D8EEF4;
	border-bottom: none;
}

.body-menu-item {
	background-color: #dd3300;
	color: White;
}

.body-menu-item-selected {
	background-color: White;
}

/* site-grid */
.cross-grid, .site-grid, .widget-grid .site-chart {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8em;
}

	.cross-grid tr.first td, .site-grid tr.first td, .widget-grid tr.first td {
		padding: 4px 4px 1px 4px;
		font-weight: bold;
	}

	.cross-grid tr.second td, .site-grid tr.second td, .widget-grid tr.second td {
		padding: 0 4px 4px;
	}

	.cross-grid tr.odd, .site-grid tr.odd, .widget-grid tr.odd {
		background-color: #FAFAFF;
	}

	.cross-grid tr.even, .site-grid tr.even, .widget-grid tr.even {
		background-color: #E5E5E5;
	}

	.cross-grid tr.selected, .site-grid tr.selected, .widget-grid tr.selected {
		background-color: #B3B3B3;
	}

	.cross-grid tr.checked, .site-grid tr.checked, .widget-grid tr.checked {
		background-color: #B3B3B3;
	}

	.cross-grid th, .site-grid th, .widget-grid th {
		background-color: White;
		color: #dd3300;
		font-weight: bold;
		border-bottom: 2px solid gray;
	}

	.cross-grid td, .cross-grid th, .site-grid td, .site-grid th, .widget-grid td, .widget-grid th {
		padding: 4px 4px;
		text-align: left;
	}

		.cross-grid td.right-align, .cross-grid th.right-align {
			text-align: right;
		}

		.cross-grid td.center-align, .cross-grid th.center-align {
			text-align: center;
		}

		.cross-grid td img, .site-grid td img, .widget-grid td img {
			cursor: pointer;
			margin-left: 5px;
		}

	.cross-grid input.text {
		border: 1px solid grey;
	}

.grid-select-header {
	width: 15px;
}

.grid-select-cell {
	width: 15px;
}

.grid-unsortable-header {
	float: left;
	color: #3f3f3f;
	font-size: 0.8em;
	font-weight: bold;
}

.grid-sortable-header {
	float: left;
	text-decoration: underline;
	cursor: pointer;
	color: #3f3f3f;
	font-size: 0.8em;
	font-weight: bold;
}

.grid-footer-sticky {
	position: sticky;
	bottom: 40px;
	height: 40px;
	background: inherit;
}

.carrier-exclusivity-table {
	border-collapse: collapse;
}

.carrier-exclusivity-box-button-link-free {
	text-align: center;
	color: green;
	cursor: pointer;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

.carrier-exclusivity-box-button-link-blocked {
	text-align: center;
	color: red;
	cursor: pointer;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

.right-align .grid-sortable-header {
	float: none;
}

.right-align .grid-unsortable-header {
	float: none;
}

.right-align .grid-unsorted-desc, .right-align .grid-unsorted-asc, .right-align .grid-sorted-desc, .right-align .grid-sorted-asc {
	float: none;
}

.grid-unsorted-desc, .grid-unsorted-asc, .grid-sorted-desc, .grid-sorted-asc {
	width: 12px;
	height: 14px;
	display: inline-block;
	float: left;
	margin-left: 5px;
	margin-top: 1px;
}

.grid-unsorted-desc {
}

.grid-unsorted-asc {
}

.grid-sorted-desc {
	background: url(Crystal?ResourceName=images-grid-sorted-desc-mcis);
}

.grid-sorted-asc {
	background: url(Crystal?ResourceName=images-grid-sorted-asc-mcis);
}

.grid-header-tooltip {
	width: 15px;
	height: 14px;
	display: inline-block;
	float: left;
	margin-left: 5px;
	margin-top: 2px;
	background: url(Crystal?ResourceName=images-info);
}

.right-align .grid-header-tooltip {
	float: none;
}

.grid-row-expand, .grid-row-collapse {
	width: 14px;
	height: 14px;
	display: inline-block;
}

.grid-row-expand {
	background: url(Crystal?ResourceName=images-grid-row-expand) no-repeat;
}

.grid-row-collapse {
	background: url(Crystal?ResourceName=images-grid-row-collapse) no-repeat;
}

.grid-row-detail {
	cursor: pointer;
	width: 60px;
	height: 22px;
	text-align: center;
	margin-left: 4px;
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
}

.grid-row-context-menu {
	cursor: pointer;
	border: none;
	width: 20px;
	height: 22px;
	background: #dd3300;
}

.editable-column-count {
	width: 30px;
	text-align: right;
}

/* detail */

.frame-detail-flow-left {
	float: left;
}

.frame-detail-flow-right {
	float: right;
}

.frame-detail-flow-center {
	float: none;
}

.reset-flow {
	clear: both;
}


.frame-detail-box, .frame-detail-box-center {
	border: 1px solid grey;
	background-color: white;
	margin: 10px 5px;
}

.frame-detail-box {
	width: 458px;
}

.frame-detail-box-center {
	float: left;
	width: 936px;
}

	.frame-detail-box h2, .frame-detail-box-center h2 {
		font-size: 0.96em;
		font-weight: bold;
		margin: 10px 0 5px 13px;
		text-transform: uppercase;
	}

.repeater-master {
	position: relative;
	float: left;
	background-color: #D8EEF4;
}

.group-title {
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0 5px 10px;
	text-transform: uppercase;
}

.group-box {
	border: 2px solid #F3F0DB;
	background-color: White;
	margin: 10px 3px;
}

.repeater-menu {
	position: absolute;
	top: 20px;
	left: -108px;
}

.repeater-menu-item, .repeater-menu-item-selected {
	border: 2px solid #F3F0DB;
	width: 100px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	background-color: #006FB1;
	font-size: 0.9em;
	margin-bottom: 1px;
	color: black;
	cursor: pointer;
	height: 33px;
	overflow: hidden;
}

.repeater-menu-item-selected {
	border: 2px solid #D8EEF4;
	background-color: White;
	color: #006FB1;
	border-right: 6px solid White;
}

.frame-detail-box-header-table {
	width: 100%;
	border-spacing: 0px;
}

	.frame-detail-box-header-table td {
		padding: 0px;
	}

	.frame-detail-box-header-table .right-align {
		text-align: right;
		padding-right: 6px;
	}

.detail-box-inner {
	margin: 5px 20px 20px 20px;
}

.detail-table {
	font-size: 0.8em;
	width: 410px;
	border-collapse: collapse;
}

.detail-table-inner {
	width: 100%;
}

.detail-table td {
	padding: 5px 10px;
}

	.detail-table td.label {
		width: 40%;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
	}

	.detail-table td.label-inner {
		font-size: 0.8em;
		width: 32%;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
		padding: 1px 8px;
	}

	.detail-table td.input {
		width: 50%;
	}

	.detail-table td.input-inner {
		font-size: 0.8em;
		width: 50%;
		padding: 1px 8px;
	}

	.detail-table td.icons {
		width: 10%;
	}

.detail-table input.text {
	width: 185px;
	border: 1px solid grey;
}

	.detail-table input.text:focus {
		outline: black 1px solid;
	}

.detail-table input.date {
	width: 84px;
	text-align: right;
	border: 1px solid grey;
}

	.detail-table input.date:focus {
		outline: black 1px solid;
	}

.detail-table input.int {
	width: 84px;
	text-align: right;
	border: 1px solid grey;
}

	.detail-table input.int:focus {
		outline: black 1px solid;
	}

.detail-table input.decimal {
	width: 84px;
	text-align: right;
	border: 1px solid grey;
}

	.detail-table input.decimal:focus {
		outline: black 1px solid;
	}

.detail-table input.file {
	width: 185px;
	border: 1px solid grey;
}

	.detail-table input.file:focus {
		outline: black 1px solid;
	}

.detail-table input.boolean {
	border: 1px solid grey;
}

	.detail-table input.boolean:focus {
		outline: black 1px solid;
	}

.detail-table input:disabled {
	border: 1px solid lightgrey;
}

.detail-table select.dropdown {
	width: 185px;
	border: 1px solid grey;
}

	.detail-table select.dropdown:focus {
		outline: black 1px solid;
	}

.chosen-container.chosen-container-single.dropdown {
	border: 1px solid grey;
}

.chosen-container .chosen-results li.highlighted {
	background-color: grey;
}

.chosen-container .chosen-results li.autohighlighted:hover {
	background-color: grey;
}

/* one-liner */
.one-line {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: inherit;
}

	.one-line .one-line tr, .one-line td {
		margin: 0;
		padding: 0;
	}

.detail-table .one-line input.text {
	width: 84px;
	border: 1px solid grey;
}

.detail-table .one-line input.date {
	width: 84px;
	border: 1px solid grey;
}

.detail-table .one-line input.int {
	width: 84px;
	text-align: right;
	border: 1px solid grey;
}

.detail-table .one-line input.decimal {
	width: 84px;
	text-align: right;
	border: 1px solid grey;
}

.detail-table .one-line input.file {
	width: 84px;
	border: 1px solid grey;
}

.detail-table .one-line input.boolean {
	margin-top: 1px;
	border: 1px solid grey;
}

.detail-table .one-line select.dropdown {
	width: 84px;
	border: 1px solid grey;
}

.detail-table .odd {
	background-color: #FAFAFF;
}

.detail-table .even {
	background-color: #F2F2FF;
}

.detail-table .header {
	font-weight: bold;
}

/* button-panel */
.button-panel-buttons {
	margin-left: 10px;
	float: left;
}

.button-panel-button {
	float: left;
	border: none;
	height: 22px;
	margin: 10px 5px;
	cursor: pointer;
	padding: 0 6px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
}

	.button-panel-button:disabled {
		color: gray;
		background-color: rgb(242, 242, 242);
	}

	.button-panel-button:focus {
		outline: 1px solid black;
	}

.button-panel-button-highlighted {
	background-color: #dd3300;
	color: white;
	border: 1px solid grey;
}

.button-link {
	float: left;
	color: blue;
	cursor: pointer;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

.entity-link {
	color: #dd3300;
	cursor: pointer;
	border: none;
	background: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.material-link {
	color: #dd3300;
	cursor: pointer;
	border: none;
	background: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.button-panel-paging {
	margin-right: 10px;
	float: right;
}

.button-panel-traversal {
	margin-right: 10px;
	float: right;
}

.paging {
	border: 1px solid white;
	display: block;
	float: left;
	background-color: #eeeeee;
	color: #dd3300;
	margin: 10px 2px;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 7px;
	cursor: pointer;
}

.paging-inline {
	display: block;
	float: left;
	margin: 10px 2px;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 7px;
	cursor: pointer;
}

.paging-row-count {
	cursor: auto;
}

.paging-dots {
	font-weight: bolder;
	color: black;
	float: left;
	margin: 10px 2px 0 2px;
}

.paging-number-selected {
	font-weight: bold;
	color: black;
}

.paging-prev {
	padding: 2px 12px 2px 18px;
	background: url(Crystal?ResourceName=images-paging-prev) no-repeat #eeeeee 8px 8px;
}

.paging-next {
	padding: 2px 18px 2px 12px;
	background: url(Crystal?ResourceName=images-paging-next) no-repeat #eeeeee 49px 8px;
}

.static-links-menu {
	background-color: #dd6600;
}

.group-links-menu {
	background-color: #dd6600;
}

a.group-links-menu-anchor {
	margin: 0px;
	background: inherit;
	font-size: 1em;
}

a.group-links-menu-anchor-hover {
	margin: 0px;
	background: inherit;
	font-size: 1em;
}

.group-links-menu-icon {
	right: 6px;
	top: 26px;
	background-image: url(Crystal?ResourceName=images-expand-button-down);
}

.group-links-menu-open {
	margin-left: 3px;
	font-size: 0.8em;
}

a.expanded-menu-anchor {
	margin: 0px;
	background: inherit;
	font-size: 1em;
	overflow: visible;
}

a.expanded-menu-anchor-hover {
	margin: 0px;
	background: inherit;
	font-size: 1em;
}

.expanded-menu-icon {
	display: none;
}

.expanded-menu-open {
	margin-left: 3px;
	font-size: 0.8em;
}

/* bordel */
.site-grid .right-align {
	text-align: right;
}

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

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

.row-edit-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 191px;
	height: 30px;
	background-color: #d8eef4;
	border: 1px solid #b4dee9;
}

	.row-edit-box .text {
		width: 98px;
		height: 22px;
		margin: 3px 2px 3px 3px;
		border: 1px solid grey;
		float: left;
	}

	.row-edit-box .ok-button {
		width: 30px;
		height: 22px;
		margin: 3px 2px 3px 2px;
		color: White;
		background-color: #dd3300;
		border: none;
		float: left;
	}

	.row-edit-box .storno-button {
		width: 47px;
		height: 22px;
		margin: 3px 3px 3px 2px;
		color: White;
		background-color: #3a393c;
		border: none;
		float: left;
	}

.flow-box-billboard {
	float: left;
}

.frame-site {
	background-color: white;
}

.inputField {
	font-size: 0.8em;
	margin-left: 20px;
	width: 320px;
	height: 25px;
}

	.inputField input {
		width: 150px;
	}

	.inputField label {
		width: 150px;
		float: left;
	}

.fieldContent {
	width: 150px;
	float: right;
}

.invisible {
	display: none;
}

.body-message-buttons {
	position: absolute;
	right: 20px;
	top: 12px;
}

	.body-message-buttons input {
		color: White;
		border: none;
		height: 22px;
		background: #ef9f0b;
		cursor: pointer;
		padding: 0 6px;
		margin-left: 10px;
		border: 1px solid #e67d01;
	}

img {
	border: none;
}

.textComment {
	font-size: 0.8em;
	padding: 5px 10px;
}

.legend {
	font-size: 0.65em;
	padding: 0px 10px 20px 10px;
}

.photoComment {
	padding: 5px 10px;
}

.commentText {
	margin: 5px 10px;
	display: block;
}

.state-icon {
	width: 15px;
	height: 15px;
	border: 1px solid black;
}

.black {
	background-color: Black;
}

.white {
	background-color: White;
}

.dimgrey {
	background-color: #BBBBBB;
}

.yellow {
	background-color: #ffff99;
}

.red {
	background-color: #ff9999;
}

.grey {
	background-color: #ccc;
}

.green {
	background-color: Green;
}

.blue {
	background-color: Blue;
}

.priority-black {
	background-color: #3c3c3c;
}

.priority-red {
	background-color: #b10000;
}

.priority-green {
	background-color: #cbd4a9;
}

.priority-yellow {
	background-color: #eeb300;
}

.priority-white {
	background-color: #e9e9e9;
}

.right-align .sort-aligner {
	float: right;
}

	.right-align .sort-aligner span {
		text-align: right;
		float: right;
	}


.sort-aligner td {
	padding: 0;
	margin: 0;
}

.enumset-title {
	font-size: 0.9em;
	font-weight: bold;
	padding: 10px 10px 2px 10px;
}

.master-search {
	width: 500px;
	font-size: 1.5em;
	margin: 0 5px;
}

	.master-search:focus {
		outline: 1px solid black;
	}

.filters-all {
	width: 958px;
	border: 1px solid gray;
	background-color: white;
	margin-top: 3px;
	margin-bottom: 3px;
}

.filters-small-button {
	width: 28px;
	height: 22px;
	margin: 0 5px;
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
}

	.filters-small-button:focus {
		outline: 1px solid black;
	}

.filters-all table {
	width: 100%;
	padding: 10px;
	font-size: 0.8em;
}

/* aconnect */
a.tree {
	font-size: 0.8em;
	text-decoration: none;
	color: #000;
}

table.options-filter {
	width: 100%;
	padding-top: 0;
}

	table.options-filter td {
		width: 20%;
		vertical-align: top;
	}

.options-filter table.inner-table {
	padding: 0;
	font-size: 1em;
	width: 100%;
}

	.options-filter table.inner-table td {
		width: 33%;
	}

.box-inner {
	border: 2px solid #F3F0DB;
	margin: 2px;
}

.box-inner-box {
	font-size: 0.8em;
	border: 2px solid #F3F0DB;
	margin: 2px;
}

.box-other-restriction-text {
	font-size: 0.9em;
	border: 0px solid #F3F0DB;
	margin: 2px;
	padding-left: 5px;
}

.tristate {
	background-image: url(Crystal?ResourceName=images-tristate);
	background-position: 0 0;
	padding: 0;
	margin: 1px 3px;
	width: 13px !important;
	height: 13px !important;
	display: inline-block;
	font-size: 10px;
}

.editable-column-price {
	width: 80px;
	text-align: right;
}

.editable-column-date {
	width: 70px;
	text-align: right;
}

.color-preview {
	width: 166px;
	height: 20px;
	border: solid 1px #666;
}

.detail-table td .goog-palette-cell, .goog-palette-cell {
	height: 20px;
	width: 20px;
	margin: 0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 1px;
	padding: 1px;
	cursor: pointer;
}

.goog-palette-colorswatch {
	position: relative;
	height: 20px;
	width: 20px;
	border: 1px solid #666;
}

.occupancy-new-reserved, .occupancy-ordered, .occupancy-new-reserved-noncomercial, .occupancy-ordered-noncomercial, .occupancy-aborted {
	width: 100%;
	margin: 2px;
	border: 1px solid black;
}

.occupancy-new-reserved {
	background-color: #0000ff;
}

.occupancy-ordered {
	background-color: #00ff00;
}

.occupancy-new-reserved-noncomercial {
	background-color: #606060;
}

.occupancy-ordered-noncomercial {
	background-color: #C0C0C0;
}

.occupancy-aborted {
	background-color: #ff0000;
}

.none-margin, .none-margin tr, .none-margin td {
	margin: 0;
	padding: 0;
}

.none-margin {
	float: right;
}

.detail-img-inner {
	margin: 5px 20px 20px 20px;
}

.filters-all-box {
	width: 930px;
	margin: 3px;
}

	.filters-all-box table {
		width: 100%;
		padding: 0 10px 5px 10px;
		font-size: 0.8em;
	}

.box-description {
	margin: 5px;
	width: 98%;
	height: 180px;
}

#ext-saved-sites {
	display: none;
	position: absolute;
	top: 0;
	right: -107px;
	width: 100px;
	border: 2px solid #D8EEF4;
}

.saved-site-item-even, .saved-site-item {
	background-color: #F3F0DB;
	font-size: 0.9em;
	padding: 3px;
	cursor: pointer;
}

.saved-site-item-even {
	background-color: white;
}

.widget {
	width: 458px;
	border: 2px solid #F3F0DB;
	background-color: #FCFBF7;
	margin: 10px 5px;
}

.widget-title {
	background-color: #F3F0DB;
	font-size: 0.96em;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}

.widget-grid {
	font-size: 0.8em;
}

.widget-grid-numbers {
	font-size: 0.8em;
	float: left;
}

.widget-grid-paging {
	font-size: 0.8em;
	float: right;
}

.widget-status-bar {
	padding: 5px;
}

.imagebox-398-260 {
	max-width: 398px;
	max-height: 260px;
}

.imagebox-540-540 {
	max-width: 410px;
	max-height: 410px;
}

@media (min-width: 1260px) {
	.frame-envelope {
		width: 1250px;
	}

	.frame-header {
		width: 1250px;
	}

	.frame-header-menu {
		top: 8px;
		width: 850px;
	}

	.frame-body {
		width: 1210px;
	}

	.frame-button-panel {
		width: 1207px;
	}

	.frame-button-panel-copy {
		width: 1207px;
	}

	.top-message {
		width: 1210px;
	}

	.body-message {
		width: 1210px;
	}

	.body-menu-name {
		width: 1170px;
	}

	.frame-detail-box-center {
		width: 1186px;
	}

	.frame-detail-box {
		width: 583px;
	}

	.filters-all {
		width: 1208px;
	}

	.filters-all-box {
		width: 1180px;
	}

	.filters-text {
		width: 200px;
	}

	.filters-text-check {
		width: 200px;
	}

	.filters-text-date {
		width: 95px;
	}

	.filters-single-date {
		width: 95px;
	}

	.filters-dropdown {
		width: 200px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 543px;
	}

	.imagebox-540-540 {
		max-width: 540px;
		max-height: 540px;
	}
}

@media (min-width: 1460px) {
	.frame-envelope {
		width: 1450px;
	}

	.frame-header {
		width: 1450px;
	}

	.frame-header-menu {
		width: 1050px;
	}

	.frame-body {
		width: 1410px;
	}

	.frame-button-panel {
		width: 1407px;
	}

	.frame-button-panel-copy {
		width: 1407px;
	}

	.top-message {
		width: 1410px;
	}

	.body-message {
		width: 1410px;
	}

	.body-menu-name {
		width: 1370px;
	}

	.frame-detail-box-center {
		width: 1386px;
	}

	.frame-detail-box {
		width: 683px;
	}

	.filters-all {
		width: 1408px;
	}

	.filters-all-box {
		width: 1380px;
	}

	.filters-text {
		width: 250px;
	}

	.filters-text-check {
		width: 250px;
	}

	.filters-text-date {
		width: 120px;
	}

	.filters-single-date {
		width: 120px;
	}

	.filters-dropdown {
		width: 250px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 643px;
	}

	.imagebox-540-540 {
		max-width: 640px;
		max-height: 640px;
	}
}

@media (min-width: 1660px) {
	.frame-envelope {
		width: 1650px;
	}

	.frame-header {
		width: 1650px;
	}

	.frame-header-menu {
		width: 1250px;
	}

	.frame-body {
		width: 1610px;
	}

	.frame-button-panel {
		width: 1607px;
	}

	.frame-button-panel-copy {
		width: 1607px;
	}

	.top-message {
		width: 1610px;
	}

	.body-message {
		width: 1610px;
	}

	.body-menu-name {
		width: 1570px;
	}

	.frame-detail-box-center {
		width: 1586px;
	}

	.frame-detail-box {
		width: 783px;
	}

	.filters-all {
		width: 1608px;
	}

	.filters-all-box {
		width: 1580px;
	}

	.filters-text {
		width: 300px;
	}

	.filters-text-check {
		width: 300px;
	}

	.filters-text-date {
		width: 145px;
	}

	.filters-single-date {
		width: 145px;
	}

	.filters-dropdown {
		width: 300px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 743px;
	}

	.imagebox-540-540 {
		max-width: 740px;
		max-height: 740px;
	}
}

@media (min-width: 1820px) {
	.frame-envelope {
		width: 1810px;
	}

	.frame-header {
		width: 1810px;
	}

	.frame-header-menu {
		width: 1543px;
	}

	.frame-body {
		width: 1770px;
	}

	.frame-button-panel {
		width: 1774px;
	}

	.frame-button-panel-copy {
		width: 1770px;
	}

	.top-message {
		width: 1770px;
	}

	.body-message {
		width: 1770px;
	}

	.body-menu-name {
		width: 1170px;
	}

	.frame-detail-box-center {
		width: 1746px;
	}

	.frame-detail-box {
		width: 863px;
	}

	.filters-all {
		width: 1764px;
	}

	.filters-all-box {
		width: 1740px;
	}

	.filters-text {
		width: 340px;
	}

	.filters-text-check {
		width: 340px;
	}

	.filters-text-date {
		width: 165px;
	}

	.filters-single-date {
		width: 165px;
	}

	.filters-dropdown {
		width: 340px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 50px;
	}

	.lines-3-2-1-menu {
		height: 50px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 83px;
	}

	.lines-4-3-2-menu {
		height: 83px;
	}

	.detail-table {
		width: 823px;
	}

		.detail-table td.label {
			width: 30%;
		}

	.imagebox-540-540 {
		max-width: 823px;
		max-height: 823px;
	}
}

@media (min-width: 1960px) {
	.frame-envelope {
		width: 1950px;
	}

	.frame-header {
		width: 1950px;
	}

	.frame-header-menu {
		width: 1550px;
	}

	.frame-body {
		width: 1910px;
	}

	.frame-button-panel {
		width: 1907px;
	}

	.frame-button-panel-copy {
		width: 1907px;
	}

	.top-message {
		width: 1910px;
	}

	.body-message {
		width: 1910px;
	}

	.body-menu-name {
		width: 1870px;
	}

	.frame-detail-box-center {
		width: 1886px;
	}

	.frame-detail-box {
		width: 933px;
	}

	.filters-all {
		width: 1908px;
	}

	.filters-all-box {
		width: 1880px;
	}

	.filters-text {
		width: 350px;
	}

	.filters-text-check {
		width: 350px;
	}

	.filters-text-date {
		width: 170px;
	}

	.filters-single-date {
		width: 170px;
	}

	.filters-dropdown {
		width: 350px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 893px;
	}

	.imagebox-540-540 {
		max-width: 890px;
		max-height: 890px;
	}
}

@media (min-width: 2160px) {
	.frame-envelope {
		width: 2150px;
	}

	.frame-header {
		width: 2150px;
	}

	.frame-header-menu {
		width: 1750px;
	}

	.frame-body {
		width: 2110px;
	}

	.frame-button-panel {
		width: 2107px;
	}

	.frame-button-panel-copy {
		width: 2107px;
	}

	.top-message {
		width: 2110px;
	}

	.body-message {
		width: 2110px;
	}

	.body-menu-name {
		width: 2070px;
	}

	.frame-detail-box-center {
		width: 2086px;
	}

	.frame-detail-box {
		width: 1033px;
	}

	.filters-all {
		width: 2108px;
	}

	.filters-all-box {
		width: 2080px;
	}

	.filters-text {
		width: 400px;
	}

	.filters-text-check {
		width: 400px;
	}

	.filters-text-date {
		width: 195px;
	}

	.filters-single-date {
		width: 195px;
	}

	.filters-dropdown {
		width: 400px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 993px;
	}

	.imagebox-540-540 {
		max-width: 990px;
		max-height: 990px;
	}
}

@media (min-width: 2360px) {
	.frame-envelope {
		width: 2350px;
	}

	.frame-header {
		width: 2350px;
	}

	.frame-header-menu {
		width: 1950px;
	}

	.frame-body {
		width: 2310px;
	}

	.frame-button-panel {
		width: 2307px;
	}

	.frame-button-panel-copy {
		width: 2307px;
	}

	.top-message {
		width: 2310px;
	}

	.body-message {
		width: 2310px;
	}

	.body-menu-name {
		width: 2270px;
	}

	.frame-detail-box-center {
		width: 2286px;
	}

	.frame-detail-box {
		width: 1133px;
	}

	.filters-all {
		width: 2308px;
	}

	.filters-all-box {
		width: 2280px;
	}

	.filters-text {
		width: 450px;
	}

	.filters-text-check {
		width: 450px;
	}

	.filters-text-date {
		width: 220px;
	}

	.filters-single-date {
		width: 220px;
	}

	.filters-dropdown {
		width: 450px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 1093px;
	}

	.imagebox-540-540 {
		max-width: 1090px;
		max-height: 1090px;
	}
}

@media (min-width: 2560px) {
	.frame-envelope {
		width: 2550px;
	}

	.frame-header {
		width: 2550px;
	}

	.frame-header-menu {
		width: 2150px;
	}

	.frame-body {
		width: 2510px;
	}

	.frame-button-panel {
		width: 2507px;
	}

	.frame-button-panel-copy {
		width: 2507px;
	}

	.top-message {
		width: 2510px;
	}

	.body-message {
		width: 2510px;
	}

	.body-menu-name {
		width: 2470px;
	}

	.frame-detail-box-center {
		width: 2486px;
	}

	.frame-detail-box {
		width: 1233px;
	}

	.filters-all {
		width: 2508px;
	}

	.filters-all-box {
		width: 2480px;
	}

	.filters-text {
		width: 500px;
	}

	.filters-text-check {
		width: 500px;
	}

	.filters-text-date {
		width: 245px;
	}

	.filters-single-date {
		width: 245px;
	}

	.filters-dropdown {
		width: 500px;
	}

	.lines-2-1-1-menu {
		height: 50px;
	}

	.lines-2-2-1-menu {
		height: 83px;
	}

	.lines-3-2-1-menu {
		height: 83px;
	}

	.lines-3-2-2-menu {
		height: 83px;
	}

	.lines-3-3-2-menu {
		height: 116px;
	}

	.lines-4-3-2-menu {
		height: 116px;
	}

	.detail-table {
		width: 1193px;
	}

	.imagebox-540-540 {
		max-width: 1190px;
		max-height: 1190px;
	}
}

#ext-disclaimer {
	display: inline;
	float: right;
	margin-top: 14px;
	font-size: 11px;
}

#ext-disclaimer-copy {
	display: inline;
	float: right;
	margin-top: 14px;
	font-size: 11px;
}

#ext-help {
	display: inline;
	float: right;
	margin-top: 8px;
}

#ext-help-copy {
	display: inline;
	float: right;
	margin-top: 8px;
}

.smart-help-icon {
	vertical-align: bottom;
}

.collapsable {
}

.collapsed, a.collapsed {
	display: none;
}

.collapse-header {
	display: inline-block;
	cursor: pointer;
}

.collapse-arrow {
	vertical-align: text-top;
	cursor: pointer;
}

.horizontal-line {
	width: 99%;
	height: 2px;
	font-size: 1px;
	color: #d8eef4;
	line-height: 1px;
	background-color: #dd3300;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 6px;
}

.flag-label {
	margin-right: 4px;
	margin-left: 1px;
}

.flag-positive {
	background: #dd3300;
	color: white;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid grey;
	border-radius: .1rem;
	font-family: "Lucida Console", Monaco, monospace;
	margin-right: 2px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flag-positive-danger {
	color: #fff;
	background-color: #7E31A3;
	border: 1px solid #833CA3;
}

.flag-positive-warning {
	color: white;
	background-color: #ffc107;
	border: 1px solid #FFB405;
}

.flag-positive-success {
	color: white;
	background-color: #31A485;
}

.flag-positive-special {
	color: white;
	background-color: #2C8BB0;
}

.flag-negative {
	background: #5f5f5f;
	color: white;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid grey;
	border-radius: .1rem;
	font-family: "Lucida Console", Monaco, monospace;
	margin-right: 2px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flag-missing {
	background: #5f5f5f;
	color: white;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid grey;
	border-radius: .1rem;
	font-family: "Lucida Console", Monaco, monospace;
	margin-right: 2px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flag-both {
	background: rgb(229, 229, 229);
	color: black;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid grey;
	border-radius: .1rem;
	font-family: "Lucida Console", Monaco, monospace;
	margin-right: 2px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flag-filter {
	font-size: 0.8em;
	padding-left: 11px;
}

.flag-filter-item-explicit {
	cursor: pointer;
}

.flag-filter-item-implicit {
	cursor: pointer;
}

.progress-container {
	width: 75px;
	height: 13px;
	border: 1px solid #3f3f3f;
	background-color: white;
}

.progress-value {
	height: 100%;
	background-color: #dd3300;
	font-size: 11px;
	text-align: center;
	color: white;
}

.progress-value-low {
	text-align: left;
	color: black;
	background-color: #E09C89;
}

.progress-value-done {
	background-color: #31A485;
}

.progress-value-special {
	background-color: #2C8BB0;
}

.highlight-override {
	font-style: italic;
}

.highlight-legend-inutile {
	color: #C2C2C2;
}

.highlight-legend-weekend {
	border-left: 8px solid #ffffff;
	background: rgba(49, 164, 133, .5);
	height: 70px;
}

.site-grid td.highlight-legend-weekend {
	padding-left: 10px;
}

.highlight-legend-holiday {
	border-left: 8px solid #ffffff;
	background: linear-gradient(to right, rgb(224, 156, 137) 0px, rgb(224, 156, 137) 8px, rgba(224, 156, 137, .5) 8px, rgba(224, 156, 137, .5) 100%);
	height: 70px;
}

.site-grid td.highlight-legend-holiday {
	padding-left: 10px;
	font-size: 75%;
}

.highlight-legend-absence {
	border-left: 8px solid #ffffff;
	background: linear-gradient(to right, rgb(70, 145, 219) 0px, rgb(70, 145, 219) 8px, rgba(70, 145, 219, .5) 8px, rgba(70, 145, 219, .5) 100%);
	height: 70px;
}

.site-grid td.highlight-legend-absence {
	padding-left: 10px;
}

.highlight-legend-regular {
	border-left: 8px solid #ffffff;
	height: 70px;
}

.site-grid td.highlight-legend-regular {
	padding-left: 10px;
}

.highlight-badges span {
	display: inline-block;
	padding: .25em .4em;
	font-size: 95%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .1rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 4px;
}

	.highlight-badges span.category-default {
		color: #fff;
		background-color: #6c757d;
	}

	.highlight-badges span.category-info {
		color: #fff;
		background-color: #17a2b8;
	}

	.highlight-badges span.category-light {
		color: #212529;
		background-color: #e8e9ea;
	}

	.highlight-badges span.category-dark {
		color: #fff;
		background-color: #343a40;
	}

	.highlight-badges span.category-success {
		color: #fff;
		background-color: #31A485;
	}

	.highlight-badges span.category-special {
		color: #fff;
		background-color: #2C8BB0;
	}

	.highlight-badges span.category-warning {
		color: #212529;
		background-color: #ffc107;
	}

	.highlight-badges span.category-danger {
		color: #fff;
		background-color: #7E31A3;
	}

ul.ui-selectmenu-menu li.grid-selection-disabled a {
	pointer-events: none;
	cursor: default;
	color: gray;
}

.filter-switch-button {
	border: 1px solid white;
	display: block;
	float: left;
	background-color: white;
	margin: 10px 2px;
	text-align: center;
	font-size: 1em;
	padding: 2px 10px;
	cursor: pointer;
}

.filter-switch-label {
	border: 1px solid white;
	display: block;
	float: left;
	background-color: white;
	margin: 10px 2px;
	text-align: center;
	font-size: 12.8px;
	font-weight: bold;
	padding: 4px 10px 3px 10px;
}

.gadget-container {
	width: 400px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #dd3300;
	float: left;
}

.gadget-header {
	display: inline-block;
	width: 394px;
	margin-bottom: 1px;
	background-color: #dd3300;
	padding: 3px 3px 3px 3px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
}

.gadget-field-label {
	display: inline-block;
	width: 30%;
}

.gadget-field-value {
	display: inline-block;
	width: 60%;
}

.gadget-input-label {
	display: inline-block;
	width: 30%;
}

.gadget-input-control {
	display: inline-block;
	width: 60%;
}

.gadget-label {
	display: inline-block;
	margin: 5px 5px 5px 5px;
}

.gadget-text-small {
	font-size: 0.9em;
}

.gadget-button {
	display: inline-block;
	margin: 5px 5px 5px 5px;
}

.gadget-button-pending {
	display: inline-block;
	margin: 5px 5px 5px 5px;
	color: darkgrey;
	cursor: none;
}

.gadget-flag {
	display: inline-block;
	background: #dd3300;
	color: white;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #dd3300;
	border-radius: .1rem;
	font-family: "Lucida Console", Monaco, monospace;
	margin-right: 2px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gadget-flag-warning {
	color: white;
	background-color: #ffc107;
	border: 1px solid #FFB405;
}

.gadget-flag-success {
	color: white;
	background-color: #31A485;
}

.gadget-flag-special {
	color: white;
	background-color: #2C8BB0;
}

.gadget-message {
	border: 1px solid white;
	display: block;
	float: left;
	background-color: white;
	margin: 10px 2px;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 10px;
	cursor: pointer;
}

.gadget-table {
	width: 100%;
	font-size: 0.8em;
}

	.gadget-table tr:not(:first-child):hover {
		background-color: #ea8d82;
	}

	.gadget-table tr td {
		padding-right: 12px;
		vertical-align: top;
	}

		.gadget-table tr td:first-child {
			padding-left: 6px;
		}

		.gadget-table tr td:last-child {
			padding-right: 6px;
			width: 100% !important;
		}

	.gadget-table .gadget-label {
		text-transform: uppercase;
		font-weight: bold;
		margin: 0px 5px 5px 0px;
	}

.detail-table input.date-range-invalid:enabled {
	border-color: red;
}

.detail-table input.text-invalid:enabled {
	border-color: red;
}

.detail-table input.date-invalid:enabled {
	border-color: red;
}

.detail-table select.option-invalid:enabled {
	border-color: red;
}

.chosen-container.chosen-container-single.dropdown.option-invalid {
	border-color: red;
}

.date-range-invalid:enabled {
	border-color: red;
}

.text-invalid:enabled {
	border-color: red;
}

.date-invalid:enabled {
	border-color: red;
}

.option-invalid:enabled {
	border-color: red;
}

.ui-selectmenu-status {
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
	padding: 3px 13px 0px 6px;
	height: 17px;
}

ul.ui-selectmenu-menu {
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
}

	ul.ui-selectmenu-menu li a {
		color: black;
	}

	ul.ui-selectmenu-menu li.preset-user a {
		font-weight: bold;
	}

	ul.ui-selectmenu-menu li.preset-system a {
		font-weight: bold;
	}

a.ui-selectmenu-popup:focus {
	outline: 1px solid black;
}

a.ui-selectmenu-dropdown:focus {
	outline: 1px solid black;
}

.ui-state-hover {
	background-color: #dd3300;
}

a.multi-search-anchor {
	margin: 0px;
}

.multi-search-icon {
	background-image: url(Crystal?ResourceName=images-expand-button-down);
}

.multi-search-open {
	margin-left: 3px;
	font-size: 0.8em;
}

div.ui-selectmenu-menu {
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
	padding: 8px;
	text-align: left;
}

	div.ui-selectmenu-menu select {
		width: 200px;
	}

	div.ui-selectmenu-menu input[type=text] {
		width: 200px;
	}

	div.ui-selectmenu-menu .button-panel-button {
		margin: 2px 5px;
	}

.chartbox-view-caption {
	display: inline-block;
	margin-left: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.8em;
	color: rgb(221, 51, 0);
	cursor: pointer;
}

.chartbox-view-caption-selected {
	color: black;
}

.site-chart {
	margin-left: 10px;
	height: 480px;
	width: 100%;
}

.bold {
	font-weight: bold;
}

/* main menu override */
span.header-menu-item {
	border: 1px solid rgb(181, 181, 181);
	background-color: #dd3300;
	color: White;
	padding: 9px 0;
	height: inherit;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #dd3300;
	color: #fff;
}

.chosen-container .chosen-results li.autohighlighted:hover {
	background-color: #dd3300;
	color: #fff;
}

.network-node {
	font-size: 12px;
}

.network-node-brand,
.network-node-model,
.network-node-serial {
	display: inline-block;
	padding: .25em .4em;
	font-size: 95%;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .1rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 4px;
	margin-bottom: 2px;
	color: #fff;
	background-color: #6c757d;
}

.network-address,
.network-route,
.network-hostname,
.network-user,
.network-port-mac,
.network-host-mac {
	display: block;
	padding: .25em .4em;
	font-size: 95%;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .1rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 4px;
	margin-bottom: 2px;
}

.network-port-mac,
.network-host-mac {
	color: #fff;
	background-color: #6c757d;
}

.network-address,
.network-route {
	color: #fff;
	background-color: #17a2b8;
}

.network-hostname,
.network-user {
	color: #fff;
	background-color: #31A485;
}

.network-node-content {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}

.network-bridge {
	flex: 1;
	flex-grow: 0;
	margin-right: 20px;
	padding: 7px;
	background-color: lightgrey;
}

.network-node-name {
	font-weight: bold;
	font-size: 20px;
	padding: 10px 10px 10px 0px;
	display: block;
}

.network-bridge-name,
.network-port-name {
	display: block;
	margin: 5px;
}

.network-bridge-header {
	display: inline-block;
	margin: 5px;
}

	.network-bridge-header::before {
		content: "\a ";
		white-space: pre;
	}

.network-bridge-content {
	display: flex;
}

	.network-bridge-content::before {
		content: "\a ";
		white-space: pre;
	}

.network-port {
	flex: 1;
	flex-grow: 0;
	padding: 5px;
	margin: 5px;
	background-color: white;
}

.filters-dropdown div.chosen-drop {
	width: 100%;
}

/* signage */
.signage-content-media-thumbnail {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.signage-content-media-info {
	display: inline-block;
	float: left;
}

.signage-content-media-info-item {
	display: block;
}

.signage-content-media-separator {
	clear: both;
	height: 10px;
}

.context-menu-list {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: 1px solid rgb(181, 181, 181);
	background-color: rgb(242, 242, 242);
	color: black;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.context-menu-item {
	padding: 2px 40px 2px 8px;
	background-color: rgb(242, 242, 242);
}

	.context-menu-item.hover {
		background-color: #dd3300;
		color: white;
	}


.wiki-diagram {
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	background-color: white;
	position: relative;
	margin-bottom: 20px;
	box-sizing: content-box;
	line-height: normal;
}

	.wiki-diagram a {
		color: #dd3300;
		text-decoration: none;
		cursor: pointer;
	}

		.wiki-diagram a:not([href]) {
			color: #dd3300;
			text-decoration: none;
			cursor: pointer;
		}

		.wiki-diagram a[href=""] {
			color: #dd3300;
			text-decoration: none;
			cursor: pointer;
		}

	.wiki-diagram span.host {
		color: #dd3300;
		text-decoration: none;
		cursor: pointer;
	}

	.wiki-diagram div {
		border-color: black;
		box-sizing: content-box;
	}

		.wiki-diagram div.wiki-diagram-box {
			background-color: #F9F9F9;
		}

.wiki-diagram-zone {
	text-align: right;
	padding-right: 2px;
}

.wiki-markdown-body {
	padding-bottom: 20px;
}

.wiki-markdown-body a {
	color: #dd3300;
	text-decoration: none;
	cursor: pointer;
}
	.wiki-markdown-body .markdown-body a[href=""] {
		color: #dd3300;
		text-decoration: none;
		cursor: pointer;
	}

	.wiki-markdown-body .markdown-body a:not([href]) {
		color: #dd3300;
		text-decoration: none;
		cursor: pointer;
	}