@import url('font.css');
@import url('font-awesome/css/font-awesome.min.css');
@import url('maps/dashboard.css?build=10.7');

html,
body {
  margin: 0;
}

A {
  text-decoration: none;
  color: #345e89;
}

A,
BODY,
INPUT,
SELECT,
SPAN,
TEXTAREA,
TD,
BUTTON {
  font-size: 11px;
  font-family: 'Open Sans', Verdana, sans-serif;
}
span {
  outline: none;
}
TEXTAREA {
  border: 1px solid #c0c0c0;
}
A:hover {
  text-decoration: underline;
}
.IMAGE_LINK {
  cursor: pointer;
}
input,
select,
textarea {
  color: #444;
  border-radius: 2px;
}
input:focus,
textarea:focus,
select:focus {
  outline-color: #e4911c;
}
a:focus {
  outline-color: #1c85ba;
}
select {
  background-color: #fff;
}
input[type='text']:disabled,
input[type='checkbox']:disabled,
input[type='email']:disabled,
textarea:disabled,
select:disabled {
  background-color: #f9f9f9;
  color: #444;
}
input[type='image']:disabled {
  background-color: initial;
}

select {
  padding: 2px;
  border: 1px solid #c0c0c0;
}
input[type='text'],
input[type='number'],
input[type='password'],
input[type='search'] {
  border: 1px solid #c0c0c0;
  padding: 2px;
}

FIELDSET {
  height: 100%;
  border: 1px solid silver;
}

LEGEND {
  color: Black;
  font-size: 12px;
  margin: 2px 2px 2px 2px;
}
IMG {
  border: 0px;
}

.q-task-icon {
  height: 24px;
  width: 24px;
}

.q-button-large {
  font-size: 13px !important;
}
.q-button-buffer {
  margin-right: 5px;
  margin-top: 5px;
}

.CPL_LOADING_PANEL {
  padding-top: 75px;
}
.q-bg-loading {
  background-image: url(/qcore/images/progress/LoadingProgressBar.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: progress;
}

/* apply class to any container to use larger font size */
.q-feature-container,
.q-feature-container *,
.q-feature-container a,
.q-feature-container input,
.q-feature-container select,
.q-feature-container span,
.q-feature-container textarea,
.q-feature-container button {
  font-size: 14px;
  box-sizing: border-box;
}

/*  classes used for record lists displayed on left of edit forms */
.q-list-container,
.q-list-container div,
.q-list-container .q-list-section-header,
.q-list-container input,
.q-list-container select {
  box-sizing: border-box;
  font-size: 13px;
}
.q-list-container {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  min-height: 550px;
  margin: 0 1em 0 0.4em;
  overflow: auto;
  border: 1px solid #c0c0c0;
}
.q-list {
  display: block;
  overflow: auto;
}
.q-list-header-container {
  padding: 1em;
  background-color: #f0f2f4;
  border-bottom: 1px solid #c0c0c0;
}
.q-list-header-item {
  position: relative;
}
.q-list-header-item + .q-list-header-item {
  margin-top: 1em;
}
.q-list-option-container {
  padding: 1em;
  border-bottom: 1px solid #c0c0c0;
}
.q-list-item {
  display: block;
  cursor: pointer;
  white-space: normal;
  overflow: hidden;
}
.q-list-item:hover,
.q-list-item.q-selected {
  background-color: #cfeff7;
}
.q-list-item-btn {
  padding: 1em;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: #444;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
}
.q-list-item-btn > * {
  vertical-align: middle;
}
.q-list-item-btn:hover {
  text-decoration: none;
  color: #444;
}
.q-list-item-btn-text {
  font-size: inherit;
}
.q-list-item-btn-icon {
  font-size: inherit;
}
.q-list-section-header {
  margin: 1em;
  background-color: #f0f2f4;
  margin: 0;
  padding: 1em;
  color: #444;
  font-size: 14px;
  border-bottom: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
}
.q-list-section:first-child .q-list-section-header,
.q-list-section-collapsed + .q-list-section .q-list-section-header {
  border-top: none;
}
.q-list-section-collapsible .q-list-section-header {
  cursor: pointer;
  user-select: none;
}
.q-list-section-collapsible .q-list-section-header::before {
  font-family: FontAwesome;
  display: inline-block;
  content: '\f0d7';
  margin-right: 0.3em;
  color: #888888;
}
.q-list-section-collapsible.q-list-section-collapsed
  .q-list-section-header::before {
  transform: rotate(-90deg);
}
.q-list-empty:after {
  font-style: italic;
  content: attr(data-empty-message);
  padding: 1em;
  display: block;
  color: #808080;
}

/* edit forms - intended to be displayed side-by-side with q-list-container */
.q-edit-form-container {
  vertical-align: top;
  display: inline-block;
  width: 500px;
  padding-left: 1em;
}

/* Start: Main Control Panel */
.q-main-content-area {
  background: #fff;
}

.q-topmost-container {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #c0c0c0;
  background-color: #fff;
  color: #444;
}

.q-scrollbar-thin {
  scrollbar-width: thin;
}
.q-scrollbar-thin::-webkit-scrollbar {
  width: 7px;
  background-color: #f7f7f7;
}
.q-scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 1em;
}

.q-taskbar {
  background: #f0f2f4;
  margin-bottom: 5px;
  position: relative;
  box-shadow: 0 2px 5px #c0c0c0;
  height: 37px;
}
.q-taskbar,
.q-taskbar * {
  box-sizing: border-box;
}
.q-taskbar-fixed {
  position: fixed;
  z-index: 1001; /* show over callouts */
  width: 100%;
  top: 0;
  box-shadow: 0 1px 3px #c0c0c0;
}

.q-taskbar-common-tasks {
  display: inline-block;
  min-height: 35px;
}

.q-common-task {
  display: inline-block;
  padding: 2px;
  position: relative;
}
.q-common-task-icon {
  max-height: 24px;
  max-width: 24px;
}
.q-common-task-btn {
  text-decoration: none;
  color: #444;
  display: inline-block;
  padding: 0.4em 1em 0.4em 0.3em;
  outline: none;
}
.q-common-task-btn:hover {
  text-decoration: none;
  color: #000;
}
.q-common-task-btn-dropdown:after {
  display: inline-block;
  font-family: FontAwesome;
  content: '\f0d7';
  padding: 0.2em;
  margin-left: 0.3em;
  vertical-align: middle;
  color: #444;
}
.q-common-task-btn.q-disabled {
  cursor: default;
}
.q-common-task-text {
  display: inline-block;
  margin-left: 0.4em;
}
.q-common-task-icon,
.q-common-task-text {
  vertical-align: middle;
}

.q-common-task-text,
.q-product-help input,
.q-product-help a span {
  font-size: 13px;
}

.q-common-task-subgroup {
  background-color: #f7f7f7;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #c0c0c0;
  z-index: 1;
}
.q-common-task-subgroup .q-common-task {
  display: block;
  min-width: 150px;
  padding: 0.4em;
  white-space: nowrap;
}
.q-common-task-subgroup .q-common-task:hover {
  background-color: #cfeff7;
}
.q-common-task-subgroup .q-common-task .q-common-task-btn {
  display: block;
}

