/*!
 * Copyright 2015-2019 InSpeed Networks Incorporated
 */

a
{
	text-decoration: none;
	color: #034a70;
}

input[type="button"], input[type="submit"], .mimic-action-button
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background-color: #2e699c;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
}

input[type="button"].hidden, input[type="submit"].hidden
{
	display: none;
}

input[type="button"]:disabled, input[type="submit"]:disabled, .mimic-action-button:disabled
{
	color: #777;
	background-color: #9ec6e0;
	cursor: default;
}

input[type="button"].as-delete-link
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #034a70;
	background-color: transparent;
	cursor: pointer;
	font-size: 16px;
	font-style: italic;
}

.text-like-link
{
	color: #034a70;
	cursor: pointer;
}

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"]
{
	padding: 8px 10px;
	display: inline-block;
	color: #000;
	border: 1px solid #bbb;
	border-radius: 4px;
	vertical-align: middle;
	width: 240px;
}

input[type="search"]
{
	padding: 8px 10px 8px 28px;
	display: inline-block;
	color: #000;
	border: 1px solid #bbb;
	border-radius: 4px;
	vertical-align: middle;
	width: 240px;
	-webkit-appearance: textfield;
	background-image: url("/img/search.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

input[type="text"]:read-only, input[type="number"]:read-only, input[type="tel"]:read-only, input[type="email"]:read-only, input[type="date"]:read-only
{
	color: #bbb;
	border: 1px solid #ddd;
}

input[type="text"].align-with-ipv4-subnet-picker, input[type="password"].align-with-ipv4-subnet-picker, input[type="number"].align-with-ipv4-subnet-picker, input[type="tel"].align-with-ipv4-subnet-picker, input[type="email"].align-with-ipv4-subnet-picker
{
	width: 278px;
}

input[type="text"].api-test-input-col-fill
{
	width: calc(100% - 20px)
}

input[type="text"].date-picker-input
{
	color: #034a70;
	border: 1px solid #888;
}

input.form-input-wide
{
	width: 340px;
}

textarea.form-parentwidth
{
	width: calc(100% - 40px);
	margin-left: 40px;
}

textarea.form-freeform-text
{
	height: 200px;
	resize: none;
}

input:invalid, select:invalid
{
	box-shadow: 0 0 2px 1px red;
}

input:invalid:focus, select:invalid:focus
{
	box-shadow: 0 0 8px 1px red;
	outline: none;
}

*[data-validatemsg], *[data-warnmsg]
{
	position: relative;
}

*[data-validatemsg]::before
{
	content: "";
	position: absolute;
	right: 20px;
	top: calc(100% - 4px);
	border: 1px transparent solid;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid pink;
	z-index: 1;
}

*[data-warnmsg]::before
{
	content: "";
	position: absolute;
	right: 20px;
	top: calc(100% - 4px);
	border: 1px transparent solid;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffcc;
	z-index: 1;
}

tr.space-under > td[data-validatemsg]::before, tr.space-under > td[data-warnmsg]::before
{
	top: calc(100% - 12px);
}

*[data-validatemsg]::after
{
	content: attr(data-validatemsg);
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	min-width: 200px;
	border: 1px transparent solid;
	border-radius: 10px;
	background-color: pink;
	padding: 12px;
	color: #000000;
	font-size: small;
	font-weight: normal;
	z-index: 1;
}

*[data-warnmsg]::after
{
	content: attr(data-warnmsg);
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	min-width: 200px;
	border: 1px transparent solid;
	border-radius: 10px;
	background-color: #ffffcc;
	padding: 12px;
	color: #000000;
	font-size: small;
	font-weight: normal;
	z-index: 1;
}

tr.space-under > td[data-validatemsg]::after, tr.space-under > td[data-warnmsg]::after
{
	top: calc(100% - 4px);
}

.modal-dialog
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}

.modal-dialog > div
{
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);	
}

.modal-dialog.new-location-dialog > div
{
	width: 500px;
}

.modal-dialog.doc-viewer-dialog > div
{
	margin: 40px auto 40px auto;
	width: calc(950px + 2cm);
	height: calc(100% - 120px);
	padding: 5px;
	background: #ffffff;
}

.modal-dialog.cfgtweak-progress-dialog > div
{
	width: 800px;
}

.modal-dialog-visible
{
	opacity:1;
	pointer-events: auto;
}

.modal-dialog:target 
{
	opacity:1;
	pointer-events: auto;
}

.modal-dialog-close 
{
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	cursor: pointer;
}

.modal-dialog-close:hover 
{
	background: #00d9ff; 
}

input[type="text"].modal-dialog-input
{
	width: 380px;
}

.logging-out-content
{
	padding-top: 112px;
}

.action-link
{
	margin: auto 8px auto 0;
}

.action-button
{
	padding: 8px 16px;
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border: 0;
	border-radius: 2px;
	font-family: Arial;
	font-size: 13.333333px;
	letter-spacing: normal;
}

.action-button-2
{
	padding: 8px 16px;
	margin-left: 8px;
}

.action-button:not(.disabled)
{
	cursor: pointer;
	color: #fff;
	background-color: #2e699c;
}

.action-button.disabled
{
	color: #777;
	background-color: #9ec6e0;
	cursor: default;
}

/*
.action-class-add
{
	background-image: url("/img/add.png")
}

.action-class-save
{
	background-image: url("/img/save.png")
}

.action-class-delete
{
	background-image: url("/img/delete.png")
}
*/

.toolbar-select
{
	margin: auto 0 auto 8px;
}

.flex-spacer
{
	display: inline-block;
	flex: 1 1 auto;
}

.flex-fixed
{
	display: inline-block;
	flex: 0 0 auto;
}

.flex-column-spacer
{
	flex: 1 1 auto;
}

.flex-column-fixed
{
	display: inline-block;
	width: 100%;
}

.navbar
{
	background-color: #d8eaf3;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 15px 0;
}

.offset-by-200
{
	padding-left: 200px;
}

.offset-by-20
{
	padding-left: 20px;
}

.italicized
{
	font-style: italic;	
}

.form
{
	width: 480px;
	margin: 8px auto;
}

.form-input
{
}

.form-checkbox
{
	vertical-align: middle;
}

.form-select
{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
	width: 262px;
	height: 32px;
}

.form-select.align-with-ipv4-subnet-picker
{
	width: 300px;
}

.form-select.form-select-wide
{
	width: 362px;
}

.form-select-diag
{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
	width: 150px;
	height: 32px;
	margin: 0 2px;
}

.form-select-diag-wide
{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
	width: 200px;
	height: 32px;
	margin: 0 2px;
}

.form-input-container
{
	display: inline-block;
	width: 262px;	
	text-align: left;
	text-align: start;
}

.form-input-container.align-with-ipv4-subnet-picker
{
	width: 300px;
}

.form-label
{
	color: #555;
	text-align: right;
	text-align: end;
	display: inline-block;
	vertical-align: middle;
	width: 166px;
	margin: 0 16px 0 0;
}

.form-label-wide
{
	width: 200px;
}

.form-label-anywidth
{
	color: #555;
	text-align: right;
	text-align: end;
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px 0 0;
}

.form-label-after-anywidth
{
	color: #555;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 8px;
}

.form-label-inner
{
	vertical-align: middle;
	font-size: 14px;
}

.form-td-label
{
	color: #555;
	text-align: right;
	text-align: end;
	padding-right: 8px;
}

.form-label.form-label-readonly,  .form-td-label.form-label-readonly, .cfg-tweak-grant-label-readonly
{
	color: #bbb;
}

.cfg-tweak-grant-label-modified
{
	font-style: italic;
	color: darkred;
}

.cfg-tweak-grant-select
{
	width: 400px;
}

.form-table
{
	border-spacing: 0 6px;	
}

tr.space-under > td
{
	padding-bottom: 8px
}

.form-button
{
	padding: 8px 16px;
	margin: 0 8px;
}

.form-item-group
{
	margin-bottom: 8px;
}

.form-item-group.inline
{
	display: inline-block;
}

.form-item-group.inline.hidden
{
	display: none;
}

.form-button-group
{
	padding: 8px 0;
}

.form-item-group-flex
{
	margin-bottom: 8px;
	display: flex;
}

.form-item-group-flex-fixed
{
	flex: 0 0 auto;
}

.form-item-group-flex-fill, .flex-fill
{
	flex: 1 1 auto;
}

.flex-align-center
{
	align-items: center;
}

.login-message-wrapper
{
	min-height: 48px;
	padding: 0 20px;
}

.login-message
{
	color: #ff0000;
}

.login-message-positive
{
	color: #497679;
}

.login-logo
{
	margin-top: 32px;
}

.login-footer
{
	font-size: small;
}

.form.account-changepassword
{
	width: 480px;
}

.form-label.account-changepassword
{
	width: 160px;
}

.form-label.login
{
	width: 80px;
}

.form-label.login-local
{
	width: 100px;
}

.form.login, .form.session-extender
{
	width: 384px;
}

.form.login.full-page
{
	width: 100%;
}

.navbar-item 
{
	flex: 0 0 auto;
	color: #000000;
	padding: 0 2px;
}

.navbar-time
{
	margin-right: 8px;
}

.navbar-item-spacer 
{
	flex: 1 1 auto;
}

.navbar-item:last-child
{
	margin-right: 8px;
}