.q-tabstrip-menu-container {
  position: absolute;
  right: 20px;
  top: 5px;
}
.q-tabstrip-menu-container .q-tabstrip-menu-button {
  display: inline-block;
  margin-left: 15px;
  color: #fff;
  position: relative;
}

.q-tabstrip-menu-button > * {
  vertical-align: middle;
}

.q-product-help {
  display: inline-block;
  position: absolute;
  right: 1em;
  padding: 0.8em 0;
}
.q-product-help a * {
  vertical-align: middle;
}
.q-product-help img {
  height: 24px;
  width: 24px;
  margin-left: 10px;
  margin-right: 3px;
}
.q-product-help a {
  text-decoration: none;
  position: relative;
  top: -2px;
}
.q-product-help a:hover {
  text-decoration: none;
}
.q-product-help span {
  color: #444;
}

/* End: Main Control Panel */

.EMPTY_MESSAGE {
  color: black;
  padding: 5px;
}

.ERROR_MESSAGE {
  color: Red;
  font-size: 12px;
  font-weight: bold;
}

.ERROR_TEXT {
  color: Red;
  font-size: 12px;
  font-weight: bold;
}

.REQUIRED_MARKER {
  color: Red;
  font-size: 12px;
  font-weight: bold;
  margin: 0 6px 0 2px;
}

.FORM_LABEL_TEXT {
  color: #444444;
  font-weight: bold;
}

.FORM_LABEL_INHEREITED_TEXT {
  color: blue;
  font-weight: bold;
}

.INFO_BOX {
  background-color: #fefefe;
  border: 1px solid #c0c0c0;
  padding: 15px;
}

.HEADER_DIV {
  outline: none;
}
.HEADER_IMAGE {
  margin-right: 5px;
  vertical-align: top;
  height: 20px;
  width: 20px;
}
.HEADER_TEXT {
  font-weight: bold;
  font-size: 14px;
  color: var(--color-primary);
  line-height: 24px;
}

.HELP_TEXT {
  color: #003399;
  font-size: 9px;
  border-style: none;
  width: 98%;
  border-width: 0px;
}

.HELP_INFO_BOX {
  background-color: #eef8ff;
  border: 1px solid silver;
  color: black;
  font-size: 9px;
  float: left;
  height: 188px;
  margin-left: 3px;
  padding: 10px;
  width: 230px;
}

.HELP_INFO_BOX SPAN {
  font-weight: bold;
}

.HELP_INFO_BOX DIV {
  border-top: 1px solid #1c85ba;
  color: #1c85ba;
  font-weight: bold;
  height: 118px;
  margin-top: 4px;
  overflow: auto;
  padding-top: 4px;
  width: 230px;
}

.HIGHLIGHT_MESSAGE {
  background-color: #b6cefb;
  padding: 2px;
}

.MAIN_TEXT {
  font-size: 10px;
}

.MESSAGE_TEXT {
  color: #303030;
  font-weight: bold;
}

.SEARCH_BOX TABLE {
  background-color: #e2e2e2;
  border-color: #24486c;
  border-width: 1px;
}

.CPL_MAIN_C_MM input {
  float: left;
  margin-top: 6px;
}

/* calendar cpl styles */
.CPL_CALENDAR_STYLE {
  background-color: #dcdcdc;
  color: #c0c0c0;
  font-family: Arial;
  font-size: 8pt;
  color: black;
  border-color: white;
  border-style: solid;
  cursor: default;
}

.CPL_CALENDAR_TITLE {
  background-color: #c0c0c0;
  font-size: 8pt;
  font-family: Arial;
  font-weight: bold;
  color: black;
}

.CPL_CALENDAR_OTHER_MONTH {
  background-color: #efecd9;
}

.CPL_CALENDAR_TODAY {
  background-color: #fbffd0;
}

.CPL_CALENDAR_WEEKEND {
  background-color: #cfdee8;
}

.CPL_CALENDAR_NORMAL {
  background-color: #e8f0f8;
}

.CPL_CALENDAR_NEXTPREV {
  background-color: #c0c0c0;
  color: black;
  text-decoration: none;
  font-size: 8pt;
  font-family: Arial;
  font-weight: bold;
}
A:visited.CPL_CALENDAR_LINK {
  color: navy;
  text-decoration: none;
}
A:link.CPL_CALENDAR_LINK {
  color: navy;
  text-decoration: none;
}

.QscendMapObject {
  position: relative;
  border: 1px solid #a5acb2;
}

/* map dialog, used in reporting */
#mapDiv {
  position: relative;
  height: 250px;
  width: 480px;
}

.q-map-marker-cluster,
.q-map-marker-cluster * {
  outline: none;
}

.q-map-marker-cluster span {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

.q-map-marker-cluster-infobox-content {
  width: 220px;
  height: 240px;
  overflow: auto;
}

.callout_map_infobox .callout_content {
  background-color: #fff !important;
}
.callout_map_infobox .callout_footer2 {
  border-top-color: #fff !important;
}
.callout_map_infobox .map-infobox-close,
.q-map-info-close {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  color: transparent;
  height: 0;
  width: 0;
}
.callout_map_infobox .map-infobox-close::after,
.q-map-info-close::after {
  content: '\f00d';
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #444;
  position: absolute;
  top: 0;
  right: 0;
}

.callout_map_infobox .q-map-marker-info {
  margin: 5px 25px 5px 5px;
}

.callout_map_infobox .q-map-marker-info + .q-map-marker-info {
  border-top: 1px solid #c0c0c0;
  margin-top: 1em;
}

.callout_map_infobox .q-map-marker-info span {
  font-size: inherit;
}
.callout_map_infobox h2,
.callout_map_infobox h2 a {
  font-size: 14px;
}

.callout_map_infobox h3 {
  font-size: 12px;
  margin: 5px 0;
}

a.MapPushpinBase,
.leaflet-marker-icon {
  cursor: pointer !important;
  outline: none;
}
.q-hide-map {
  top: -99999px !important;
  left: -99999px !important;
  position: absolute !important;
}

/* This 'disables' the virtual earth birds-eye-view notification */
#MSVE_obliqueNotification {
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}
/* make ESRI markers have cursor: pointer */
div[data-provider='esri'] svg image {
  cursor: pointer;
}

.q-qscend-map-element .esriPopup {
  font-family: 'Open Sans';
  font-size: 11px;
}
.q-qscend-map-element .esriPopup .titlePane {
  background-color: #1c85ba;
}

.q-qscend-map-element .leaflet-popup-content-wrapper {
  max-height: 260px;
  min-width: 300px;
  overflow: auto;
  border-radius: 2px;
}
.q-qscend-map-element .leaflet-popup-content-wrapper {
  scrollbar-width: thin;
}
.q-qscend-map-element .leaflet-popup-content-wrapper::-webkit-scrollbar {
  height: 7px;
  width: 7px;
  background-color: #f7f7f7;
}
.q-qscend-map-element .leaflet-popup-content-wrapper::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 1em;
}

.coreGridSpan {
  max-width: 950px;
  display: block;
}
/* Login */
.CPL_LOGIN_ROW {
  clear: both;
  width: 100%;
  padding: 3px;
}
.CPL_LOGIN_ROW input {
  position: relative;
  top: 3px;
  margin-right: 10px;
}
.CPL_LOGIN_ROW img {
  position: relative;
  top: 5px;
  margin-right: 11px;
}
.CPL_LOGIN_ROW a {
  line-height: 18px;
  position: relative;
  top: 1px;
}
.CPL_LOGIN_CL {
  float: left;
  width: 75px;
  padding-top: 5px;
}

.login-tos-container {
  margin-bottom: 10px;
}

/*
ul.DragDrop {
	list-style-type: none;
	padding: 4px 4px 4px 4px;
	margin: 0px;
	width: 10em;
	border: 1px solid silver;
}
ul.DragDrop li {
    position: static;
	cursor: move;
	margin-bottom: 4px;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}
*/

.PowerTypeDiv {
  z-index: 1000;
  display: none;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #a7a6aa;
  position: absolute;
  overflow: hidden;
  width: 302px;
}
.PowerTypeItem {
  position: relative;
  cursor: pointer;
  background-color: #ffffff;
  width: 300px;
  border-bottom: 1px solid #d0d7e5;
  overflow: hidden;
}
.PowerTypeItemOver {
  background-color: #f8d697;
}

a[disabled]:hover {
  color: #c0c0c0;
  text-decoration: none;
}
a[disabled] {
  color: #c0c0c0;
  text-decoration: none;
}

/* Icons */
.QIcon20 {
  height: 20px;
  width: 20px;
  line-height: 20px;
  background-image: url('/QCore/images/CPL_GFX/Icons20.png');
}
.QIcon24 {
  height: 24px;
  width: 24px;
  line-height: 24px;
  background-image: url('/QCore/images/CPL_GFX/Icons24.png');
}
.Icon_Help {
  background-position: 0 center;
}
.Icon_Support {
  background-position: -24px center;
}

#Q_MC_LM_LD > div > table > tbody > tr > td.ERROR_TEXT {
  vertical-align: top !important;
}

/*   TabStrip Sub Menu  */
.q-tabstrip-submenu {
  display: none;
  top: -9999px;
  left: -9999px;
  z-index: 6000;
  background-color: #fff;
  color: #444;
  margin: 0;
  padding: 0;
  position: absolute;
}
.q-tabstrip-submenu-item {
  padding: 10px 30px;
  cursor: pointer;
}
.q-tabstrip-submenu-item:hover {
  background-color: #cfeff7;
}
.q-tabstrip-submenu-text {
  color: #444;
  font-size: 14px;
}
.q-tabstrip-submenu input {
  display: none;
}

/*  Callout  */
.callout_container {
  position: absolute !important;
  display: block;
  background-color: transparent;
}
.callout_content {
  padding: 5px 10px 5px 10px;
  border: 1px solid #c0c0c0;
  position: relative;
  background-color: #fff;
}
.callout_footer1 {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #808080;
  position: relative;
  background: transparent;
  width: 0px;
  height: 0px;
  left: 0px;
  top: -1px;
  margin-left: 20px;
}
.callout_footer2 {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #fff;
  background: transparent;
  position: relative;
  left: -13px;
  height: 0px;
  width: 0px;
  top: -14px;
}

.callout_topfooter1 {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #808080;
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0px;
  top: -12px;
  margin-left: 20px;
}

.callout_topfooter2 {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #fff;
  position: relative;
  left: -13px;
  height: 0px;
  width: 0px;
  top: 1px;
}

.callout_pointer_right .callout_content {
  min-height: 30px;
}
.callout_pointer_right .callout_footer1 {
  position: absolute;
  margin-right: -20px;
  top: 14px;
  right: 0px;
  left: auto;
  transform: rotate(-90deg);
}

.callout_pointer_left .callout_content {
  min-height: 30px;
}
.callout_pointer_left .callout_footer1 {
  position: absolute;
  margin-right: -20px;
  top: 14px;
  right: auto;
  left: -40px;
  transform: rotate(-270deg);
}

.callout_icon {
  position: relative;
  display: inline;
  float: left;
  margin-right: 5px;
}

.callout_font_icon {
  display: inline-block;
  margin-right: 0.4em;
}

.callout_warning .callout_content {
  background-color: #c9302c;
  color: #fff;
}
.callout_warning .callout_footer2 {
  border-top-color: #c9302c;
}
.callout_warning .callout_topfooter2 {
  border-bottom-color: #c9302c;
}

.callout_success .callout_content {
  background-color: #449d44;
  color: #fff;
}
.callout_success .callout_footer2 {
  border-top-color: #449d44;
}
.callout_success .callout_topfooter2 {
  border-bottom-color: #449d44;
}

.callout_secondary .callout_content {
  background-color: #31b0d5;
  color: #fff;
}
.callout_secondary .callout_footer2 {
  border-top-color: #31b0d5;
}
.callout_secondary .callout_topfooter2 {
  border-bottom-color: #31b0d5;
}

.callout_warning .callout_close_btn,
.callout_success .callout_close_btn,
.callout_secondary .callout_close_btn {
  color: #fff;
}
.callout_close_btn {
  position: absolute;
  top: 1em;
  right: 1em;
  display: inline-block;
}
.callout_content_container {
  font-size: 14px;
  padding: 1em;
  margin: 0;
}

.STATUS_MSG {
  /*used in QAlert Multi Add/Edit, request entry, etc */
  z-index: 5000;
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
  color: #325f8b;
  background-color: #baddfe;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: 1px solid silver;
}

#Q {
  display: block !important;
}

/* core validation */
input.QS_ERR,
textarea.QS_ERR,
select.QS_ERR,
div.QS_ERR,
a.QS_ERR {
  border: 1px solid #ff0000 !important;
  outline-width: 0;
}
span.QS_ERR {
  border-bottom: 1px solid #ff0000 !important;
}
/* end core validation */

.QS_SEARCH_BOX {
  background-color: #ffffff;
  border: 1px solid silver;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  box-sizing: border-box;
  padding: 1px;
}
.QS_SEARCH_BOX input {
  outline: none;
}
.QS_SEARCH_BOX input,
.QS_SEARCH_BOX a {
  border-width: 0;
  display: inline-block;
  vertical-align: middle;
}
.QS_SEARCH_BOX a img {
  vertical-align: middle;
  padding-right: 2px;
}

div.QS_BUBBLE {
  background-color: #eff2f7;
  border: 1px solid silver;
  color: #000;
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 1px 3px;
  white-space: nowrap;
  zoom: 1;
}
div.QS_BUBBLE span {
  white-space: nowrap;
}
div.QS_BUBBLE img {
  cursor: pointer;
  margin: 0 0 0 3px;
  padding: 0;
  vertical-align: top;
}

/* custom map controls (animation) */

@keyframes controlHover {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0.9;
  }
}

@-moz-keyframes controlHover {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0.9;
  }
}

@-webkit-keyframes controlHover {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0.9;
  }
}

@-o-keyframes controlHover {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0.9;
  }
}