.navbar-link, .local-nav-link
{
	/*color: #000000;*/
	border: 1px solid transparent;
	border-radius: 7px;
	padding: 2px 6px;
}

.navbar-link.route-active, .local-nav-link.route-active
{
	color: #ffffff;
	background-color: #034a70;
}

.deploy-reject-list
{
	padding-left: 60px;
	font-size: 14px;
}

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

.dictionary-list-columns
{
	-webkit-column-width: 300px;
	-webkit-column-count: auto;
	-moz-column-width: 300px;
	-moz-column-count: auto;
	-ms-column-width: 300px;
	-ms-column-count: auto;
	-o-column-width: 300px;
	-o-column-count: auto;
	column-width: 300px;
	column-count: auto;
}

.list-no-padding
{
	padding: 0;
}

.dictionary-item
{
	cursor: pointer;
	padding: 3px 0;
	display: flex;
	flex-direction: row;
	page-break-inside: avoid;
	break-inside: avoid;
}

.dictionary-item-container
{
	page-break-inside: avoid;
	break-inside: avoid;
	word-break: break-all;
	word-break: break-word;
}

.dictionary-item-active
{
	position: relative;
	padding-right: 8px;
}

.dictionary-item-active::after
{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	border-left: 8px solid #808080;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	margin-top: -8px;	
}

.dictionary-item-image
{
	flex: 0 0 auto;
}

.dictionary-item-link
{
	flex: 1 1 auto;
}

.dictionary-item.add-new, a.add-new, span.add-new
{
	color: #2e699c;
	font-style: italic;
}

span.bad-dictionary-item
{
	color: #ff0000;
	font-weight: bolder;
}

.dictionary-marker
{
	font-weight: bold;
	padding: 8px 0;
}

.toolbar
{
	margin: 0 8px 4px 0;
}

.toolbar.float-right
{
	float: right;
}

.toolbar:not(.float-right)
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.toolbar > select
{
	vertical-align: top;
}

.toolbar > input
{
	vertical-align: top;
	margin-top: 1px;
}

.toolbar > a.action-button
{
	margin-top: 1px;
}

.search-control
{
	margin-left: 8px;
}

.status-display
{
}

.status-display-header
{
	text-align: center;
}

.status-legend-timeline
{
	display: flex;
	flex-direction: row-reverse;
	position: relative;
	margin-top: 8px;
	margin-bottom: 8px;
}

.status-legend-timeline > :not(.flex-spacer)
{
	flex: 0 0 auto;
}

.status-legend-timeline-page-label
{
	margin: 0 8px;
}

.status-legend-trends
{
	position: relative;
	margin-top: 8px;
	margin-bottom: 8px;
}

.status-legend-label
{
	font-style: italic;
	margin-right: 8px;
}

.status-legend-trends > .status-legend-label, .status-legend-trends > .trend-bar-shapes
{
	float: right;
}

.status-legend-tooltip
{
	background-color: black;
	font-size: 13.33px;
	color: white;
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	position: absolute;
	z-index: 15;
	right: 4px;
	bottom: calc(100% + 4px);
	display: none;
}

.status-legend-tooltip-down, .status-legend-tooltip-alldown, .trend-tooltip-down, .trend-tooltip-trans
{
	border-color: #800000;
}

.status-legend-tooltip-up, .trend-tooltip-up
{
	border-color: #008000;
}

.status-legend-tooltip-save, .trend-tooltip-save
{
	border-color: #13159e;
}

.status-legend-tooltip-red, .trend-tooltip-red
{
	border-color: #FF0000;
}

.status-legend-tooltip-yellow, .trend-tooltip-yellow
{
	border-color: #ffbf00;
}

.status-legend-tooltip-unborn, .trend-tooltip-unborn
{
	border-color: #e6e6e6;
}

.status-legend-item:hover > .status-legend-tooltip
{
	display: block;
}

.status-legend-tooltip > p
{
	padding: 0;
	margin: 0;
	text-align: left;
}

.splash
{
	margin: 40px;
}

.space-at-top
{
	margin-top: 8px;
}

.admin-section
{
	margin: 8px 40px;
}

.diag-page-portal
{
	overflow-y: hidden;
}

.diag-page
{
	padding-left: 20px;
}

.diag-reboot-info
{
	padding-left: 20px;
}

.cfg-tweak-index
{
}

.cfg-tweak-welcome, .local-nav
{
	padding: 1em 20px;
	background-color: #d8eaf3;
}

.cfg-tweak-welcome-container, .local-nav-container
{
	display: flex;
	flex-direction: row;
}

.cfg-tweak-welcome-link, .local-nav-link
{
	padding-left: 8px;
	padding-right: 8px;
}

.cfg-tweak-welcome-item, .local-nav-item
{
	flex: 0 0 auto;
}

.cfg-tweak-welcome-spacer .local-nav-spacer
{
	flex: 1 1 auto;
}

.cfg-tweak-welcome-text
{
}

.cfg-tweak-merge-org-label-acquires
{
	margin: 0 12px;
}

.cfg-tweak-merge-org-button-submit
{
	margin: 0 12px;
}

.cfg-tweak-merge-list
{
	list-style-type: none;
	padding-left: 20px;
}

.check-list
{
	column-width: 200px;
	column-count: auto;
	list-style-type: none;
}

.cfg-tweak-merge-before, .cfg-tweak-merge-after
{
	width: 50%;
	vertical-align: top;
	display: inline-block;
}

.cfg-tweak
{
	margin-left: 20px;
	margin-right: 20px;
}

.cfg-tweak > h1
{
	text-align: center;
}

.cfg-tweak-table
{
	border-spacing: 16px 2px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.cfg-tweak-table th
{
	text-align: left;
}

.cfg-tweak-grant-component
{
	display: inline-block;
	margin-right: 40px;
}

.cfg-tweak-save-button
{
	display: block !important;
	margin: 5px auto;
}

.cfg-tweak-click-for-progress
{
	cursor: pointer;
	color: #034a70;
}

.cfg-tweak-click-for-output
{
	margin-left: 12px;
	cursor: pointer;
	color: #034a70;
}

.cfg-tweak-selection
{
	margin: 0 12px;
	cursor: pointer;
	color: #034a70;
}

.cfg-tweak-diag-output, .cfg-tweak-diag-progress
{
	height: 500px;
	overflow-y: auto;
}

.cfg-tweak-diag-bold
{
	font-weight: bolder;
}

.cfg-tweak-diag-red
{
	color: red;
}

.cfg-tweak-select-diag
{
	width: 260px;
}

.cfg-tweak-select-diag-action
{
	margin: 0 8px;
}

.table-column
{
	white-space: nowrap;
}

.table-column-fill
{
	width: 99%;
}

.api-test
{
}

.api-test-logout
{
	position: absolute;
	top: 8px;
	right: 8px;
}

.api-test-label
{
	color: #555;
	display: inline-block;
	vertical-align: middle;
	margin: auto 16px auto 0;
}

.api-test-input-block
{
	padding-bottom: 6px;
}

.api-test-verb-inline-block
{
	display: inline-block;
	/*padding-bottom: 6px;*/
}

.api-test-label-verb
{
	padding-right: 8px;
}

.api-test-timeout-label
{
	padding-left: 12px;
	padding-right: 8px;
}

.api-test-timeout-input
{
	width: 160px;
}

.api-test-input
{
	padding: 12px 12px 12px 20px;
}

.api-test-output-item
{
	padding: 0 20px;
}

.api-test-input-header
{
	margin-top: 0;
}

.api-test-results
{
}

.api-test-input-block
{
}

.api-test-table-col-fit
{
	width: 1%;
	white-space: nowrap;
}

.api-test-table-col-fill
{
}

.diag-home-link
{
	text-align: center;
}

.diag-page-input-portal
{
	padding-left: 20px;
}

.diag-page-input
{
	padding-top: 16px;
	width: 100%;
}

.diag-page-header-main
{
	display: flex;
}

.diag-page-header
{
	padding: 0 0 8px 20px;
}

.diag-page-header-label
{
}

.diag-page-header-spacer
{
	flex: 1 1 auto;
}

.diag-page-header-link
{
	margin: auto 8px auto 0;
	display: inline-table;
	flex: 0 0 auto;
}

.diag-log-link
{
	margin-bottom: 8px;
	padding-left: 20px;
}

.diag-log-link-last
{
	margin-bottom: 16px;
	padding-left: 20px;
}

.diag-page-output
{
}

.diag-page-output-portal
{
	padding-left: 20px;
	padding-bottom: 1em;
	margin-bottom: 0;
}

.diag-input-check-label
{
	margin-left: 12px;
	margin-right: 4px;
}

.monospace-font-family
{
	font-family: monospace;
}

.indicator
{
	margin: 12px;
}

.contact-form-action-container
{
	display: flex;
	flex-direction: row;
}

.contact-form-action-content
{
	flex: 0 0 auto;
}

.contact-form-action-filler
{
	flex: 1 1 auto;
}

input.contact-form-action
{
	display: block;
	padding: 8px 16px;
	width: 100%;
	margin-bottom: 4px;
}

input.contact-form-action:last-child
{
	margin-bottom: 0;
}

.contact-form-action-text
{
	margin-top: 4px;
	text-align: left;
}

.contact-form-cheat-codes
{
	text-align: left;
	height: 300px;
	width: calc(100% - 8px);
	border: solid 1px lightgray;
	padding: 4px;
	border-radius: 4px;
	margin: 0;
	display: block;
}

.contact-form-cheat-codes-edit
{
	height: 300px;
	width: calc(100% - 8px);
	resize: none;
	border: solid 1px lightgray;
	padding: 4px;
	border-radius: 4px;
	display: block;
}

.form-column-icons
{
	padding: 12px 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}

.form-fields-email
{
	background-image: url("/img/email.png");
	background-repeat: no-repeat;
	background-position: center;
}

.form-fields-phone
{
	background-image: url("/img/phone.png");
	background-repeat: no-repeat;
	background-position: center;
}

.form-item-float-right
{
	float: right;
	margin: auto 0;
	font-size: 14px;
}

.toolbar-progressive-disclosure
{
	margin: auto 0 auto 20px;
	padding-left: 20px;
	position: relative;
	cursor: pointer;
}

.toolbar-progressive-disclosure.small-target
{
	padding-left: 16px;
}

.toolbar-progressive-disclosure.no-indent
{
	margin-left: 0;
}

.toolbar-progressive-disclosure.collapsed::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-left: 8px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: -6px;
	margin-left: 4px;
}