.q-disabled {
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.q-clearfix:before,
.q-clearfix:after {
  content: '';
  display: table;
}
.q-clearfix:after {
  clear: both;
}
.q-footnote {
  color: #8a8a8a;
  font-size: 80%;
}

.q-title-input {
  font-size: 1.5em;
  font-weight: bold;
}
.q-input-wide {
  width: 350px;
}
.q-search-input-with-inline-btn,
input[type='text'].q-search-input-with-inline-btn {
  padding-right: 24px;
}
.q-search-input-with-inline-btn::-ms-clear {
  display: none;
}
.q-inline-search-btn {
  border: 0;
  background: transparent;
  color: #444;
  position: absolute;
  right: 1px;
  top: 0px; /*edge 18, non chromium*/
  height: 100%;
  padding: 0 0.4em;
}
.q-inline-search-btn::before {
  font-family: FontAwesome;
  content: '\f002';
}

.q-phone {
  width: 91px;
}
.q-phone::-ms-clear {
  display: none;
}

/*  radio buttons  */

input[type='radio'],
input[type='radio']:checked:before {
  box-sizing: border-box;
  border-radius: 50%;
}
input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  margin: 3px 3px 0px 5px;
  padding: initial;
  height: 12.67px;
  width: 12.67px;
  background-color: #fff;
  color: #fff;
  border: 1px solid #c0c0c0;
}
input[type='radio']:checked:before {
  position: absolute;
  content: '';
  height: 12.67px;
  width: 12.67px;
  left: 0;
  top: 0;
  background-image: url(/qcore/images/icons/bullet_black.png);
  background-repeat: no-repeat;
  background-position: -2.5px -2.5px;
  background-size: auto;
}
input[type='radio'][disabled] {
  background-color: #f7f7f7;
}

/*  checkboxes  */

input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  height: 12.67px;
  width: 12.67px;
  margin: 3px 3px 3px 4px;
  padding: initial;
  background-color: #fff;
  color: #fff;
  border: 1px solid #808080;
  border-radius: 2px;
  border-collapse: separate;
}

input[type='checkbox']:checked:before {
  font-family: FontAwesome;
  font-size: 11px;
  content: '\f00c';
  background-color: transparent;
  position: absolute;
  color: #444;
}

input[type='checkbox'][disabled] {
  background-color: #f9f9f9;
  color: #f9f9f9;
}
input[type='checkbox'][disabled]:checked:before {
  color: #c0c0c0;
}

/* fancy checkboxes */

input[type='checkbox'].q-checkbox {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  position: absolute;
  top: auto;
  left: -99999px;
  outline: none;
}
input[type='checkbox'].q-checkbox + label:before {
  font-family: FontAwesome;
  content: '\f00c';
  background-color: #fff;
  color: #fff;
  margin-right: 0.25em;
  display: inline-block;
  border: 1px solid #c0c0c0;
  height: 1em;
  width: 1em;
  padding: 0.2em;
  border-radius: 2px;
  line-height: normal;
}
input[type='checkbox'].q-checkbox:checked + label:before {
  background-color: #449d44;
  border-color: #449d44;
  color: #fff;
}
input[type='checkbox'].q-checkbox:focus + label:before {
  box-shadow: 0px 1px 3px 0 #808080;
}
input[type='checkbox'].q-checkbox[disabled] + label:before {
  background-color: #f1f2f5;
  color: #f1f2f5;
}
input[type='checkbox'].q-checkbox[disabled]:checked + label:before {
  color: #c0c0c0;
  border-color: #c0c0c0;
}

.q-time-input {
  width: 70px;
}

/* TextAreaEnlarge */

a.text-area-enlarge {
  color: #1c85ba !important;
}

div.large-edit-description {
  font-size: 13px;
}

textarea.large-edit-box {
  height: 260px;
  width: 650px;
  font-family: 'Lucida Console', Monaco, monospace;
  font-size: 12px;
}

.q-hide {
  display: none !important;
}
.q-hide-children * {
  display: none !important;
}
.q-fade-in {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}
.q-fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}
.q-selected {
  background-color: #f7f3ce;
}

.q-disable-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.q-align-right {
  text-align: right;
}
.q-align-left {
  text-align: left;
}
.q-align-center {
  text-align: center;
}
.q-text-wrap {
  white-space: normal;
}
.q-text-nowrap {
  white-space: nowrap;
}
.q-text-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
.q-text-size-inherit {
  font-size: inherit;
}
.q-text-underline {
  text-decoration: underline;
}
.q-buffer-top {
  margin-top: 1em;
}
.q-buffer-right {
  margin-right: 1em;
}
.q-buffer-left {
  margin-left: 1em;
}
.q-buffer-bottom {
  margin-bottom: 1em;
}

.q-position-relative {
  position: relative;
}

.q-box-sizing-border-box,
.q-box-sizing-border-box * {
  box-sizing: border-box;
}

.q-font-size-standard,
.q-font-size-standard *:not(.fa) {
  font-size: 14px;
}

/* loading panel */
#load-panel-overlay {
  box-sizing: border-box;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 10000;
  background: url('/qcore/css/jquery.ui/images/ui-bg_flat_0_aaaaaa_40x100.png')
    repeat-x scroll 50% 50% #aaaaaa;
}
#load-panel {
  background-color: #157ab1;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  text-shadow: 1px 1px 1px #444;
  top: 0;
  z-index: 10001;
  border-radius: 2px;
}

.q-drop-target {
  border: 2px dashed #c0c0c0;
  padding: 15px 25px;
}
.q-drop-target * {
  text-align: center;
}
.q-drop-target,
.q-drop-target * {
  color: #1c85ba;
}

.q-table {
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
}
.q-table tbody tr:nth-child(even) {
  background-color: #f0f0ee;
}
.q-table tbody td,
.q-table tbody th {
  padding: 4px 6px;
  vertical-align: top;
}

#acl-list,
#acl-list * {
  box-sizing: border-box;
}
.q-acl-description {
  margin: 1em;
}
.q-acl-table {
  width: auto;
}
.q-acl-row > * > * {
  vertical-align: middle;
}
.q-acl-description span,
.q-acl-table td,
.q-acl-table span,
.q-acl-table th,
input.q-acl-input-add {
  font-size: 14px;
  color: #444;
}
.q-acl-table tbody td,
.q-acl-table tbody th {
  padding: 1em;
}
.q-acl-table span + span {
  margin-left: 0.5em;
}
.q-acl-username {
  max-width: 300px;
}
.q-acl-input-add {
  width: 300px;
}
.q-acl-user-photo-missing {
  text-align: center;
}
.q-acl-user-photo-missing::after {
  font-family: FontAwesome;
  color: #444;
  display: inline-block;
  padding: 0.2em 0;
  font-size: 18px;
}
.q-acl-user-photo-missing[data-type='user']::after {
  content: '\f007';
}
.q-acl-user-photo-missing[data-type='group']::after {
  content: '\f0c0';
}
#acl-add-panel {
  padding: 1em;
  font-size: 14px;
}

.q-acl-dialog #acl-list {
  margin: 1em;
  width: 600px;
  min-height: 300px;
  max-height: 450px;
  overflow: auto;
}
.q-acl-dialog .q-acl-table {
  width: 100%;
}
.q-acl-dialog thead tr,
.q-acl-dialog thead th {
  background-color: #fff;
}

.q-label {
  padding: 0 0 0.1em 0;
  display: block;
}

.q-form {
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}
.q-form A,
.q-form BODY,
.q-form INPUT,
.q-form SELECT,
.q-form SPAN,
.q-form TEXTAREA,
.q-form TD,
.q-form BUTTON {
  font-size: inherit;
}

.q-form-element-container {
  margin-bottom: 10px;
  position: relative;
}

.q-form-inline-help-item {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px;
  cursor: help;
}
.q-form-inline-help-item::after {
  font-family: FontAwesome;
  color: #1c85ba;
  content: '\f059';
  font-size: 16px;
}
.q-form-inline-help-item:hover::before {
  display: inline-block;
  content: attr(data-text);
  max-width: 500px;
  min-width: 300px;
  padding: 1em;
  position: absolute;
  top: 1.4em;
  right: 0;
  background: #f7f7f7;
  color: #444;
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-size: 13px;
}

.q-label-required:after {
  content: '*';
  color: #f00;
}

.q-offscreen {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.q-width-100 {
  width: 100%;
}
.q-width-50 {
  width: 50%;
}

.q-display-count[data-count]:after {
  content: attr(data-count);
}
.q-display-inline {
  display: inline;
}
.q-display-inlineblock {
  display: inline-block;
}
.q-items-vertical-align-middle > *,
.q-items-vertical-align-middle > .aspNetDisabled > * /*permission dialogs*/ {
  vertical-align: middle;
}

.q-user-photo {
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.q-user-photo-circle {
  border-radius: 50%;
}

.q-user-photo-icon {
  height: 25px;
  width: 25px;
  display: inline-block;
}

.q-user-photo-icon-missing {
  text-align: center;
  font-size: 1.2em;
}
.q-user-photo-icon-missing::after {
  font-family: 'FontAwesome';
  display: inline-block;
  color: #444;
}
.q-user-photo-icon-missing[data-type='user']::after {
  content: '\f007';
}
.q-user-photo-icon-missing[data-type='group']::after {
  content: '\f0c0';
}
.q-user-photo-icon-missing[data-type='registrant']::after {
  content: '\f0ac';
}

.q-user-edit-photo-container {
  text-align: center;
  z-index: 1;
}

.q-user-edit-photo-view {
  height: 150px;
  width: 150px;
  position: relative;
}

.q-user-edit-photo-upload-btn {
  padding: 1em 1em 0.5em 1em;
}

.q-user-photo-missing:after {
  color: #c0c0c0;
  content: 'No Photo';
  line-height: 140px;
}

/*  user contact card  */

.q-user-contact-card-activator {
  font-size: inherit;
}
.q-user-contact-card-activator:hover {
  cursor: pointer;
  text-decoration: underline;
}

.q-user-contact-card,
.q-user-contact-card * {
  box-sizing: border-box;
  color: #444;
  font-size: 14px;
}

.q-user-contact-card {
  display: inline-block;
  position: absolute;
  max-width: 540px;
  padding: 2em;
  border-radius: 2px;
  z-index: 1000;
}

/* card pointers */

#user-contact-card::before,
#user-contact-card::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#user-contact-card::before {
  top: -21px;
  left: 19px;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-bottom: 21px solid #c0c0c0;
}

#user-contact-card::after {
  top: -20px;
  left: 20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
}

#user-contact-card.q-user-contact-card-inverted::before {
  top: auto;
  bottom: -21px;
  transform: rotate(180deg);
}

#user-contact-card.q-user-contact-card-inverted::after {
  top: auto;
  bottom: -19px;
  transform: rotate(180deg);
}

#user-contact-card-photo {
  height: 150px;
  width: 150px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 1em;
}

#user-contact-card-photo.q-user-photo-missing {
  border: 1px solid #c0c0c0;
  display: none;
}

#user-contact-card-details {
  line-height: 1.8;
  text-align: center;
}

#user-contact-card-header {
  font-size: 22px;
  margin: 0 0 0.5em 0;
}

#user-contact-card-header,
#user-contact-card-description,
#user-contact-card-email {
  word-break: break-word;
}

.q-user-contact-card .fa {
  margin-left: 0.5em;
}

#user-contact-card-details a {
  text-decoration: underline;
}

#user-contact-card-related-users {
  max-height: 100px;
  overflow: auto;
  text-overflow: ellipsis;
  word-break: break-word;
}

/*   END user contact card */

/* tree gear icon buttons */
.q-folder-tree-btn {
  color: #767676;
  visibility: hidden;
  cursor: pointer;
}
.RadTreeView li div:hover .q-folder-tree-btn {
  visibility: visible;
}

.q-ui-resizable-tree .ui-resizable-handle:hover {
  background-image: url('/qcore/images/background/dash.png');
  background-repeat: repeat-y;
  background-position: 2px;
}

/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.pure-button {
  /* Structure */
  display: inline-block;
  *display: inline; /*IE 6/7*/
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*csslint outline-none:false*/

.pure-button {
  font-family: inherit;
  font-size: 100%;
  *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
  *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  padding: 0.5em 1em;
  color: #444; /* rgba not supported (IE 8) */
  color: rgba(0, 0, 0, 0.8); /* rgba supported */
  *color: #444; /* IE 6 & 7 */
  border: 1px solid #999; /*IE 6/7/8*/
  border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
  background-color: #e6e6e6;
  text-decoration: none;
  border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(transparent),
    color-stop(40%, rgba(0, 0, 0, 0.05)),
    to(rgba(0, 0, 0, 0.1))
  );
  background-image: -webkit-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -o-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  text-decoration: none;
}
.pure-button:focus {
  outline: 0;
}
.pure-button-active,
.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset,
    0 0 6px rgba(0, 0, 0, 0.2) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
  text-decoration: none;
}