.toolbar-progressive-disclosure:not(.collapsed)::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 8px solid #000;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-top: -4px;
}

.toolbar-progressive-disclosure.small-target.collapsed::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-left: 6px solid #000;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-top: -5px;
	margin-left: 2px;
}

.toolbar-progressive-disclosure.small-target:not(.collapsed)::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 6px solid #000;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	margin-top: -4px;
}

.section-header-button
{
	float: right;
	margin-top: -3px;
}

.section-header-container
{
	padding: 8px 0;
}

.section-header-collapseable
{
	padding-left: 20px;
	position: relative;
	cursor: pointer;
}

.section-header-collapseable.collapsed::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-left: 8px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: -7px;
	margin-left: 4px;
}

.section-header-collapseable:not(.collapsed)::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 8px solid #000;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-top: -4px;
}

.section-header-uncollapseable-placeholder
{
	padding-left: 20px;
	position: relative;
}

.section-header-uncollapseable-placeholder::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-left: 8px solid #888;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: -7px;
	margin-left: 4px;
}

.section-sub-header
{
	margin: 4px 0;
}

.inline-container
{
	display: inline-block;
}

.inline-header
{
	display: inline;
}

.inline-container-table
{
	display: inline-table;
}

.chart-holder
{
	position: relative;
	display: inline-block;
	page-break-inside: avoid;
	width: 600px;
	height: 300px;
}

.chart-holder-wide
{
	position: relative;
	page-break-inside: avoid;
}

.chart-holder-wide.time-labels-only
{
	margin-top: -35px;
	z-index: -1;
}

.timeline-holder
{
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
}

.timeline-holder.filtered-timeline
{
	margin-top: 16px;
}

.timeline-labels-container-upper, .timeline-labels-container-lower
{
	position: relative;
}

.timeline-labels-container-upper
{
	margin-bottom: 4px;
}

.timeline-labels-container-lower
{
	margin-top: 4px;
}

.chart-inject
{

}

.chart-overlay {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 60px;  /* chartArea top  */
    left: 180px; /* chartArea left */
}

.gauge-group-holder
{
	width: 360px;
	height: 120px;
	padding: 90px 120px;
}

.gauge-holder
{
	display: table-cell;
}

.topspace-4
{
	margin-top: 4px;
}

.topspace-16
{
	margin-top: 16px;
}

.status-display-content
{
	position: relative;
}

.status-display-vertline
{
	height: 100%;
	width: 2px;
	position: absolute;
	background-color: #b59fb1;
	pointer-events: none;
	top: 0;
	z-index: -1;
}

.status-display-charts-master
{
	margin: 0 auto;
	padding: 0 20px;
	overflow-x: hidden;
}

.status-display-charts-master-spacer
{
	margin-top: 16px;
}

.qoserator-version-history-list
{
	list-style-type: none;
}

.qoserator-version-history-list-item-container
{
	margin-bottom: 4px;
}

.qoserator-version-history-list-item-title
{
	margin: 0;
	font-size: 14px;
}

.qoserator-version-history-list-item-deployed, .qoserator-version-history-list-item-viewing
{
	margin: 0;
	font-size: 12px;
	font-style: italic;
	color: red;	
}

.qoserator-version-history-list-item-comment
{
	margin: 0;
	font-size: 12px;
	font-style: italic;
}

.qoserator-version-history-list-item-author
{
	margin: 0 0 4px;
	font-size: 12px;
}

.qoserator-version-history-list-item-deploy-history
{
	font-size: 12px;
	margin-bottom: 4px;
}

.qoserator-version-deploy-history-list
{
	list-style-type: disc;
	padding-left: 28px;
}

.qoserator-form-container
{
	display: flex;
	flex-direction: row;
}

.qoserator-form-sidebar
{
	flex: 0 0 auto;
	min-width: 240px;
	max-width: 240px;
}

.qsr-version-instructions-caption, .qsr-undeployments-caption
{
	margin-left: -20px;
}

.qsr-version-instructions, .qsr-undeployments
{
	font-size: small;
	padding-left: 0px;
	list-style-type: disc;
}

.qoserator-form-main
{
	flex: 1 1 auto;
}

.qoserator-form-group-placeholder
{
	min-width: 444px;
	min-height: 13px;
}

.qoserator-interfaces-outer
{
	display: flex;
	flex-direction: row;
}

.qoserator-interfaces-list-wrapper
{
	flex: 0 0 auto;
	width: 130px;
}

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

.qoserator-interfaces-list-item
{
	padding: 8px 0;
}

.qoserator-interfaces-list-item-link
{
	padding: 8px 0;
	max-width: 90px;
}

.qoserator-interfaces-list-item-link.route-active
{
	position: relative;
}

.qoserator-interfaces-list-item-link.route-active::after
{
	content: "";
	position: absolute;
	top: 50%;
	left: 90px;
	border-left: 8px solid #808080;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	margin-top: -8px;
}

.qoserator-interface-subitem-list
{
	list-style-type: none;
}

.qoserator-interfaces-config
{
	flex: 1 1 auto;
}

.qoserator-interface-main-touch, .qoserator-interface-aux-touch
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.qoserator-interface-main, .qoserator-interface-aux
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.qoserator-interface-aux
{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid darkgray;
}

.qoserator-interface-main-parent, .qoserator-interface-aux-parent
{
	flex: 0 0 auto;
	min-width: 444px;
}

.qoserator-interface-main-child-cloud-touch, .qoserator-interface-aux-child-touch, .qoserator-interface-main-child-touch
{
	flex: 0 0 auto;
	min-width: 444px;
}

.qoserator-interface-main-child-cloud, .qoserator-interface-aux-child, .qoserator-interface-main-child
{
	flex: 0 0 auto;
	min-width: 444px;
	margin-left: 16px; /* so it doesn't get slammed against is master */
}

.qoserator-portfwd-child
{
	flex: 0 0 auto;
	min-width: 444px;
}

.qoserator-portfwd-list-container
{
	min-width: 444px;
}

.qoserator-form-img
{
}

.qoserator-form-image-holder
{
	position: relative;
	display: inline-block;
	margin-right: 8px;
}

/*
.qoserator-form-image-holder-first
{
	margin-left: 64px;
}
*/

.qoserator-interfaces-image-link
{
	z-index: 20; 
	color: gray;
	font-size: 24px;
	position: absolute;
	padding: 29px 34px 0 0;
	cursor: pointer;
}

.qoserator-interfaces-image-link.waniface
{
	background-image: url("/img/w.png");
}

.qoserator-interfaces-image-link.laniface
{
	background-image: url("/img/l.png");
}

.qoserator-interface-form-child-tunnel
{
	display: block;
}

.qoserator-interface-form-port-fwd-banner
{
	padding: 8px;
	border: 1px solid transparent;
	border-radius: 10px;
	background-color: #ADD8E6;
	margin-bottom: 8px;
}

.qoserator-interface-form-port-fwd-banner-text
{
	max-width: 500px;
	display: inline-block;
	margin: auto 0 auto 0;
	vertical-align: middle;
}

.qoserator-interfaces-image-link.selected-item
{
	background-color: rgba(0, 255, 0, 0.4)
}

.inspeed-10-legend-container
{
	vertical-align: top;
	display: inline-block;	
	position: relative;
}

.qoserator-legend-trigger
{
	z-index: 150;
	/*cursor: pointer;*/
	position: relative;
}

.inspeed-10-legend
{
	border: 2px solid black;
	border-radius: 5px;
	padding: 8px;
	display: inline-block;
	position: absolute;
	top: 8px;
	background-color: white;
	white-space: nowrap;
	z-index: 100;
}

.inspeed-10-legend-onright
{
	left: 8px;
}

.inspeed-10-legend-onleft
{
	right: 16px;
}

.inspeed-10-legend-row-nonzero
{
	padding-top: 4px;
}

.inspeed-10-legend-label
{
	line-height: 28px;
	margin: auto 8px;
	font-size: small;
	display: inline-block;
	vertical-align: top;
}

.inspeed-10-legend-img
{
	display: inline-block;
	width: 34px;
	height: 29px;
}

.inspeed-10-legend-img
{
	background-image: url("/img/rj45.png");
}

.inspeed-10-legend-img.wan > div
{
	height: 100%;
	background-image: url("/img/w.png");
}