.pure-button-hidden {
  display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pure-button-primary,
input[type='submit'].pure-button-primary,
input[type='button'].pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
  background-color: #1c85ba; /*rgb(0, 120, 231);*/
  color: #fff;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

a[disabled].button-success,
a[disabled].button-error,
a[disabled].button-warning,
a[disabled].button-secondary {
  color: #fff;
}

.button-success {
  background: #449d44; /* forest green */
}

.button-error {
  background: #c9302c; /* dark red */
}

.button-warning {
  background: #ec971f; /* orange */
}

.button-secondary {
  background: #31b0d5; /* light blue */
}
.button-light {
  background: #ffffff; /* white */
}

.icon-button-success,
.icon-button-success .fa,
.icon-success {
  color: #449d44; /* forest green */
}

.icon-button-error,
.icon-button-error .fa,
.icon-error {
  color: #c9302c; /* dark red */
}

.icon-button-warning,
.icon-button-warning .fa,
.icon-warning {
  color: #ec971f; /* orange */
}

.icon-button-secondary,
.icon-button-secondary .fa,
.icon-secondary {
  color: #31b0d5; /* light blue */
}
.icon-button-light,
.icon-button-light .fa,
.icon-light {
  color: #ffffff; /* white */
}
.icon-button-primary,
.icon-button-primary .fa,
.icon-primary {
  color: #1c85ba; /* qscend blue */
}
.icon-button-standard,
.icon-button-standard .fa,
.icon-standard {
  color: #444; /* dark gray */
}

.icon-hover-error:hover,
.icon-hover-error:hover .fa {
  color: #c9302c; /* dark red */
}

.icon-button-success:hover,
.icon-button-error:hover,
.icon-button-warning:hover,
.icon-button-secondary:hover,
.icon-button-secondary:hover,
.icon-button-light:hover,
.icon-button-primary:hover,
.icon-button-standard:hover {
  text-decoration: none;
}

.icon-button-success[disabled],
.icon-button-error[disabled],
.icon-button-warning[disabled],
.icon-button-secondary[disabled],
.icon-button-secondary[disabled],
.icon-button-light[disabled],
.icon-button-primary[disabled],
.icon-button-standard[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.icon-hover-error[disabled]:hover,
.icon-hover-error[disabled]:hover .fa {
  color: #444;
}

.button-processing,
.button-processing:hover {
  background: transparent;
  color: transparent;
  text-shadow: none;
  background-image: url(/qcore/images/progress/LoadingProgressBar.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: progress;
}
.button-icon-only {
  /* intended for actual <button> elements; only show inner icon */
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #444;
}

.pure-button.ui-button .ui-button-text {
  /* jquery ui dialog buttons with pure-button class */
  font-size: 13px;
}

/* Toggle Checkbox - with text */

input.toggle-switch {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

input.toggle-switch + label {
  display: inline-block;
  color: #444;
  background-color: #fff;
  font-weight: bold;
  cursor: pointer;
  width: 40px;
  height: 18px;
  padding-top: 3px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #fff;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.toggle-switch:checked + label {
  background-color: #1c85ba;
  color: #fff;
}

input.toggle-switch + label.ie-unchecked {
  /* IE Specific */
  background: url('/qcore/images/buttons/toggle-off.png') \9;
  margin: 0\9;
  padding: 0\9;
  border: none\9;
  width: 44px\9;
  height: 27px\9;
}

input.toggle-switch + label.ie-checked {
  background: url('/qcore/images/buttons/toggle-on.png') \9;
  margin: 0\9;
  padding: 0\9;
  border: none\9;
  width: 44px\9;
  height: 27px\9;
}

input.toggle-switch:checked + label > span:after {
  content: 'On' !important;
}
input.toggle-switch:not([checked]) + label > span:after {
  content: 'Off';
}

/* material design switches - no text */

.q-toggle {
  box-sizing: border-box;
  display: inline-block;
}
.q-toggle-label {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}
.q-toggle-label::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-toggle-label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}
input[type='checkbox'].q-toggle-input {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  position: absolute;
  outline: none;
  top: auto;
  left: -9999px;
}
input[type='checkbox'].q-toggle-input:checked + .q-toggle-label {
  background: #add8e6;
}
input[type='checkbox'].q-toggle-input:checked + .q-toggle-label::before {
  left: 20px;
  background: #1c85ba;
}
input[type='checkbox'].q-toggle-input:checked + .q-toggle-label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}

input[type='checkbox'].q-toggle-input-success:checked + .q-toggle-label {
  background: #85e685;
}
input[type='checkbox'].q-toggle-input-success:checked
  + .q-toggle-label::before {
  background: #449d44;
}

input[type='checkbox'].q-toggle-input-error:checked + .q-toggle-label {
  background: #f78f8f;
}
input[type='checkbox'].q-toggle-input-error:checked + .q-toggle-label::before {
  background: #c9302c;
}

/* font-awesome toggle icons */
input[type='checkbox'].q-toggle-switch-icon {
  position: absolute;
  top: auto;
  left: -99999px;
  outline: none;
}
input[type='checkbox'].q-toggle-switch-icon + label {
  display: inline-block;
}
input[type='checkbox'].q-toggle-switch-icon + label:before {
  content: '\f204';
  color: #c0c0c0;
  font-family: FontAwesome;
  font-size: 26px;
  cursor: pointer;
}
input[type='checkbox'].q-toggle-switch-icon:checked + label:before {
  content: '\f205';
  color: #449d44;
}
input[type='checkbox'].q-toggle-switch-icon:focus + label {
  outline: 1px dashed #c0c0c0;
  outline-offset: 2px;
}
input[type='checkbox'].q-toggle-switch-icon[disabled] + label::before {
  opacity: 0.4;
  cursor: not-allowed;
}

.q-tabstrip {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;

  margin-bottom: 10px;
  border-bottom-color: #b6b6b6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.q-tabstrip > ul {
  display: flex;
  flex-direction: row;
  height: 20px;

  list-style: none;
  margin: 0;
  padding: 0;
}
.q-tabstrip > ul > li {
  height: 100%;
  align-content: center;
  text-align: center;
  padding: 0 10px;
}
.q-tabstrip > ul > li > span > a {
  text-decoration: none;
  text-wrap: nowrap;
  color: var(--text-secondary);
}
.q-tabstrip > ul > li.q-tabstrip-selected {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--color-primary);
}
.q-tabstrip > ul > li.q-tabstrip-selected > span > a {
  color: var(--text-primary);
  font-weight: bolder;
}

.q-browser-support-banner {
  padding: 2em;
  background-color: #c9302c;
  color: #fff;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #c0c0c0;
}
.q-browser-support-banner-icon {
  margin-right: 0.6em;
}
.q-browser-support-banner-icon,
.q-browser-support-banner-text {
  vertical-align: middle;
  font-size: 14px;
}
.q-browser-support-banner-text {
  display: inline-block;
  max-width: 90%;
}
.q-browser-support-banner-close-btn {
  position: absolute;
  right: 2em;
  color: #fff;
}
.q-browser-support-banner a {
  font-size: inherit;
  color: #fff;
  text-decoration: underline;
}

#dialog-help-about * {
  text-align: center;
  color: #444;
}

#dialog-help-about a {
  color: #1c85ba;
}

#dialog-help-about a:active,
#dialog-help-about a:focus {
  outline: none;
}

#dialog-help-about h1 {
  font-size: 28px;
}
#dialog-help-about p,
#dialog-help-about a {
  font-size: 14px;
}

.q-bubble-popup-container {
  margin-top: 20px;
}
.q-bubble-pointer-inner {
  border-left: 14px solid rgba(0, 0, 0, 0);
  border-right: 14px solid rgba(0, 0, 0, 0);
  border-bottom: 14px solid #f9f9f9;
  top: -12px;
}
.q-bubble-pointer-outer {
  border-left: 14px solid rgba(0, 0, 0, 0);
  border-right: 14px solid rgba(0, 0, 0, 0);
  border-bottom: 14px solid #c0c0c0;
  top: -13px;
}
.q-bubble-pointer-outer,
.q-bubble-pointer-inner {
  display: block;
  left: 20px;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 101;
}
.q-bubble-popup-content {
  background: #f9f9f9;
  padding: 20px;
}

/* date range relative  */

.q-date-range-relative,
.q-date-range-view-relative,
.q-date-range-view-range {
  display: inline-block;
}
.q-date-range-relative-unit {
  margin-left: 0.4em;
}
.q-date-range-toggle {
  color: #1c85ba;
  margin-left: 0.4em;
}
.q-date-range-mode-range .q-date-range-view-relative {
  display: none;
}
.q-date-range-mode-relative .q-date-range-view-range {
  display: none;
}

/* file uploader */

.q-fileupload-progress-bar-container {
  display: block;
  position: fixed;
  bottom: 1px;
  right: 1px;
  background: #fafafa;
  border: 1px solid #c0c0c0;
  padding: 10px 20px;
}
.q-fileupload-progress-text {
  vertical-align: middle;
  line-height: 20px;
  margin-right: 10px;
}
.q-fileupload-progress-innerbar {
  background-color: #449d44;
  color: #ffffff;
  text-align: center;
}

.q-file-drop-target {
  background-color: #fff;
  border: 3px solid #449d44;
  box-sizing: border-box;
  text-align: center;
  color: #1c85ba;
  font-size: 16px;
  z-index: 1;
}

.q-file-drop-target-display {
  outline: 0px solid #449d44;
  -webkit-animation-duration: 1.25s;
  -webkit-animation-name: containeroutline;
  -webkit-animation-iteration-count: 2;
  -moz-animation-duration: 1.25s;
  -moz-animation-name: containeroutline;
  -moz-animation-iteration-count: 2;
  animation-duration: 1.25s;
  animation-name: containeroutline;
  animation-iteration-count: 2;
}
@-webkit-keyframes containeroutline {
  from {
    outline-width: 0px;
  }
  50% {
    outline-width: 5px;
  }
  to {
    outline-width: 0px;
  }
}
@-moz-keyframes containeroutline {
  from {
    outline-width: 0px;
  }
  50% {
    outline-width: 5px;
  }
  to {
    outline-width: 0px;
  }
}
@keyframes containeroutline {
  from {
    outline-width: 0px;
  }
  50% {
    outline-width: 5px;
  }
  to {
    outline-width: 0px;
  }
}

.q-sidebar {
  position: fixed;
  box-sizing: border-box;
  height: 100%;
  width: 400px;
  top: 0;
  right: 0;
  z-index: 1100;
  margin-right: -400px;
}

.q-sidebar-header {
  padding: 10px 30px 10px 10px;
  background-color: #f0f2f4;
  box-shadow: -0.75px 1.74px 3px rgba(0, 0, 0, 0.2);
}
.q-sidebar-header h1 {
  padding: 0;
  margin: 0;
  color: #444;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.q-sidebar-button-container {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.q-sidebar-button {
  color: #c0c0c0;
  font-size: 20px;
  font-weight: bold;
}
.q-sidebar-button:hover {
  text-decoration: none;
  color: #444;
}

.q-sidebar-button + .q-sidebar-button {
  margin-left: 0.4em;
}

.q-sidebar-content {
  padding: 10px;
  overflow: auto;
}

.q-sidebar-load-indicator:after {
  display: inline-block;
  content: '';
  height: 16px;
  width: 16px;
  background: url('/qcore/images/progress/indicator.gif');
  background-repeat: no-repeat;
  margin-left: 0.5em;
}

.q-sidebar-animate-open {
  margin-right: 0px;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: sidebar-animate-open;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: sidebar-animate-open;
  -moz-animation-iteration-count: 1;
  animation-duration: 0.5s;
  animation-name: sidebar-animate-open;
  animation-iteration-count: 1;
}
@-webkit-keyframes sidebar-animate-open {
  from {
    margin-right: -400px;
  }
  to {
    margin-right: 0px;
  }
}
@-moz-keyframes sidebar-animate-open {
  from {
    margin-right: -400px;
  }
  to {
    margin-right: 0px;
  }
}
@keyframes sidebar-animate-open {
  from {
    margin-right: -400px;
  }
  to {
    margin-right: 0px;
  }
}

.q-sidebar-animate-close {
  margin-right: -400px;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: sidebar-animate-close;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: sidebar-animate-close;
  -moz-animation-iteration-count: 1;
  animation-duration: 0.5s;
  animation-name: sidebar-animate-close;
  animation-iteration-count: 1;
}
@-webkit-keyframes sidebar-animate-close {
  from {
    margin-right: 0px;
  }
  to {
    margin-right: -400px;
  }
}
@-moz-keyframes sidebar-animate-close {
  from {
    margin-right: 0px;
  }
  to {
    margin-right: -400px;
  }
}
@keyframes sidebar-animate-close {
  from {
    margin-right: 0px;
  }
  to {
    margin-right: -400px;
  }
}

.q-banner {
  margin: 0 0 1em 0;
  font-size: 16px;
  padding: 1em;
  background-color: #449d44;
  color: #fff;
  text-align: center;
}
.q-banner-error {
  background-color: #c9302c;
}
.q-main-content-area > .q-banner {
  margin-top: -5px;
}

.q-lightbox {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 5001;
  padding: 100px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}
.q-lightbox-toolbar {
  position: fixed;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 1em;
}
.q-lightbox-toolbar-button {
  color: #fff;
  cursor: pointer;
  margin: 0 1em;
}
.q-lightbox-toolbar-button:hover {
  text-decoration: none;
}
.q-lightbox a {
  outline: none;
}
.q-lightbox img,
.q-lightbox video {
  max-height: 600px;
  max-width: 1000px;
}

.q-login-alert-overlay,
.q-login-alert-overlay * {
  box-sizing: border-box;
}

.q-login-alert-overlay {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #016198;
  color: #fff;
  font-size: 1.5em;
}

.q-login-alert-column {
  width: 35em;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.q-login-alert-message-container {
  margin-top: 2em;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
}
.q-login-alert-message {
  padding: 2em;
  color: #444;
  background-color: #fff;
  word-break: break-word;
}
.q-login-alert-message img,
.q-login-alert-message iframe {
  max-width: 100%;
}
.q-login-alert-message h1 {
  margin-top: 0;
}
.q-login-alert-message a {
  font-size: 16px; /* IE */
  font-size: initial; /* everyone else */
  text-decoration: underline;
}

.q-login-alert-footer {
  background-color: #54b95a;
  color: #fff;
  text-align: right;
}

.q-login-alert-footer:hover {
  background-color: #399c41;
}

.q-login-alert-message-button {
  display: block;
  width: 100%;
  text-align: right;
  padding: 0.5em 1em;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 100%;
  text-transform: uppercase;
  cursor: pointer;
}

.q-login-alert-footer-arrow {
  color: #fff;
  margin-left: 0.5em;
}

.q-login-alert-logo-container {
  padding: 1em 0;
}

.q-login-alert-logo {
  width: 109px;
  height: 29px;
}

#product-access-landing,
#product-access-landing * {
  box-sizing: border-box;
}
#product-landing,
#product-access-landing {
  margin: auto;
  width: 620px;
  min-height: 100vh;
  padding-top: 30vh;
  text-align: center;
}

#product-landing #user-product-list,
#product-access-landing #user-product-list {
  margin: 2em 0;
}

#product-landing .q-product-list-item,
#product-access-landing .q-product-list-item {
  display: inline-block;
  width: 100px;
}

#product-landing .q-product-list-item-anchor,
#product-landing .q-product-list-item-anchor:hover,
#product-access-landing .q-product-list-item-anchor,
#product-access-landing .q-product-list-item-anchor:hover {
  text-decoration: none;
}

#product-landing h2,
#product-access-landing h2 {
  color: #444;
}

#product-landing .q-product-list-item-name,
#product-landing p,
#product-access-landing .q-product-list-item-name,
#product-access-landing p {
  font-size: 14px;
  color: #444;
}

.q-tour-content {
  font-size: 14px;
  padding: 1em;
}
.q-tour-message {
  padding-right: 1em;
}
.q-tour-nav {
  margin-top: 1em;
  position: relative;
}
.q-tour-nav button + button {
  margin-left: 0.4em;
}
.q-tour-progress {
  display: inline-block;
  margin-left: 1em;
}
#q-tour-close-btn {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #fff;
}
#q-tour-prev-btn .fa {
  margin-right: 0.1em;
}
#q-tour-next-btn .fa,
#q-tour-done-btn .fa {
  margin-left: 0.1em;
}
#q-tour-overlay {
  box-sizing: border-box;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0.1;
  filter: alpha(opacity=0);
  z-index: 20000;
  background: url('/qcore/css/jquery.ui/images/ui-bg_flat_0_aaaaaa_40x100.png')
    repeat-x scroll 50% 50% #aaaaaa;
}