.inspeed-10-legend-img.lan > div
{
	height: 100%;
	background-image: url("/img/l.png");
}

.inspeed-10-legend-img.selected > div
{
	height: 100%;
	background-color: rgba(0, 255, 0, 0.4)
}

.serial-number-container
{
	position: relative;
}

.serial-number-validity-icon-cloud
{
	margin-left: 12px;
}

.serial-number-validity-icon
{
	position: absolute;
	top: 8px;
	left: calc(100% + 12px);
}

.bandwidth-component-outer, .lease-expiry-component-outer, .port-range-component-outer
{
	width: 262px;
	display: inline-block;
}

input.bandwidth-component-input
{
	width: 180px;
}

.bandwidth-component-select
{
	width: 60px;
}

input.lease-expiry-component-input
{
	width: 120px;
}

.lease-expiry-component-select
{
	width: 120px;
}

input.port-range-component-input
{
	width: 100px;
}

.port-range-component-sep
{
	padding-left: 5px;
	padding-right: 6px;
}

.bottom-margin-20
{
	margin-bottom: 20px;
}

.admin-page-main
{
}

.content-loading, .status-display-loading
{
}

.initial-loading
{
	display: flex;
	flex-direction: column;
	height: 100%;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.initial-loading-spacer
{
	flex: 1 1 auto;
}

.loading-splash
{
	margin: auto;
	display: inherit;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.initial-loading-splash
{
	margin: auto;
	display: inherit;
	flex: 0 0 auto;
	width: 704px;
	height: 402px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.totp-qr-code
{
	width: 200px;
	height: 200px;
}

.totp-instructions
{
	margin-bottom: 20px;
}

.qoserator-wizard-container
{
	margin: 20px 20px 0 20px;
}

.qoserator-wizard-gfx
{
	min-width: 800px;
	height: 48px;
	display: flex;
	flex-direction: row;
}

.qoserator-wizard-step
{
	flex: 1 1 auto;	
 	background-color: #9ec6e0;	
}

.qoserator-wizard-step > p
{
	color: #555;
	text-align: center;
}

.qoserator-wizard-step.qws-active
{
 	background-color: #034a70;	
}

.qoserator-wizard-step.qws-down
{
 	background-color: #ff0000;	
}

.qoserator-wizard-step.qws-active > p
{
	color: #fff;
}

.qoserator-wizard-step.qws-down > p
{
	color: #fff;
}

.qoserator-wizard-step-divider
{
	flex: 0 0 auto;
	height: 48px;
	width: 27px;
	background-image: url("/img/wizdiv.png");
}

.qoserator-wizard-step-divider.qws-left-active
{
	background-image: url("/img/wizdiv_left_active.png");
}

.qoserator-wizard-step-divider.qws-right-active
{
	background-image: url("/img/wizdiv_right_active.png");
}

.qoserator-wizard-step-divider.qws-right-down
{
	background-image: url("/img/wizdiv_right_down.png");
}

.indent-by-20px
{
	margin-left: 20px;
}

.margin-right-8px
{
	margin-right: 8px;
}

.padding-top-12px
{
	padding-top: 12px;
}

.standard-icon
{
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	color: white;
	font-weight: bold;
	text-align: center;
	margin-right: 8px;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.standard-icon-content-box
{
	box-sizing: content-box;
}

.standard-icon-progress, .standard-icon-progress-paused
{
	color: silver;
}

.standard-icon-progress > strong, .standard-icon-progress-paused > strong
{
	color: white;
}

.standard-icon.small
{
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-weight: normal;
}

.standard-icon-float-left
{
	float: left;
}

.standard-icon-float-right
{
	float: right;
}

.standard-icon-error, .standard-icon-close
{
	background-color: red;
}

.standard-icon-error.just-color, .standard-icon-close.just-color
{
	color: red;
}

.standard-icon-warn
{
	background-color: #ffbf00;
	color: black;
}

.standard-icon-warn.just-color
{
	color: #ffbf00;
}

.standard-icon-info, .standard-icon-progress, .standard-icon-progress-paused
{
	background-color: blue;
}

.standard-icon-info.just-color, .standard-icon-progress.just-color, .standard-icon-progress-paused.just-color
{
	color: blue;
}

.standard-icon-ok
{
	background-color: green;
}

.standard-icon-ok.just-color
{
	color: green;
}

.standard-icon-offline
{
	background-color: #800000;
}

.standard-icon-offline.just-color
{
	color: #800000;
}

.standard-icon-null
{
	border-color: black;
	color: transparent;
}

.standard-icon-transparent
{
	color: transparent;
}

.standard-icon-adjacent-text
{
	line-height: 32px;
	margin: 0;
}

.pie-icon
{
	display: inline-block;
	color: transparent;
	vertical-align: middle;
	text-align: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: blue;
	border: 1px solid blue;
	box-sizing: border-box;
	margin-right: 8px;
}

.small-top-margin
{
	margin-top: 4px;
}

.status-xmas-container
{
}

.status-xmas-container-touch
{
	display: flex;
	flex-direction: column;
}

.status-xmas-list-inner
{
	padding-bottom: 12px;
}

.trend-bar-shapes
{
	display: inline-block;
	line-height: 16px;
	text-align: center;
	color: transparent;
	margin-right: 6px;
}

.trend-bar-shape
{
	color: transparent;
	display: inline-block;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	margin-right: 2px;
}

.trend-bar-shape.as-timeline-legend
{
	margin-right: 0;
}

.trend-bar-shape-trans
{
	background-image: url("/img/half_square.png");
}

.trend-bar-shape-alt
{
	background-image: url("/img/alt_example.png");
}

.trend-bar-shape-square
{
	width: 16px;
	height: 16px;
	/*
	if we bring back non-quares we need to make everything 16x including any borders instead of 18px
	had to eliminate this due to COUL-2301
	border: 1px solid transparent;
	*/
}

.trend-bar-shape-save
{
	background-color: #13159e;
}

.trend-bar-shape-save-failover
{
	background-color: rgba(19, 21, 158, 0.2);
}

.trend-bar-shape-up
{
	background-color: #008000;
}

.trend-bar-shape-up-failover
{
	background-color: rgba(0, 128, 0, 0.2);
}

.trend-bar-shape-yellow
{
	background-color: #ffbf00;
}

.trend-bar-shape-yellow-failover
{
	background-color: rgba(255, 191, 0, 0.2);
}

.trend-bar-shape-red
{
	background-color: #ff0000;
}

.trend-bar-shape-red-failover
{
	background-color: rgba(255, 0, 0, 0.2);
}

.trend-bar-shape-down
{
	background-color: #800000;
}

.trend-bar-shape-alldown
{
	background-color: rgba(128, 0, 0, 0.3);
}

.trend-bar-shape-unborn
{
	background-color: #e6e6e6;
}

.trend-bar-shape-circle
{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid transparent;
}

.trend-bar-shape-downtriangle
{
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 18px solid transparent;
}

.trend-bar-shape-uptriangle
{
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 18px solid transparent;
}

.trend-bar-shape-octagon
{
	width: 18px;
	height: 18px;
	position: relative;
}

.trend-bar-shape-octagon::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 6px solid #ff0000;
	border-left: 5px solid white;
	border-right: 5px solid white;
	width: 8px;
	height: 0;
}

.trend-bar-shape-octagon::after
{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 6px solid #ff0000;
	border-left: 5px solid white;
	border-right: 5px solid white;
	width: 8px;
	height: 0;
}

.trend-bar
{
	display: inline-block;
	width: 80px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin-right: 8px;
	color: transparent;
}

.status-timeline-table
{
	padding: 0 20px;
	border-spacing: 1px 10px;
}

.status-timeline-container
{
	padding-left: 20px;
	position: relative;
}

.status-timeline-container-inner
{
}

.status-timeline-canvas-holder
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0;
	height: calc(100% - 40px);
}

.status-timeline-canvas-holder-partialpage
{
	padding-right: 20px;
}

.status-timeline-canvas-mid
{
	position: relative;
	display: inline-block;
}

.status-timeline-scroll-spacer
{
	display: inline-block;
}

.status-timeline-canvas
{
}

.status-timeline-canvas-scroll-continuous-container
{
	padding-bottom: 4px;
	display: flex;
	flex-direction: row;
}

.status-timeline-canvas-scroll-minus-container-lower
{
	position: absolute;
	left: 0;
	top: 8px;
}

.status-timeline-canvas-scroll-minus-container-upper
{
	position: absolute;
	left: 0;
	bottom: 8px;
}

.status-timeline-canvas-scroll-plus-container-lower
{
	position: absolute;
	right: 0;
	top: 8px;
}

.status-timeline-canvas-scroll-plus-container-upper
{
	position: absolute;
	right: 0;
	bottom: 8px;
}

.status-timeline-label-list-holder
{
	display: inline-block;
	vertical-align: top;
}

.status-timeline-label-list
{
	padding: 0 8px 0 0;
	margin: 0;
	min-width: 50px;
}

.status-timeline-label-list-holder.timeline-xlabel-3line
{
	margin-top: 51px;
}

.status-timeline-label-list-holder.timeline-xlabel-2line
{
	margin-top: 34px;
}

.status-timeline-row-label
{
	line-height: 17px;
	margin-bottom: 2px;
	white-space: nowrap;
	padding-right: 8px;
	font-size: 13px;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.status-timeline-row-label:last-child
{
	margin-bottom: 0;
}

.status-timeline-row-cell
{
	position: relative;
	padding-left: 4px;
	padding-right: 4px;
}

.status-timeline-cell-tooltip
{
	top: 24px;
	background-color: black;
	color: white;
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	position: absolute;
	z-index: 15;
}

.status-timeline-canvas-tooltip
{
	background-color: black;
	font-size: 13.33px;
	color: white;
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	position: absolute;
	z-index: 15;
	pointer-events: none;
}

.status-timeline-cell-tooltip-unborn
{
	border-color: #e6e6e6;
}

.status-timeline-cell-tooltip-down
{
	border-color: #800000;
}

.status-timeline-cell-tooltip-up
{
	border-color: #008000;
}

.status-timeline-cell-tooltip-up-failover-standby
{
	border-color: #cbe1c7;
}

.status-timeline-cell-tooltip-saved
{
	border-color: #13159e;
}

.status-timeline-cell-tooltip-saved-failover-standby
{
	border-color: #c4c5e8;
}

.status-timeline-cell-tooltip-red
{
	border-color: #FF0000;
}

.status-timeline-cell-tooltip-red-failover-standby
{
	border-color: #ffc9c8;
}

.status-timeline-cell-tooltip-yellow
{
	border-color: #ffbf00;
}

.status-timeline-cell-tooltip-yellow-failover-standby
{
	border-color: #feefcd;
}

.status-timeline-cell-tooltip-unknown
{
	border-color: black;
}

.status-timeline-cell-tooltip.x-center, .status-timeline-canvas-tooltip.x-center
{
	transform: translateX(-50%);
}

.status-timeline-cell-tooltip.x-right
{
	right: 0;
}

.status-timeline-cell-tooltip.y-bottom, .status-timeline-canvas-tooltip.y-bottom
{
	top: 0;
	transform: translateY(-100%);
}

.status-timeline-cell-tooltip.x-center.y-bottom, .status-timeline-canvas-tooltip.x-center.y-bottom
{
	transform: translateY(-100%) translateX(-50%)
}

.status-timeline-cell-tooltip > h5, .status-timeline-canvas-tooltip > h5
{
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
}

.status-timeline-cell-tooltip > p, .status-timeline-canvas-tooltip > p
{
	font-size: 12px;
	margin: 8px 0 0 0;
}

.timeline-cell-unborn
{
	background-color: #e6e6e6;
}

.timeline-cell-down
{
	background-color: #800000;
}

.timeline-cell-up
{
	background-color: #008000;
}

.timeline-cell-up-plus-red
{
	background: linear-gradient(135deg, #008000, #008000 75%, #FF0000 75%, #FF0000);
}

/* Basart Blue */
.timeline-cell-saved
{
	background-color: #13159e;
}

.timeline-cell-saved-plus-red
{
	background: linear-gradient(135deg, #13159e, #13159e 75%, #FF0000 75%, #FF0000);
}

.timeline-cell-red
{
	background-color: #FF0000;
}

.timeline-cell-yellow
{
	background-color: #ffbf00;
}

.timeline-cell-yellow-plus-red
{
	background: linear-gradient(135deg, #ffbf00, #ffbf00 75%, #FF0000 75%, #FF0000);
}

.timeline-cell-unknown
{
	background-color: #FFFFFF;
	border: 1px solid black;
	padding-left: 3px;
	padding-right: 3px;
}

.status-timeline-cell-vline
{
	text-align: center;
	padding: 0;
	transform: translateX(50%);
}

.status-timeline-cell-vline-inner-major
{
	background-image: url("/img/majorbar.png");
	background-repeat: no-repeat;
	background-position: center;
	min-height: 20px;
}

.status-timeline-cell-vline-inner-minor
{
	background-image: url("/img/minorbar.png");
	background-repeat: no-repeat;
	background-position: center;
	min-height: 20px;
}

.status-timeline-label-container
{
	position: relative;
	min-height: 24px;
}

.status-timeline-label-timestamp
{
	font-size: 12px;
	text-align: center;
	transform: translateX(-50%);
	color: #444444;
	position: absolute;
}

.status-timeline-label-timestamp.tl-upper
{
	top: 0;
}

.status-timeline-label-timestamp.tl-lower
{
	bottom: 0;
}

.status-timeline-label-timestamp.tl-bold
{
	font-weight: bold;
}

.status-timeline-label-timestamp-sizer
{
	font-size: 12px;
	text-align: center;
	transform: translateX(-50%);
	color: transparent;
	position: static;
	font-weight: bold;
}

.status-timeline-row-timestamp
{
	overflow: visible;
}

.status-timeline-cell-timestamp
{
	overflow: visible;
	position: relative;
	padding: 0;
	transform: translateX(50%);
}

.status-timeline-cell-timestamp-inner
{
	width: 72px;
	text-align: center;
	position: absolute;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
}

.status-timeline-cell-timestamp-mid
{
	min-width: 8px;
	min-height: 17px;
}

.status-timeline-cell-vline-scroll
{
	overflow: visible;
	position: relative;
	padding: 0;
}

.status-timeline-cell-scroll
{
	padding: 2px 6px;
	top: 0;
	z-index: 10;
	font-family: Arial;
	font-size: 13.333333px;
}

.status-timeline-cell-scroll-continuous
{
	display: inline-block;
	padding: 2px 6px;
	z-index: 10;
	font-family: Arial;
	font-size: 13.333333px;
}

.status-timeline-cell-scroll-container
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.scroll-minus.status-timeline-cell-scroll-continuous
{
	flex: 0 0 auto;
	margin-right: 4px;
}

.scroll-plus.status-timeline-cell-scroll-continuous, .scroll-ff.status-timeline-cell-scroll-continuous
{
	flex: 0 0 auto;
	margin-left: 4px;
}

.status-timeline-canvas-scroll-continuous-container-spacer
{
	flex: 1 1 auto;
}

.scroll-minus.status-timeline-cell-scroll
{
	left: 0;
}

.scroll-plus.status-timeline-cell-scroll
{
	margin-right: 4px;
}

.time-scroller
{
	display: none;
	margin-top: 8px;
	background-color: #eee;
}

.time-scroller-bar
{
	background-color: blue;
	min-height: 16px;
	width: 100px;
	cursor: default;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.time-scroller-bar.grabbing
{
	cursor: default;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.status-timeline-canvas-highlight-time
{
	display: inline-block;
	padding: 0 12px;
	font-size: 12px;
	vertical-align: bottom;
}

.trend-tooltip
{
	background-color: black;
	font-size: 13.33px;
	color: white;
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	position: absolute;
	z-index: 15;
}

.trend-tooltip > h5
{
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
}

.trend-tooltip > p
{
	font-size: 12px;
	text-align: left;
	margin: 4px 0;
}


.ipv4-range-picker
{
	width: 300px;
	display: inline-block;
	text-align: center;
}

.ipv4-range-picker-select
{
	width: 52px;
}

input.ipv4-range-picker-input
{
	width: 30px;
}

.ipv4-range-picker-separator
{
	min-width: 10px;
	display: inline-block;
}

.admin-system
{
	margin-left: 20px;
}

.doc-viewer
{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.doc-viewer-iframe
{
	flex: 1;
}

.support-info
{
	text-align: center;
	font-size: 14px;
	padding-top: 100px;
}

.support-info-header
{
}

.auto-margin-y
{
	margin-top: auto;
	margin-bottom: auto;
}

.failed-save-banner-holder, .warning-banner-holder, .info-banner-holder
{
	position: relative;
	z-index: 200;
}

.failed-save-banner-holder.reserve-space, .warning-banner-holder.reserve-space, .info-banner-holder.reserve-space
{
	min-height: 42px;
}

.failed-save-banner-holder.content-not-visible, .warning-banner-holder.content-not-visible, .info-banner-holder.content-not-visible
{
	z-index: -200;
}

.failed-save-banner, .warning-banner, .info-banner
{
	margin: 0 8px 0 40px;
	padding: 4px;
	border: 1px solid transparent;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.simple-banner
{
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid transparent;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
}

.simple-banner-local
{
	padding: 4px 12px;
	border: 1px solid transparent;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: start;
	vertical-align: middle;
}

.simple-banner-local > div
{
	flex: 0 0 auto;
}

.simple-banner-local > span
{
	flex: 1 1 auto;
}

.simple-banner-text-on-midline
{
	align-items: center;
}

.simple-banner-nomargin
{
	margin: 0;
}

.qoserator-form-inline-banner
{
	max-width: 444px;
	margin-bottom: 8px;
	position: relative;
}

.qoserator-form-inline-banner::before
{
	content: "";
	position: absolute;
	right: 20px;
	top: -10px;
	border: 1px transparent solid;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffcc;
	z-index: 1;
}

.section-sub-header-banner
{
	margin-top: 8px;
}

.section-sub-header-collapseable-banner
{
	margin-left: 24px;
}

.deploy-banner
{
	margin: 0 8px 0 20px;
}

.role-banner
{
	margin: 0 20px;
}

.local-auth-banner
{
	align-items: center;
	font-size: small;
	text-align: start;
}

.local-auth-banner-fixed-width
{
	margin: auto;
	display: inline-block;
	padding-right: 12px;
}

.role-grant-explanation
{
	color: #555;
	font-style: italic;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 16px;
}

.google-load-error-dialog
{
	text-align: center;
}

.failed-save-banner, .simple-banner-error
{
	background-color: pink;
}

.warning-banner, .simple-banner-warning, .simple-banner-warn
{
	background-color: #ffffcc;
}

.info-banner, .progress-banner, .simple-banner-info, .simple-banner-progress, .simple-banner-progress-paused
{
	background-color: #ADD8E6;
}

.ok-banner, .simple-banner-ok
{
	background-color: #ccffcc;
}

.failed-save-banner-text, .warning-banner-text, .info-banner-text, .progress-banner-text, .progress-paused-banner-text
{
	margin: auto 0 auto 0;
}

.form-label.wanip-config-label
{
	width: 200px;
}

.form-label.local-status-label
{
	width: 360px;
	text-align: left;
	text-align: start;
}

.explorer-sidebar
{
	display: inline-block;
	vertical-align: top;
	background-color: #d8eaf3
}

.explorer-sidebar-list-non-hierarchical
{
	list-style-type: none;
	padding: 1em 0 0 20px;
	margin: 0;
}

.explorer-sidebar-list-hierarchical
{
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0;
	overflow-y: auto;
}

.explorer-sidebar-list-resizeable
{
	height: calc(100% - 124px);
}

.explorer-divider
{
	margin: .5em 20px;
	border-bottom: 1px solid #A0A0A0;
}

.explorer-sidebar-item
{
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
}

.explorer-sidebar-item-link
{
	/*color: #000000;*/
	border: 1px solid transparent;
	border-radius: 7px;
	padding: 2px 6px;
}

.explorer-search-result > .explorer-sidebar-item-link
{
	color: #ffffff;
	background-color: orange;
}

.explorer-sidebar-item-link.route-active
{
	color: #ffffff;
	background-color: #034a70;
}

.explorer-sidebar-item.indent1
{
	margin-left: 8px;
}

.explorer-sidebar-item.indent2
{
	margin-left: 16px;
}

.explorer-sidebar-item.indent3
{
	margin-left: 24px;
}

.explorer-sidebar-item.indent4
{
	margin-left: 32px;
}

.explorer-sidebar-collapse-all
{
	position: absolute;
	top: calc(50% - 6px);
	left: -16px;
	background-image: url("/img/collapseall.png");
	min-width: 12px;
	min-height: 12px;
	cursor: pointer;
}

.explorer-sidebar-expander
{
	position: absolute;
	top: 50%;
	left: -16px;
	cursor: pointer;
}

.explorer-sidebar-expander.collapsed
{
	border-left: 8px solid #808080;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: -5px;
}

.explorer-sidebar-expander:not(.collapsed)
{
	border-top: 8px solid #808080;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-top: -3px;
	margin-left: -1px;
}

.explorer-content
{
	vertical-align: top;
	display: inline-block;
}

.explorer-sidebar-logo
{
	margin: 12px auto 0 auto;
	display: block;
	width: 212px;
	height: 96px;
}

.explorer-refresh
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	vertical-align: middle;
}

.explorer-search-container
{
	padding-right: 8px;
}

.explorer-sidebar-toggle, .jobs-sidebar-toggle
{
	cursor: pointer;
	width: 15px;
	height: 13px;
}

.explorer-sidebar-close
{
	background-image: url("/img/close_sidebar.png");
	margin: 2px 4px 0 0;
}

.explorer-sidebar-open
{
	background-image: url("/img/open_sidebar.png");
	margin: 2px 4px 0 6px;
}

input[type="search"].explorer-search
{
	width: calc(100% - 32px);
	padding-top: 3px;
	padding-bottom: 3px;
}

.jobs-sidebar
{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	pointer-events: none;
	z-index: 400;
}

.jobs-sidebar-caption
{
	padding: 15px 0;
	text-align: center;
	color: transparent;
}

.jobs-sidebar-close
{
	background-image: url("/img/close_notifications.png");
	margin: 2px 0 0 0;
}

.jobs-sidebar-open
{
	background-image: url("/img/open_notifications.png");
	margin: 2px 4px 0 0;
}

.jobs-sidebar-hover
{
	margin: 1px 8px 0 0;
	background-size: contain;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.jobs-sidebar-active
{
	background-image: url("/img/bell_full.png");
}

.jobs-sidebar-inactive
{
	background-image: url("/img/bell_empty.png");
}

.job-item
{
	margin: 8px;
	padding: 0 0.7em;
	border: 1px solid black;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	background-color: lightyellow;
	opacity: 0.9;
	pointer-events: auto;
}

.job-item-hidden
{
	opacity: 0.0;
	pointer-events: none;
}

.job-item-fading
{
	animation-duration: 2s;
	animation-name: jobfade;
	animation-fill-mode: forwards;
}

@keyframes jobfade
{
	0%
	{
		opacity: 0.9;
		pointer-events: auto;
	}

	99%
	{
		opacity: 0.1;
		pointer-events: auto;
	}

	100%
	{
		opacity: 0.0;
		pointer-events: none;
	}
}

.job-item > div > h3
{
	font-size: small;
}

.job-item > div > p
{
	font-size: smaller;
}

.job-item-close-button, .announcement-banner-close-button
{
	display: none;
	padding: 7px 7px;
	background-image: url("/img/closebtn.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	cursor: pointer;
	position: absolute;
	top: 7px;
	right: 7px;
}

.job-item:hover > .job-item-close-button
{
	display: block;
}

.reports-page, .empty-container-caption
{
	padding-left: 20px;
	padding-right: 20px;
}

.provision-page
{
	padding-left: 20px;
}

.provision-caption, .reports-caption
{
	border-bottom: 1px solid black;
}

.provision-caption
{
	margin: 0;
}

.provision-list, .reports-list
{
}

.provision-list
{
	margin: 0;
}

.provision-list > li, .reports-list > li
{
	padding-top: 8px;
	padding-bottom: 8px;
}

.report-splash
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.report-splash-inner
{
	margin-top: 100px;
	text-align: center;
}

.report-splash-label
{
	font-size: xx-large;
	font-style: italic;
	font-weight: bolder;
	background-color: white;
	color: blue;
	padding: 10px;
	border: 1px solid white;
	border-radius: 10px;
}

.report-qsr-header
{
	font-style: italic;
}

.report-indent
{
	margin-left: 20px;
}

.local-status-container
{
	margin: 0 auto;
}

.local-status-container-inline
{
	padding-left: 40px;
	flex: 0 0 auto;
	max-width: 40%;
}

.local-sxs-container
{
	display: flex;
}

.local-secondary-container
{
	padding: 20px;
	flex: 1 1 auto;
}

.local-secondary
{
	display: inline-block;
}

.local-status
{
	padding: 20px 120px 20px 250px;
	display: inline-block;
}

.local-status-inner
{
	margin: 0 auto;
}

.local-status.local-status-small-padding
{
	padding: 0 20px 20px 21px;
}

.local-status-icon
{
	vertical-align: middle;
	margin-right: 10px;
}

.local-secondary > p
{
	text-align: left;
	text-align: start;
}

.local-status-top-separator
{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid darkgray;
}

.local-status-bottom-separator
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid darkgray;
}

.local-status-left-separator
{
	padding: 20px;
	border-left: 1px solid darkgray;
	width: 100%;
	box-sizing: border-box;
}

.local-status-right-separator
{
	padding: 20px;
	border-right: 1px solid darkgray;
	width: 100%;
	box-sizing: border-box;
}

.local-status-wans-container
{
}

.local-status-divider
{
	padding: 1em 0 0 0;
}

.local-status-wan-block
{
	display: inline-block;
}

.status-chart-tooltip
{
	position: absolute;
	margin: 0 10px;
	padding: 4px 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 12;
}

.status-chart-tooltip-timestamp
{
	margin: 6px 0;
	font-size: 12px;
}

.status-chart-tooltip-data-point
{
	margin: 6px 0;
	font-size: 12px;
}

.datepicker-container
{
	display: inline-block;
	position: relative;
	z-index: 100;
}

.datepicker-popup
{
	position: absolute;
	border: 1px solid gray;
	border-radius: 4px;
	background-color: white;
}

.datepicker-buttons-container
{
	padding: 0 0 4px 0;
	text-align: center;
}

.datepicker-button
{
	padding: 8px;
	margin-left: 2px;
	margin-right: 2px;
}

.print-controls
{
	display: none;
}

.footer-item
{
	flex: 0 0 auto;
	margin: auto 0;
}

.footer-item.copyright-and-contact
{
	margin: auto 0 auto 12px;
}

.footer-item.standard-icon
{
	margin-right: 8px;
	cursor: pointer;
}

.footer-spacer
{
	flex: 1 1 auto;
}

.eght-settings-test-block
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 5px 0 5px 0;
}

.eght-settings-test
{
	width: 150;
	max-width: 150;
}

.eght-settings-test-all
{
	text-align: center;
	width: auto;
}

.eght-settings-test-label
{
	display: inline-block;
	text-align: right;
	text-align: end;
	width: 125px;
	margin: 0 10px 0 0;
}

.eght-settings-test-label-all
{
	width: auto;
}

.eght-settings-text
{
	text-align: center;
	margin: 5px 0 2px 0;
}

.eght-settings-text-label-selector
{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
	width: 125px;
	height: 33px;
	margin: 0 2px 0 0;
}

input[type="number"].eght-settings-text-input
{
	width: 80px;
}

.eght-settings-text-label-units
{
	display: inline-block;
	text-align: left;
	text-align: start;
	width: 65px;
	margin: 0 0 0 5px;
}

.status-settings-label-left
{
	text-align: right;
	text-align: end;
	vertical-align: middle;
	margin-right: 8px;
	display: inline-block;
}

.status-settings-label-right
{
	text-align: left;
	text-align: start;
	vertical-align: middle;
	margin-left: 8px;
	display: inline-block;
}

.status-settings-buttons-block
{
	display: inline-block;
}

.status-settings-nontext-block
{
	padding-top: 4px;
	text-align: left;
	text-align: start;
}

.status-settings-nontext-block-extra-pad
{
	padding-top: 10px;
}

.status-settings-nontext-block-no-pad
{
	padding-top: 0;
}

.admin-announcement textarea
{
	vertical-align: text-top;
	margin-right: 20px;
}

.admin-announcement-description-container
{
	margin-right: 20px;
}

input[type="text"].admin-announcement-description-input
{
	width: 100%;
	box-sizing: border-box;
}

.manufacturing-false
{
	background-color: #FF0000;
	height: 12px;
	width: 12px;
}

.manufacturing-true
{
	background-color: #008000;
	height: 12px;
	width: 12px;
}

.manufacturing-page
{
	position: relative;
	overflow-x: hidden;
}

.manufacturing-table-container
{
	overflow-x: auto;
}

.manufacturing-table
{
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
}

.manufacturing-search
{
	margin-left: 20px;
}

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

.manufacturing-table-header > td
{
	padding-right: 12px;
}

.manufacturing-table-row > td
{
	padding-right: 12px;
}

.manufacturing-table-header-overlay
{
	position: absolute;
	top: 0;
	font-weight: bold;
	z-index: 1;
	background-color: white;
}

.manufacturing-table-header-overlay > span
{
	display: inline-block;
}

input[type="text"].manufacturing-input-text
{
	padding: 1px 4px;
	width: 100px;
}

input[type="text"].manufacturing-input-text-2
{
	padding: 1px 4px;
	width: 125px;
}

input[type="text"].manufacturing-input-text-3
{
	padding: 1px 4px;
	width: 150px;
}

.manufacturing-input-modified
{
	box-shadow: 0 0 2px 1px green;
}

.manufacturing-input-modified:focus
{
	box-shadow: 0 0 2px 1px green;
	outline: none;
}

.manufacturing-dialog-input-row
{
	padding: 4px 0;
}

.manufacturing-dialog-label
{
	text-align: right;
	text-align: end;
	vertical-align: middle;
	margin-right: 8px;
	display: inline-block;
	width: 160px;
}

.manufacturing-dialog-checkbox-wrapper
{
	vertical-align: middle;
	text-align: left;
	text-align: start;
	display: inline-block;
	width: 262px;
}

.manufacturing-input-comment
{
	resize: none;
	width: 256px;
}

.manufacturing-tips
{
	margin: 0 0 0 20px;
	padding: 12px 0;
}

.manufacturing-tip
{
	margin: 0 0 0 40px;
	padding: 0 0 10px 0;
}

.manufacturing-generate-results
{
	background-color: white;
	height: 400px;
	overflow-y: scroll;
}

.manufacturing-imeanthis
{
	font-weight: bold;
}

.manufacturing-button
{
	color: #2e699c;
	font-style: italic;
	cursor: pointer;
	margin: 0 6px;
}

.manufacturing-pager
{
	padding: 4px 20px;
}

.manufacturing-pager-label
{
	margin: 0 8px;
}

.announcement-banner
{
	padding: 0.7em;
	background-color: lightyellow;
	position: relative;
}

.announcement-banner > h3
{
	font-size: small;
	margin: 0;
}

.announcement-banner > p
{
	font-size: smaller;
	margin: .7em 0 0 0;
}

.announcement-banner > p > a
{
	color: blue;
}

.announcement-banner:hover > .announcement-banner-close-button
{
	display: block;
}

.admin-acm-server
{
	padding-left: 20px;
}

.qsr-history-link
{
	margin-left: 20px;
}

.qsrhistory-report, .qsr-updatemon
{
	margin-left: 20px;
}

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

.mfa-prompt-container
{
	width: 300px;
	margin: 0 auto;
}

.mfa-prompt-label
{
	text-align: left;
	text-align: start;
	display: block;
	margin-bottom: 8px;
}

input[type="text"].mfa-prompt-input
{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.account-credentials-mfa-input
{
	margin: auto 8px;
	width: 100px;
}

.account-credentials-totp-container
{
	margin-top: 80px
}

.qsr-upgrade-banner-monitor-link
{
	padding: 0 12px;
}

.version-fine-print
{
	padding: 4px 20px;
	font-size: small;
	font-style: italic;
	font-weight: lighter;
}

.network-report-section
{
	padding-left: 20px;
	padding-right: 20px;
}

.network-report-section-nodata
{
	padding-top:  20px;
}

.qsr-updatemon-header
{
	display: inline-block;
}

.qsr-updatemon-button
{
	float: right;
	margin: 1em 1em 0 0;
}

.routing-group-checks-container
{
	vertical-align: text-top;
}

.routing-group-check-container
{
	margin-bottom: 4px;
}

.routing-group-check-container:last-child
{
	margin-bottom: 0;
}

.routing-group-check
{
	vertical-align: middle;
}

.routing-group-check-label
{
	vertical-align: middle;
	margin-left: 8px;
	color: #555;
}

.routing-group-info-banner
{
	margin: 0 20px;
}

.upload-logs-page
{
	padding: 0 20px;
}

.upload-logs-info-banner
{
	margin-bottom: 20px;
}

.data-table
{
	padding-left: 20px;
	white-space: nowrap;
	/*border-spacing: 24px 4px;*/
	border-collapse: collapse;
}

.data-table-row-border-hover
{
	background-color: #d8eaf3;
}

.data-table-row-border
{
	border-color: transparent;
	border-style: solid;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 0;
	border-right-width: 0;
}

.data-table-cell-border
{
	border-color: transparent;
	border-style: solid;
	border-left-width: 24px;
	border-right-width: 24px;
	border-top-width: 0;
	border-bottom-width: 0;
}

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

.data-table-header-item
{
	cursor: pointer;
}

.data-table-header-item-label
{
	vertical-align: middle;
}

.data-table-header-item-sort-asc
{
	vertical-align: middle;
	display: inline-block;
	margin: auto 7px;
	border-bottom: 8px solid #808080;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.data-table-header-item-sort-desc
{
	vertical-align: middle;
	display: inline-block;
	margin: auto 7px;
	border-top: 8px solid #808080;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.local-deploy
{
	min-height: 500px;
	padding: 0 20px;
}

.local-device-diagram
{
	padding: 0 0 20px;
}

.local-banner-outer
{
	display: block;
}

.local-banner-outer-tight
{
	display: inline-block;
}

.local-deploy-status
{
}

.census-container-outer
{
	display: inline-block;
}

.census-container
{
	display: grid;
	grid-gap: 10px;
}

.census-field
{
	min-width: 150px;
}

.census-field-1
{
	grid-column: 1;
	grid-row: 1;
}

.census-field-2
{
	grid-column: 2;
	grid-row: 1;
}

.census-field-3
{
	grid-column: 1;
	grid-row: 2;
}

.census-field-4
{
	grid-column: 2;
	grid-row: 2;
}

.census-field-5
{
	grid-column: 1;
	grid-row: 3;
}

.census-field-6
{
	grid-column: 2;
	grid-row: 3;
}

.census-field-7
{
	grid-column: 1;
	grid-row: 4;
}

.census-field-8
{
	grid-column: 2;
	grid-row: 4;
}

.report-alert-form
{
	padding: 0 20px;
}

.report-iqs-container
{
	padding: 20px 0 0 20px;
	display: flex;
	flex-direction: column;
}

.report-iqs-form
{
	flex: 0 0 auto;
}

.report-alert-header-main
{
	padding-top: 0.67em;
	margin-top: 0;
}

.report-iqs-header-main
{
	margin-top: 0;
}

.report-alert-header-sub
{
	padding: 0 20px;
}

.report-iqs-header-sub
{
}

.report-iqs-traffic-widget
{
	display: inline-block;
	padding-left: 20px;
}

.report-iqs-throughput-widget
{
	display: inline-block;
}

.report-iqs-throughput-widget-caption
{
	text-align: center;
}

.report-iqs-traffic-sub-widget
{
	text-align: center;
	display: inline-block;
	margin-right: 40px;
}

.report-iqs-traffic-sub-widget-label
{
	/*font-size: large;*/
	/*font-weight: bold;*/
	max-width: 140px;
	min-width: 140px;
}

.report-iqs-traffic-sub-widget-value
{
	color: #034a70;
	font-size: x-large;
	font-weight: bold;
}

.report-iqs-throughput-sent
{
	background-image: url("/img/up.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 30px;
	display: inline-block;
}

.report-iqs-throughput-sent-high
{
	background-image: url("/img/up-blue.png");
}

.report-iqs-throughput-sent-total
{
	background-image: url("/img/up-black.png");
}

.report-iqs-throughput-sent img, .report-iqs-throughput-sent-high img, .report-iqs-throughput-sent-total img
{
	display: block;
}

.report-iqs-throughput-recv
{
	background-image: url("/img/down.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 30px;
	display: inline-block;
}

.report-iqs-throughput-recv-high
{
	background-image: url("/img/down-blue.png");
}

.report-iqs-throughput-recv-total
{
	background-image: url("/img/down-black.png");
}

.report-iqs-throughput-recv img, .report-iqs-throughput-recv-high img, .report-iqs-throughput-recv-total img
{
	display: block;
}

.report-iqs-traffic-throughput
{
	background-image: url("/img/peakput.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 30px;
	display: inline-block;
}

.report-iqs-traffic-reduction
{
	background-image: url("/img/latency.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 30px;
	display: inline-block;
}

.report-iqs-traffic-minutes
{
	background-image: url("/img/clock-green.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 30px;
	display: inline-block;
}

.report-iqs-traffic-minutes-improved
{
	background-image: url("/img/clock-blue.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 30px;
	display: inline-block;
}

.report-iqs-traffic-throughput img, .report-iqs-traffic-reduction img, .report-iqs-traffic-minutes img, .report-iqs-traffic-minutes-improved img
{
	display: block;
}

.report-iqs-pie-chart
{
	width: 500px;
	height: 250px;
	display: inline-block;
	padding: 0 20px;
	vertical-align: top;
}

.report-iqs-pie-chart-failover
{
}

.report-alert-error
{
	margin-left: 20px;
}

.report-alert-container, .report-iqs-container
{
	height: 100%;
	box-sizing: border-box;
}

.report-alert-output-container, .report-iqs-output-container
{
	width: 100%;;
	overflow: auto;
}

.report-alert-table, .report-iqs-table
{
	border-spacing: 12px 4px;
}

.report-alert-timespan-container, .report-iqs-timespan-container
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.report-alert-timespan-end-label, .report-iqs-timespan-end-label
{
	margin-right: 12px;
	flex: 0 0 auto;
}

.report-alert-timespan-end-picker
{
	flex: 1 1 auto;
}

.report-alert-time-end-label, .report-iqs-time-end-label
{
	margin-left: 8px;
	flex: 0 0 auto;
}

.report-iqs-timespan-select
{
	margin-left: 8px;
	margin-right: 12px;
}

.report-iqs-timespan-picker
{
	margin-left: 8px;
	margin-right: 4px;
}

.report-iqs-results
{
	padding: 20px;
}

.go-back-prompt
{
	cursor: pointer;
	color: #034a70;
}

.go-back-prompt-error
{
	cursor: pointer;
	color: #f00;
}

.cursor-pointer
{
	cursor: pointer;
}

.whitespace-nowrap
{
	white-space: nowrap;
}

.wait-with-pointer-events, input[type="button"].wait-with-pointer-events, input[type="submit"].wait-with-pointer-events
{ 
	cursor: wait; 
}

.wait
{ 
	cursor: wait; 
	pointer-events: none;
}

.hidden
{
	display: none;
}

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

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

.no-break-inside
{
	page-break-inside: avoid;
}

.content-top-8px
{
	margin-top: 8px;
}

.vertical-align-middle
{
	vertical-align: middle;
}

.content-bottom-12px
{
	margin-bottom: 12px;
}

.h3-with-padding
{
	margin: 0;
	padding: 1em 0;
}

.inline-close-button
{
	padding: 0 7px;
	margin: 0 8px;
	background-image: url("/img/closebtn.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	cursor: pointer;
}

.invisible-file-input
{
	opacity: 0;
	position: absolute;
	top: -10000px;
	left: -10000px;
}

.app-errors-inspeed
{
	color: red;
	font-weight: bold;
}

.chart-error-boundary
{
	margin: 10px;
	padding: 10px;
	border: 2px solid red;
	border-radius: 5px;
	background-color: red;
	color: white;
}

.local-password-copyable
{
	color: blue;
	font-family: sans-serif;
	font-size: x-large;
	vertical-align: middle;
	cursor: copy;
}

.local-password-message
{
	font-size: x-large;
	vertical-align: middle;
}

.message-box-header-plus-list > p:not(:first-child)
{
	margin: 0.25em 0;
}

.admin-org-restriction-container
{
	padding-left: 20px;
}

.admin-org-restriction-container > div:not(:first-child)
{
	margin-top: 4px;
}

.local-auth-password-hint-container
{
}

.local-auth-password-hint-item
{
}

@media only screen
{
	/*
	body
	{
		background-color: yellow;
	}
	*/

	.check-scroll-height-main-content
	{
		height: 100%;
	}

	.check-scroll-height-status-display
	{
		height: 100%;
	}

	.check-scroll-height-admin-system
	{
		height: 100%;
	}

	.check-scroll-height-admin-org
	{
		height: 100%;
	}

	.check-scroll-height-diagnostics-page
	{
		height: 100%;
	}

	.check-scroll-height-timeline
	{
		height: 100%;
	}

	.check-scroll-height-timeline-inner
	{
		height: 100%;
	}

	.check-scroll-height-charts-basic
	{
		height: 100%;
	}

	.check-scroll-height-admin-contact
	{
		height: 100%;
	}

	.check-scroll-height-admin-location
	{
		height: 100%;
	}

	.check-scroll-height-admin-qoserator
	{
		height: 100%;
	}

	.check-scroll-height-admin-dictionary-organizations
	{
		height: 100%;
	}

	.check-scroll-height-admin-dictionary-qoserators
	{
		height: 100%;
	}

	.check-scroll-height-diag-dictionary-qoserators
	{
		height: 100%;
	}

	.check-scroll-height-status-dashboard
	{
		height: 100%;
	}

	.check-scroll-height-provision
	{
		height: 100%;
	}

	.check-scroll-height-provision-list
	{
		height: 100%;
	}

	.check-scroll-height-manufacturing-page
	{
		height: 100%;
	}

	.check-scroll-height-manufacturing-table
	{
		height: 100%;
	}

	.check-scroll-height-role-definition
	{
		height: 100%;
	}

	.check-scroll-height-announcement-definition
	{
		height: 100%;
	}

	.check-scroll-height-api-results
	{
		height: 100%;
	}

	.check-scroll-height-status-xmas
	{
		height: 100%;
	}

	.check-scroll-height-profile-credentials
	{
		height: 100%;
	}

	.check-scroll-height-network-report
	{
		height: 100%;
	}

	.check-scroll-height-admin-routing-group
	{
		height: 100%;
	}

	.check-scroll-height-uploaded-logs
	{
		height: 100%;
	}

	.check-scroll-height-local-status
	{
		height: 100%;
	}

	.check-scroll-height-report-iqs-output
	{
		height: 100%;
	}

	.report-iqs-throughput-sent
	{
		background-image: url("/img/up.png");
		padding: 30px;
	}

	.report-iqs-throughput-sent-high
	{
		background-image: url("/img/up-blue.png");
	}

	.report-iqs-throughput-sent-total
	{
		background-image: url("/img/up-black.png");
	}

	.report-iqs-throughput-sent img, .report-iqs-throughput-sent-high img, .report-iqs-throughput-sent-total img
	{
		display: none;
	}

	.report-iqs-throughput-recv
	{
		background-image: url("/img/down.png");
		padding: 30px;
	}

	.report-iqs-throughput-recv-high
	{
		background-image: url("/img/down-blue.png");
	}

	.report-iqs-throughput-recv-total
	{
		background-image: url("/img/down-black.png");
	}

	.report-iqs-throughput-recv img, .report-iqs-throughput-recv-high img, .report-iqs-throughput-recv-total img
	{
		display: none;
	}

	.report-iqs-traffic-throughput
	{
		background-image: url("/img/peakput.png");
		padding: 30px;
	}

	.report-iqs-traffic-reduction
	{
		background-image: url("/img/latency.png");
		padding: 30px;
	}

	.report-iqs-traffic-minutes
	{
		background-image: url("/img/clock-green.png");
		padding: 30px;
	}

	.report-iqs-traffic-minutes-improved
	{
		background-image: url("/img/clock-blue.png");
		padding: 30px;
	}

	.report-iqs-traffic-throughput img, .report-iqs-traffic-reduction img, .report-iqs-traffic-minutes img, .report-iqs-traffic-minutes-improved img
	{
		display: none;
	}

	.check-scroll-height-report-iqs-output
	{
		height: 100%;
	}
}

@media only print
{
	.navbar
	{
		display: none;
	}

	.explorer-sidebar
	{
		display: none;
	}

	.report-iqs-throughput-sent, .report-iqs-throughput-sent-high, .report-iqs-throughput-sent-total
	{
		background-image: none;
		padding: 0;
	}

	.report-iqs-throughput-sent img, .report-iqs-throughput-sent-high img, .report-iqs-throughput-sent-total img
	{
		display: block;
	}

	.report-iqs-throughput-recv, .report-iqs-throughput-recv-high, .report-iqs-throughput-recv-total
	{
		background-image: none;
		padding: 0;
	}

	.report-iqs-throughput-recv img, .report-iqs-throughput-recv-high img, .report-iqs-throughput-recv-total img
	{
		display: block;
	}

	.report-iqs-traffic-throughput, .report-iqs-traffic-reduction, .report-iqs-traffic-minutes, .report-iqs-traffic-minutes-improved
	{
		background-image: none;
		padding: 0;
	}

	.report-iqs-traffic-throughput img, .report-iqs-traffic-reduction img, .report-iqs-traffic-minutes img, .report-iqs-traffic-minutes-improved img
	{
		display: block;
	}
}