/*  Multi-factor auth challenge   */
#mfa-challenge,
#mfa-challenge * {
  font-size: 14px;
  text-align: center;
}
#mfa-challenge {
  width: 400px;
  margin: 0 auto;
}
#mfa-product-logo {
  margin: 2em 0 1em 0;
}
#mfa-product-logo img {
  height: 48px;
  width: 48px;
}
#mfa-challenge h2 {
  font-size: 20px;
  margin: 16px 0;
}
#mfa-challenge h2,
#mfa-challenge p {
  color: #444;
}
#mfa-challenge #mfa-code {
  width: 110px;
  padding: 0.3em;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

/*  Multi-factor auth setup   */
#mfa-setup,
#mfa-setup * {
  font-size: 14px;
  text-align: center;
}
#mfa-setup {
  width: 400px;
  margin: 0 auto;
}
#mfa-product-logo {
  margin: 2em 0 1em 0;
}
#mfa-product-logo img {
  height: 48px;
  width: 48px;
}
#mfa-setup h2 {
  font-size: 20px;
  margin: 16px 0;
}
#mfa-setup h2,


/* generic dialog (qcore.ui.js)  */
.q-dialog-generic-content {
  font-size: 14px;
  margin: 1em;
}
.q-dialog-generic-icon {
  float: left;
  margin-right: 0.4em;
}
.q-dialog-generic-button-container {
  text-align: right;
  margin-bottom: 1em;
}
.q-dialog-generic-content .q-dialog-textarea {
  font-size: 14px;
}
/* end generic dialog */

.q-warning-message {
  color: #c9302c;
  background: #f7f3ce;
  padding: 1em;
}
.q-warning-message::before {
  content: '\f071';
  font-family: FontAwesome;
  margin-right: 0.3em;
}

/* animations */

.q-animate-spin {
  animation-duration: 0.5s;
  animation-name: spin;
  animation-iteration-count: infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.q-outline-emphasize-element {
  outline-offset: 0.5em;
  outline: 0px solid #ffa500;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: emphasizeoutline;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: emphasizeoutline;
  -moz-animation-iteration-count: 1;
  animation-duration: 0.5s;
  animation-name: emphasizeoutline;
  animation-iteration-count: 1;
}
@keyframes emphasizeoutline {
  from {
    outline-width: 0px;
  }
  50% {
    outline-width: 3px;
  }
  to {
    outline-width: 0px;
  }
}

/* mult-level dropdown (request type dropdown) */

.mldd-container {
  display: inline-block;
  position: relative;
}

.mldd-container::after {
  font-family: FontAwesome;
  content: '\f0d7';
  position: absolute;
  right: 6px;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.mldd-input {
  display: inline-block;
  position: relative;
  padding-right: 1.5em !important;
}
.mldd-input::-ms-clear {
  display: none;
}

.mldd-list,
.mldd-list *,
.mldd-container,
.mldd-container * {
  box-sizing: border-box;
}

.mldd-clear-btn {
  display: none;
  position: absolute;
  right: 20px;
  height: 98%;
  height: calc(100% - 2px);
  border: 0;
  background: #fff;
  margin-top: 1px;
  color: #444;
}
.mldd-input-clear-enabled:hover .mldd-clear-btn {
  display: inline-block;
}

.mldd-hide-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mldd-list {
  position: absolute;
  padding: 0;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  max-height: 320px;
  max-width: 400px;
  overflow: auto;
  -moz-user-select: none;
  user-select: none;
}

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

.mldd-root {
  padding-left: 0;
  margin: 0;
}

.mldd-root:empty:after {
  content: 'No matches found';
  display: block;
  font-style: italic;
  padding: 1em;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
}
.mldd-search-results:not(:empty)::before {
  content: 'Search Results';
  display: block;
  text-align: left;
  font-size: 16px;
  padding: 0.4em 1em;
  font-weight: bold;
}

.mldd-list .mldd-category {
  padding-left: 2em;
}

.mldd-list li {
  cursor: pointer;
  position: relative;
}

.mldd-text {
  display: inline-block;
  width: 100%;
  padding: 0.4em 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mldd-text:hover,
.mldd-item-focus > .mldd-text {
  background-color: #cfeff7;
}
.mldd-item-focus,
.mldd-root li:focus {
  outline: none;
}

.mldd-root .mldd-category-parent > .mldd-text::after {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f0d7';
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.4em 0.2em;
  display: inline-block;
  background-color: transparent;
}

.mldd-root .mldd-category-parent.mldd-collapsed > .mldd-text::after {
  transform: rotate(-90deg);
}

.mldd-collapsed > .mldd-category {
  display: none;
}

#feature-paywall {
  width: 500px;
  margin: 2em auto;
}
#feature-paywall input[type='text'] {
  width: 100%;
}
#feature-paywall .paywall-form-header {
  text-align: center;
  font-size: 26px;
  background: #ac2824; /* #c9302c; */
  color: #fff;
  padding: 1em;
  margin: 20px 0 0 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#feature-paywall .paywall-form-description-container {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#feature-paywall .paywall-section-icon {
  float: left;
  margin-right: 0.5em;
}

#feature-paywall .paywall-form-description-container,
#feature-paywall .paywall-request-pending {
  padding: 1em;
  margin: 0 0 40px 0;
}
#feature-paywall .paywall-request-pending {
  background-color: #449d44;
  color: #fff;
  border-radius: 20px;
}
#feature-paywall .paywall-request-pending a {
  color: #fff;
}
#feature-paywall .paywall-form-description-container {
  background-color: #f7f7f7;
  border: 1px solid #c0c0c0;
}
#feature-paywall .paywall-form-description-container h3 {
  text-align: center;
}
#feature-paywall a {
  text-decoration: underline;
}
#feature-paywall .ERROR_MESSAGE {
  text-align: center;
  padding: 1em;
  font-size: inherit;
}

.q-toast {
  box-sizing: border-box;
  position: fixed;
  bottom: 2em;
  margin: 0 auto;
  padding: 2em 3em 2em 2em;
  min-width: 350px;
  border-radius: 15px;
  font-size: 14px;
  color: #444;
  background-color: #f7f7f7;
  border: 1px solid #c0c0c0;
  z-index: 1;
}
.q-toast-position-center {
  left: 0;
  right: 0;
}
.q-toast-position-left {
  left: 2em;
}
.q-toast-position-right {
  right: 2em;
}
.q-toast-success {
  background-color: #449d44;
  color: #fff;
  border-color: transparent;
}
.q-toast-error {
  background-color: #c9302c;
  color: #fff;
  border-color: transparent;
}
.q-toast-icon {
  margin-right: 0.4em;
}
.q-toast-dismiss {
  position: absolute;
  top: 1em;
  right: 1em;
}
.q-toast-dismiss.button-icon-only {
  color: inherit;
}
.q-toast-button-container {
  text-align: right;
  margin-top: 2em;
}
.q-toast-button .fa {
  margin-right: 0.4em;
}