@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  src: url("/css/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  src: url("/css/fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: bold;
  font-display: swap;
  src: url("/css/fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: bold;
  font-display: swap;
  src: url("/css/fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  src: url("/css/fonts/Rubik-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-display: swap;
  src: url("/css/fonts/Rubik-BoldItalic.ttf") format("truetype");
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  max-height: 100%;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Aria l, sans-serif;
  text-underline-offset: 2px;
  background-color: #004882;
}

* {
  margin: 0px;
  padding: 0px;
}

APP {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* The main container for the app between the header  & footer */
  /* Needed to center the FontAwesome icons in the kendo buttons */
}
APP .header-resolution-warning {
  background-color: #C24036;
  color: white;
  padding: 3px;
  font-size: 12px;
  display: none;
  user-select: none;
}
@media screen and (max-width: 799px) {
  APP .header-resolution-warning {
    display: inline;
  }
}
APP .header {
  width: 100%;
  padding: 0 0;
  border-bottom: inset;
  border-bottom-width: 0px;
  display: flex;
  height: 60px;
  xbackground-image: url(/images/header-bg.png);
  xbackground-blend-mode: luminosity;
  background-color: #004882;
}
APP .header .header-container {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  color: white;
}
APP .header .header-container .logo {
  display: flex;
  height: 28px;
  width: 350px;
  background-image: url(/images/quelock_logo_horizontal_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
}
APP .header .header-container .xlogo:hover {
  opacity: 0.8;
}
APP .header .header-container .app-bar-title {
  display: none;
  align-items: center;
  padding: 0 25px;
  font-size: 22px;
  font-family: Roboto;
  font-weight: 400;
  white-space: nowrap;
  color: #fff;
  user-select: none;
}
APP .header .header-container .app-bar-title-spacer {
  flex: 1 1 0px;
}
@media screen and (max-width: 700px) {
  APP .header .header-container .app-bar-title {
    display: none;
  }
}
APP .header .header-container .app-bar-buttons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  column-gap: 10px;
}
APP .header .header-container .app-bar-btn {
  height: 35px;
  width: 35px;
  border: 1px solid #216BB5;
  color: #216BB5;
  background-color: #ededed;
  font-weight: 500;
  padding-top: 5px;
}
APP .header .header-container .app-bar-btn:hover {
  background-color: #216BB5;
  color: #DFE8EF;
}
APP .header .header-container .content-drawer {
  flex: 1;
  display: flex;
}
APP .header .header-container .content-drawer .k-drawer-items {
  background-color: #004882;
  color: #DFE8EF;
  border-right: 1px solid #004882;
  padding-top: 3px;
  flex-direction: row;
}
APP .header .header-container .content-drawer .k-drawer-items ul {
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
APP .header .header-container .content-drawer .k-drawer-items .k-menu-button {
  border: none;
  border-radius: 3px;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-separator-vertical {
  background-color: #DFE8EF;
  height: 25px;
  width: 1px;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-workspace-item:hover {
  background-color: #f0f0f0;
  border-radius: 3px;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-workspace-item:hover button {
  background-color: #f0f0f0;
  color: #666;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-workspace-item:hover button i {
  color: #666;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-workspace-item {
  background-color: #004882;
  height: 32px;
  align-items: center;
  display: flex;
  flex-direction: row;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-workspace-item button {
  background-color: #004882;
  color: #DFE8EF;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-workspace-item button i {
  padding-top: 5px;
  color: #DFE8EF;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-item {
  width: 40px;
  display: flex;
  justify-content: center;
  border-radius: 3px;
}
APP .header .header-container .content-drawer .k-drawer-items .k-drawer-item i {
  text-align: center;
  font-size: 16px;
}
APP .header .header-container .content-drawer .k-drawer-items .k-selected {
  background-color: #C24036;
}
@media (max-width: 550px) {
  APP .header .nav-container .title {
    display: none;
  }
}
APP .app-badge {
  background-color: #C24036;
  color: white;
  font-size: 11px;
  font-weight: bold;
  border: none;
  padding: 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 0px 0px 2px;
  border-radius: 16px;
}
APP .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
APP .content .content-drawer {
  flex: 1;
  display: flex;
  height: 100%;
}
APP .content .content-drawer .content-drawer-spacer {
  flex: 1 1 0px;
}
APP .content .content-drawer .content-drawer-settings {
  align-self: end;
  justify-self: end;
}
APP .content .content-drawer .drawer-button {
  width: 40px;
  color: #004882;
  font-size: 12px;
}
APP .content .content-drawer .drawer-button::after {
  box-shadow: unset;
}
APP .content .content-drawer .k-drawer-items {
  background-color: #004882;
  color: #DFE8EF;
  border-right: 1px solid #004882;
  width: 60px;
  padding-top: 3px;
}
APP .content .content-drawer .k-drawer-items .k-drawer-separator {
  background-color: #DFE8EF;
}
APP .content .content-drawer .k-drawer-items .k-drawer-item {
  align-items: baseline;
  justify-content: center;
  width: 60px;
  border-radius: 3px 0 0 3px;
}
APP .content .content-drawer .k-drawer-items .k-drawer-item .k-icon {
  text-align: center;
  font-size: 18px;
  width: auto;
}
APP .content .content-drawer .k-drawer-items .k-selected {
  background-color: #C24036;
}
APP .content .content-drawer .content-drawer-body {
  flex: 1;
  display: flex;
  border-radius: 3px;
  overflow: hidden;
  /* I don't know why 90% works and 100 doesn't */
}
APP .content .content-drawer .content-drawer-body .content-drawer-body-item {
  display: flex;
  flex: 1;
  width: 100%;
  background-color: white;
}
APP .content .content-drawer .drawer-button-container {
  padding: 5px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #ececec;
}
APP .content .content-drawer .drawer-button-container .k-item-text {
  font-weight: bold;
  font-size: 16px;
}
APP .content .content-drawer .drawer-button-container .drawer-button {
  align-self: end;
  height: 32px;
  width: 32px;
  margin: 0px 8px;
}
APP .content .content-drawer .drawer-button-container .drawer-button:hover {
  background-color: #ececec;
}
APP .footer {
  background-color: #004882;
  color: white;
  padding: 5px 15px;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  height: 28px;
}
APP .footer .footer-userinfo {
  user-select: none;
}
APP .footer .footer-activity {
  user-select: none;
}
APP .footer .footer-versioninfo {
  cursor: pointer;
}
APP .footer .footer-separator {
  background-color: #DFE8EF;
  height: 10px;
  width: 1px;
  margin: 0 10px;
}
APP .footer .footer-versioninfo:hover {
  text-decoration: underline;
}
APP .footer .footer-filler {
  flex-grow: 1;
}
APP .footer .footer-license {
  cursor: pointer;
  display: flex;
  align-items: center;
}
APP .footer .footer-license .license-warning {
  padding-right: 10px;
  font-size: 15px;
  color: white;
}
APP .footer .footer-license .footer-license-message {
  line-height: 1em;
}
APP .footer .footer-license .footer-license-message:hover {
  text-decoration: underline;
}
APP div[data-lastpass-icon-root] {
  display: none;
}
APP label {
  font-size: 12px;
  padding-left: 5px;
}
APP .hidden {
  display: none !important;
}
APP .invisible {
  visibility: hidden;
}
APP .valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}
APP .invalid {
  outline: 1px solid red;
}
APP .validation-message {
  color: red;
}
APP .disabled {
  pointer-events: none;
  opacity: 0.5;
}
APP .checkbox-list {
  display: flex;
  flex-direction: column;
}
APP .checkbox-group {
  white-space: nowrap;
}
APP .checkbox-group .k-checkbox {
  margin: 3px;
}
APP .checkbox-group label {
  padding: 3px 32px 3px 5px;
}
APP .tree-btns {
  display: flex;
  justify-content: end;
  padding: 5px;
  gap: 5px;
}
APP .treelist-col-button-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
APP .treelist-col-button-header .treelist-col-button-header-text {
  flex: 1 1 0px;
}
APP .treelist-col-button-header .k-button {
  padding: 0;
  border: 0;
  margin-top: -7px;
  margin-right: -7px;
}
APP .nodata-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
APP .nodata-section .nodata-text {
  font-size: 14px;
  padding: 10px 0;
}
APP .icon-button {
  border: none;
  background-color: unset;
  background-image: unset;
}
APP .icon-button .component-help-icon {
  color: #666;
}
APP .tall-textarea TEXTAREA {
  height: 300px;
}
APP .text-instructions {
  color: #666;
  font-style: italic;
}
APP .column-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
}
APP .job-content-logo {
  display: flex;
  margin-top: 10px;
  width: 100%;
  background-image: url(/images/quelock_logo_horizontal_fullcolor.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  height: 100%;
  align-content: flex-end;
  opacity: 0.2;
}
APP #blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
APP #blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}
APP .area {
  background: #004882;
  background: -webkit-linear-gradient(to left, #8f94fb, #004882);
  width: 100%;
  height: 100vh;
}
APP .area .circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
APP .area .circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;
}
APP .area .circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}
APP .area .circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}
APP .area .circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}
APP .area .circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}
APP .area .circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}
APP .area .circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}
APP .area .circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}
APP .area .circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}
APP .area .circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}
APP .area .circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}
@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
APP .error-notification {
  font-size: 1.5em;
  text-align: center;
  align-items: center;
  z-index: 30000;
  margin-top: 10px;
  margin-right: 10px;
}
APP .error-notification .k-notification {
  display: flex;
  border-color: #C24036 !important;
  background-color: #C24036 !important;
}
APP .error-notification .error-notification-alert {
  padding: 10px;
}
APP .error-notification .error-notification-alert .error-notification-alert-message {
  text-align: left;
  white-space: pre-line;
}
APP .error-notification .error-notification-alert .error-notification-alert-message a, APP .error-notification .error-notification-alert .error-notification-alert-message a:visited, APP .error-notification .error-notification-alert .error-notification-alert-message a:hover, APP .error-notification .error-notification-alert .error-notification-alert-message a:focus {
  color: white;
  text-decoration: underline;
}
APP .error-notification .error-notification-alert .error-notification-alert-message::first-line {
  font-size: 14px;
}
APP .mud-button-text.mud-button-text-primary {
  color: #004882;
}
APP .mud-fab-primary {
  background-color: #004882;
}
APP .mud-fab-primary:hover {
  background-color: #216BB5;
}
APP .mud-tabs-toolbar, APP .mud-tabs-toolbar-content, APP .mud-tab, APP .mud-dynamic-tabs, APP .mud-tabs-panel-header {
  height: 32px;
  min-height: 32px;
}
APP .mud-tabs-toolbar .mud-tabs-toolbar-inner {
  min-height: 32px;
}
APP .mud-typography-body1 {
  font-size: 14px;
}
APP .mud-dialog-content {
  overflow: auto;
  max-height: 550px;
}
APP .mud-icon-button {
  padding: 0px;
}
APP .mud-radio > .mud-radio-content {
  padding-left: 5px;
}
APP .mud-dialog > .mud-dialog-width-sm {
  max-width: unset;
}
APP .mud-radio-group {
  padding-left: 5px;
}
APP .k-datetimepicker.k-invalid {
  border-color: rgba(0, 0, 0, 0.08);
}
APP .k-menu-item.k-separator .k-link {
  display: none;
}
APP .k-multiselect {
  min-height: 28px;
}
APP .k-multiselect .k-input-inner {
  display: none;
}
APP .k-grid .k-hierarchy-cell .k-icon {
  width: 16px;
}
APP .split-button-sep {
  max-height: 1px;
  height: 1px;
  border-bottom: 1px solid #dddddd;
  content: "";
}
APP .k-animation-container-shown {
  z-index: 10000;
}
APP .k-separator-horizontal {
  color: #216BB5;
}
APP .k-context-menu, APP .k-menu-popup {
  padding: 0;
  background-color: rgba(239, 239, 239, 0.9333333333) !important;
  z-index: 200 !important;
  border: 1px solid #eeeeee;
}
APP .k-context-menu .k-menu-item, APP .k-menu-popup .k-menu-item {
  padding: 2px 10px;
  color: #004882;
}
APP .k-context-menu .k-item:hover, APP .k-context-menu .k-link:hover, APP .k-menu-popup .k-item:hover, APP .k-menu-popup .k-link:hover {
  color: #C24036 !important;
}
APP .k-context-menu .k-item, APP .k-context-menu .k-item:focus, APP .k-context-menu .k-item:active, APP .k-context-menu .k-link, APP .k-context-menu .k-link:focus, APP .k-context-menu .k-link:active, APP .k-menu-popup .k-item, APP .k-menu-popup .k-item:focus, APP .k-menu-popup .k-item:active, APP .k-menu-popup .k-link, APP .k-menu-popup .k-link:focus, APP .k-menu-popup .k-link:active {
  box-shadow: inherit !important;
}
APP .k-context-menu .tree-icon, APP .k-menu-popup .tree-icon {
  padding: 0 2px;
  font-size: 14px;
  width: 15px;
}
APP .k-context-menu .k-menu-link-text, APP .k-menu-popup .k-menu-link-text {
  font-size: 12px;
  padding: 0 6px;
}
APP .k-radio, APP .k-checkbox {
  border-color: rgba(0, 0, 0, 0.4);
}
APP .k-icon-button.k-button-md > .k-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
APP .k-stepper .k-step-indicator {
  width: 36px;
  height: 36px;
}
APP .editor-context-menu {
  z-index: calc(var(--mud-zindex-appbar) + 3);
}
APP .k-button-icon {
  color: #216BB5;
}
APP .k-button-text {
  color: #216BB5;
}
APP .k-button-text i {
  font-size: 16px;
  padding-right: 5px;
  color: #216BB5;
}
APP .k-button-text i:only-child {
  padding-right: 0;
}
APP .k-button-solid.k-selected .k-button-text {
  color: white;
}
APP .k-button-solid.k-selected i, APP .k-button-solid.k-selected span {
  color: white;
}
APP .k-button-solid-primary .k-button-text {
  color: white;
}
APP .k-button-solid-primary .k-button-text i {
  color: white;
}
APP .k-toolbar .k-toolbar-item {
  box-shadow: none !important;
}
APP .k-toolbar label {
  margin-right: 0;
}
APP .k-button-lg {
  font-size: 14px;
}
APP .k-button.k-button-link:focus {
  border: none;
  box-shadow: none;
}
APP .k-button.k-button-link:active {
  color: darkblue;
}
APP .k-button.k-button-link {
  color: blue;
  padding: 0;
  border: none;
  box-shadow: none;
}
APP .k-button.k-button-link .k-button-icon {
  order: 1;
  padding-left: 5px;
}
APP .k-button.k-button-link .k-button-icon:before {
  display: inline-block;
  text-decoration: none;
}
APP .k-list,
APP .k-list-md {
  font-size: 12px;
  line-height: 1.4;
}
APP .k-input-md,
APP .k-picker-md {
  font-size: 12px;
  line-height: 1.2;
}
APP .outline-none {
  display: contents;
}
APP .k-switch-sm {
  width: 48px;
  height: 22px;
  float: right;
}
APP .k-switch-label-off, APP .k-switch-label-on {
  display: none;
}
APP .k-switch-sm .k-switch-track {
  width: 48px;
  height: 14px;
}
APP .k-switch-sm .k-switch-thumb {
  width: 22px;
  height: 22px;
}
APP .k-switch-on .k-switch-track {
  border-color: #216BB5;
  background-color: #216BB5;
}
APP .k-switch-on .k-switch-thumb {
  border-color: #A3B4DD;
}
APP .my-reconnect-modal > div {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  background-color: #fff;
  opacity: 0.8;
  text-align: center;
  font-weight: bold;
}
APP .components-reconnect-hide > div {
  display: none;
}
APP .components-reconnect-show > div {
  display: none;
}
APP .components-reconnect-show > .show {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  gap: 30px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  justify-content: center;
}
APP .components-reconnect-failed > div {
  display: none;
}
APP .components-reconnect-failed > .failed {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  gap: 30px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  justify-content: center;
}
APP .components-reconnect-rejected > div {
  display: none;
}
APP .components-reconnect-rejected > .rejected {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  gap: 30px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  justify-content: center;
}
APP .edit-drawer-container .editor-hyperlink {
  color: #216BB5;
  text-decoration: underline;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
APP .edit-drawer-container .edit-drawer-header {
  padding: 10px;
  background: #004882;
  border-bottom: 1px solid #216BB5;
  color: #ffffff;
  min-height: 30px;
  display: flex;
  align-items: center;
  user-select: none;
}
APP .edit-drawer-container .edit-drawer-header .fa-times {
  color: white !important;
}
APP .edit-drawer-container .edit-drawer-header .edit-drawer-header-text {
  font-size: 18px;
  height: 22px;
  flex-grow: 1;
}
APP .edit-drawer-container .edit-drawer-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-doc-title {
  padding: 5px;
  font-size: 13px;
  display: none;
  color: white;
  padding: 5px 10px;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-control {
  padding: 5px;
  overflow: auto;
  flex-grow: 1;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-save-container {
  display: flex;
  justify-content: end;
  padding: 10px;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-docs {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #DFE8EF;
  padding: 5px 10px;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-docs .docs-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 5px;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-docs .docs-header .docs-title {
  font-size: 16px;
  font-weight: bold;
  flex-grow: 1;
  user-select: none;
  cursor: pointer;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-docs .docs-header .component-help-button {
  border: none;
  background-color: unset;
  background-image: unset;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-docs .docs-header .component-help-button .component-help-icon {
  color: #666;
}
APP .edit-drawer-container .edit-drawer-content .edit-drawer-docs .docs-text {
  font-size: 13px;
  padding-bottom: 5px;
}
APP .editor-container {
  align-items: center;
  justify-content: center;
  padding: 5px;
  overflow: auto;
}
APP .editor-container .editor-header {
  font-size: 14px;
  padding: 5px 0 10px 0;
  user-select: none;
}
APP .editor-container .editor-subheader {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0 3px 0;
  user-select: none;
}
APP .editor-container .editor-note {
  font-size: 12px;
  font-style: italic;
  padding: 10px 0 3px 0;
  user-select: none;
}
APP .editor-container .editor-field {
  padding: 5px 0;
  font-size: 12px;
}
APP .editor-container .editor-control {
  display: flex;
  align-items: center;
  gap: 5px;
}
APP .editor-container .editor-radiogroup-horizontal {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
APP .editor-container .editor-checkbox-horizontal {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
APP .editor-container .editor-radiogroup {
  display: flex;
  flex-direction: column;
}
APP .editor-container .editor-radiogroup label.mud-radio {
  padding-left: 10px !important;
}
APP .editor-container .editor-radiogroup .editor-control-radio {
  display: flex;
  justify-content: center;
  padding-left: 44px;
  gap: 5px;
}
APP .editor-container .editor-radiogroup .editor-control:first-child {
  flex-grow: 1;
}
APP .editor-container .editor-radiogroup-noindent {
  display: flex;
  flex-direction: column;
}
APP .fixreport-editor .fixreport-provider-list {
  margin-top: 10px;
}
APP .fixreport-editor .fixreport-provider-broken-container {
  padding: 5px;
  padding-top: 10px;
}
APP .fixreport-editor .fixreport-provider-broken-container .fixreport-provider-broken-header {
  user-select: none;
  padding-bottom: 10px;
}
APP .fixreport-editor .fixreport-provider-broken-container .fixreport-provider-broken-list {
  padding: 5px;
  height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  border: 1px solid #DFE8EF;
  font-size: 12px;
}
APP .fixreport-editor .fixreport-provider-broken-container .fixreport-provider-broken-list li {
  user-select: none;
}
APP .fixreport-editor .fixreport-provider-broken-commands {
  display: flex;
  justify-content: end;
}
APP .distribution-options-container .additional-files-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #ededed;
  padding: 3px;
  min-height: 100px;
  max-height: 400px;
  overflow: auto;
}
APP .distribution-options-container .additional-files-list .additional-file-row {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
}
APP .distribution-options-container .additional-files-list .additional-file-row .text {
  flex-grow: 1;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
}
APP .distribution-options-container .additional-files-list .additional-file-row .commands {
  padding-left: 5px;
  gap: 5px;
}
APP .distribution-options-container .additional-files-list .additional-file-row .commands .k-button {
  border: none;
  background-image: unset;
  background-color: unset;
}
APP .connections-adaptive-refresh {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
APP .connections-adaptive-refresh .adaptive-refresh-text {
  color: #216BB5;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
APP .connections-adaptive-refresh .adaptive-updated-text {
  font-size: 12px;
}
APP .fullscreen-splitter {
  height: 100%;
  width: 100%;
}
APP .fullscreen-splitter .splitter-tree-pane {
  display: flex;
  flex-direction: column;
}
APP .fullscreen-splitter .splitter-tree-pane .search-container {
  margin: 5px;
  display: flex;
  gap: 5px;
}
APP .fullscreen-splitter .splitter-tree-pane .search-container .k-combobox .k-input-button {
  display: none;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container {
  display: flex;
  flex: 1 1 0px;
  overflow: auto;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control {
  flex: 1 1 0px;
  margin: 5px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf {
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 28px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf.k-selected {
  color: black;
  background-color: #DFE8EF;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf:focus, APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf.k-focus {
  box-shadow: unset;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-node-folder .app-badge {
  margin-left: 10px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-node-folder .app-badge-trials {
  background-color: #216BB5;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-node-customer {
  color: #004882;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf-text {
  font-size: 12px;
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf-text .tree-node-icon {
  padding-right: 5px;
  width: 14px;
  text-align: center;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-report-link {
  display: none;
  padding-right: 2px;
  width: 24px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-report-link i {
  font-size: 12px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-new-customer {
  padding-right: 2px;
  width: 24px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .tree-new-customer i {
  font-size: 12px;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf:hover .tree-report-link, APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-control .k-treeview-leaf.k-selected .tree-report-link {
  display: inline;
}
APP .fullscreen-splitter .splitter-tree-pane .tree-container .tree-button-container {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 5px;
  gap: 10px;
}
APP .fullscreen-splitter .splitter-content-pane {
  height: 100%;
  width: 100%;
}
APP .fullscreen-splitter .splitter-content-pane .rotate-90 {
  transform: rotate(90deg);
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control {
  height: 100%;
  width: 100%;
  padding: 5px;
  display: flex;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .mud-tabs-tabbar-inner {
  min-height: unset;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .mud-tabs-panels {
  flex: 1;
  overflow: hidden;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .mud-tab.mud-tab-active {
  color: #004882;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .mud-tab-slider {
  background: #004882;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .tabstrip-header-tab-control {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .tabstrip-header-tab-control .tab-title { /* The tabstrip tab header div which contains the job name */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  user-select: none;
  text-align: left;
  text-transform: initial;
  display: flex;
  flex-grow: 1;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .tabstrip-header-tab-control .tab-title .job-tab-isdirty {
  font-weight: bold;
  user-select: none;
  padding-left: 3px;
  color: #004882;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .tabstrip-header-tab-control .tab-button-control { /* The tabstrip tab header button to close a job */
  margin-left: 5px;
  border: none;
  background-color: transparent;
  background-image: unset;
}
APP .fullscreen-splitter .splitter-content-pane .tabstrip-control .tabstrip-tab-control {
  padding: 5px;
}
APP .fullscreen-splitter .customer-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
APP .fullscreen-splitter .customer-container .customer-header {
  display: flex;
  flex-direction: row;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-icon {
  height: 100px;
  width: 100px;
  font-size: 60px;
  font-weight: bold;
  padding: 5px;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-header-stack {
  display: flex;
  flex-direction: column;
  padding: 5px 0;
  width: 675px;
  width: 675px;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-header-stack .customer-name {
  font-size: 22px;
  color: #004882;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-header-stack .customer-seller-container {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  user-select: none;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-header-stack .customer-seller-container .customer-seller {
  padding-left: 5px;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-header-stack .customer-notes {
  font-size: 12px;
  font-style: italic;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-actions {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-top: 5px;
  gap: 5px;
}
APP .fullscreen-splitter .customer-container .customer-header .customer-actions .checkbox-group label {
  padding: 3px;
}
APP .fullscreen-splitter .customer-container .customer-licenses {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
}
APP .fullscreen-splitter .customer-container .customer-licenses .license-expanded .license-icon i {
  color: #216BB5;
  font-weight: bold !important;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #DFE8EF;
  padding: 5px;
  gap: 5px;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-product-name, APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-key, APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-status, APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-expiry {
  display: flex;
  flex-direction: row;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  user-select: none;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-icon {
  cursor: pointer;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-icon i {
  font-weight: normal;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-product-name {
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-key {
  font-family: monospace;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-status span {
  width: 80px;
}
APP .fullscreen-splitter .customer-container .customer-licenses .customer-license .license-expand-button {
  cursor: pointer;
  font-weight: bold;
  color: #216BB5;
}
APP .fullscreen-splitter .customer-container .customer-license-details {
  padding-bottom: 15px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab {
  display: flex;
  flex-direction: column;
  flex-direction: column;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-details-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-details-container .license-details-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  width: 300px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-details-container .license-details-item .license-details-item-label {
  font-size: 11px;
  width: 125px;
  min-width: 125px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-details-container .license-details-item .checkbox-group label {
  font-size: 11px !important;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-notes {
  height: 100px;
  width: 600px;
  border: 1px solid #DFE8EF;
  padding: 5px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-notes-title {
  margin-top: 10px;
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-details-tab .license-details-row .license-notes-no {
  font-style: italic;
  color: #666;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 11px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .k-button-text i, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .k-button-text i {
  font-size: 14px !important;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .k-button-md, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .k-button-md {
  padding: 2px 4px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order-header, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order-header {
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status {
  font-size: 16px;
  width: 26px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status .eligibility-future, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status .eligibility-future {
  color: darkgreen;
  opacity: 0.7;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status .eligibility-expired, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status .eligibility-expired {
  color: darkgreen;
  opacity: 0.7;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status .eligibility-active, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status .eligibility-active {
  color: darkgreen;
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status .eligibility-expires-soon, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status .eligibility-expires-soon {
  color: #fdce3e;
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status .eligibility-none, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status .eligibility-none {
  color: #666;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-status .eligibility-invalid, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-status .eligibility-invalid {
  color: #C24036;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-dates, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-dates {
  width: 175px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-dates .sales-order-dates-invalid, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-dates .sales-order-dates-invalid {
  color: #C24036;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-refs, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-refs {
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: 150px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-refs .document-id, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-refs .document-id {
  font-family: monospace;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-refs .document-id .icon-status, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-refs .document-id .icon-status {
  padding-right: 5px;
  color: darkgreen;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-refs .document-missing, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-refs .document-missing {
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-refs .document-missing .icon-status, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-refs .document-missing .icon-status {
  padding-right: 5px;
  color: #C24036;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-description, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  width: 120px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-description .description-error, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-description .description-error {
  color: #C24036;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-revenue, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-revenue {
  width: 100px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order .sales-order-actions, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order .sales-order-actions {
  padding-left: 15px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-sales-order-new, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-sales-order-new {
  padding-top: 10px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat-header, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat-header {
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-active, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-active {
  width: 40px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-active .eligibility-active, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-active .eligibility-active {
  color: darkgreen;
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-active .eligibility-none, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-active .eligibility-none {
  color: #666;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-active .eligibility-expires-soon, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-active .eligibility-expires-soon {
  color: #fdce3e;
  font-weight: bold;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-name, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-name {
  width: 200px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-version, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-version {
  font-family: monospace;
  width: 100px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-date, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-date {
  width: 100px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-actions, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-actions {
  width: 100px;
}
APP .fullscreen-splitter .customer-container .customer-license-details .license-sales-tab .license-seat .seat-expires-soon, APP .fullscreen-splitter .customer-container .customer-license-details .license-seats-tab .license-seat .seat-expires-soon {
  color: #C24036;
}
APP .edit-sales-order-dialog {
  height: 500px;
  width: 700px;
  display: flex;
  flex-direction: column;
  font-size: 11px;
}
APP .edit-sales-order-dialog .k-input-inner {
  font-size: 11px;
}
APP .edit-sales-order-dialog .checkbox-group label {
  font-size: 11px !important;
}
APP .edit-sales-order-dialog .k-button-text i {
  font-size: 14px !important;
}
APP .edit-sales-order-dialog .right-pane {
  width: 400px;
}
APP .edit-sales-order-dialog .main-options-container {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: start;
}
APP .edit-sales-order-dialog .main-options-container .main-options-panel .option-row {
  height: 30px;
}
APP .edit-sales-order-dialog .main-options-container .main-options-panel .option-label {
  font-size: 11px !important;
  width: 115px !important;
}
APP .edit-sales-order-dialog .main-options-container .main-options-panel .value-container {
  width: 150px !important;
}
APP .edit-sales-order-dialog .sales-order-document .value-content {
  font-size: 10px !important;
  font-style: italic;
  color: #004882;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
APP .edit-sales-order-dialog .notes-container {
  padding-bottom: 15px;
}
APP .edit-sales-order-dialog .notes-container span, APP .edit-sales-order-dialog .notes-container TEXTAREA {
  resize: vertical;
  xheight: 50px;
  xwidth: 150px;
}
APP .edit-sales-order-dialog .parts-title {
  font-weight: bold;
}
APP .edit-sales-order-dialog .parts-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-header {
  height: 20px !important;
  user-select: none;
  border-bottom: 1px solid #eee;
  margin-bottom: 3px;
}
APP .edit-sales-order-dialog .parts-container .parts-items-container {
  max-height: 190px;
  overflow: auto;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row-line {
  height: 6px !important;
  display: flex;
  flex-direction: row;
  padding-top: 5px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row-line .part-col-1 {
  width: 370px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row-line .part-col-2 {
  width: 340px;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row-line .part-col-3 {
  flex: 1 1 0px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row {
  height: 25px !important;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row .part-col-1 {
  display: flex;
  align-items: center;
  width: 270px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part-footer-row .part-label {
  width: 200px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: end;
  user-select: none;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  gap: 5px;
  width: 100%;
  font-size: 11px;
  height: 30px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-name, APP .edit-sales-order-dialog .parts-container .sales-order-part .part-quantity, APP .edit-sales-order-dialog .parts-container .sales-order-part .part-price, APP .edit-sales-order-dialog .parts-container .sales-order-part .part-discount, APP .edit-sales-order-dialog .parts-container .sales-order-part .part-total, APP .edit-sales-order-dialog .parts-container .sales-order-part .part-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-name {
  width: 150px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-quantity {
  width: 80px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-price {
  width: 110px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-discount {
  width: 110px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-total {
  width: 110px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .part-actions {
  width: 80px;
}
APP .edit-sales-order-dialog .parts-container .sales-order-part .total-readonly {
  padding-left: 10px;
}
APP .edit-sales-order-dialog .parts-container .parts-new {
  padding-left: 5px;
  font-size: 10px;
}
APP .edit-sales-order-dialog .parts-container .parts-new i {
  font-size: 12px;
}
APP .que-link {
  cursor: pointer;
}
APP .que-link i.show-hover {
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  color: #216BB5;
  visibility: hidden;
}
APP .que-link:hover {
  text-decoration: underline;
  color: #216BB5;
}
APP .que-link:hover i.show-hover {
  text-decoration: none;
  visibility: visible;
}
APP .que-link:hover i {
  text-decoration: none;
}
APP .appdialog-container .content-container {
  width: 500px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
APP .appdialog-container .content-container .appdialog-content {
  width: 100%;
}
APP .appdialog-container .content-container-stacked {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
APP .appdialog-container .content-container-stacked .appdialog-content {
  width: 100%;
}
APP .appdialog-container-stacked {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
APP .appdialog-container-stacked .appdialog-content {
  width: 100%;
}
APP .error-notification {
  font-size: 1.5em;
  text-align: center;
  align-items: center;
  z-index: 30000;
  margin-top: 10px;
  margin-right: 10px;
}
APP .error-notification .k-notification {
  display: flex;
  border-color: #C24036 !important;
  background-color: #C24036 !important;
}
APP .error-notification .error-notification-alert {
  padding: 10px;
}
APP .error-notification .error-notification-alert .error-notification-alert-message {
  text-align: left;
  white-space: pre-line;
}
APP .error-notification .error-notification-alert .error-notification-alert-message a, APP .error-notification .error-notification-alert .error-notification-alert-message a:visited, APP .error-notification .error-notification-alert .error-notification-alert-message a:hover, APP .error-notification .error-notification-alert .error-notification-alert-message a:focus {
  color: white;
  text-decoration: underline;
}
APP .error-notification .error-notification-alert .error-notification-alert-message::first-line {
  font-size: 14px;
}
APP .property-list {
  padding: 5px 10px;
}
APP .property-list .option-container {
  padding: 5px 10px 10px 0px;
}
APP .property-list .option-container .option-row {
  min-height: 34px;
  padding: 1px 0px;
}
APP .property-list .option-container .option-row .option-label {
  height: 34px;
  padding: 3px 8px;
  width: 160px;
  min-width: 160px;
}
APP .property-list .option-container .option-row .value-container {
  padding: 3px 8px;
}
APP .property-list-compact {
  padding: 0px 0px;
}
APP .property-list-compact .option-container {
  padding: 5px 10px 10px 0px;
}
APP .property-list-compact .option-container .option-row {
  padding: 2px 0px;
}
APP .property-list-compact .option-container .option-row .option-label {
  padding: 0px 0px;
  width: 100%;
}
APP .property-list-compact .option-container .option-row .value-container {
  xpadding: 0px 0px 5px 8px;
}
APP .property-list, APP .property-list-compact {
  border: none;
}
APP .property-list .k-chip-text, APP .property-list .k-chip-label, APP .property-list-compact .k-chip-text, APP .property-list-compact .k-chip-label {
  font-size: 12px;
}
APP .property-list .category-row, APP .property-list-compact .category-row {
  border-bottom: 1px solid #216BB5;
  padding: 2px 0;
  font-size: 12px;
  font-weight: bold;
  user-select: none;
  display: flex;
  height: 28px;
}
APP .property-list .category-row .category-row-text-clickable, APP .property-list-compact .category-row .category-row-text-clickable {
  cursor: pointer;
}
APP .property-list .category-row .category-row-text, APP .property-list-compact .category-row .category-row-text {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
}
APP .property-list .category-row .category-row-content, APP .property-list-compact .category-row .category-row-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 5px;
}
APP .property-list .category-row .category-row-content .k-button, APP .property-list-compact .category-row .category-row-content .k-button {
  border: none;
  background-image: unset;
  background-color: unset;
  padding: 2px 6px;
}
APP .property-list .category-row .category-collapse-button .k-button-text, APP .property-list-compact .category-row .category-collapse-button .k-button-text {
  display: flex;
  flex-direction: row;
}
APP .property-list .option-container .slim-row, APP .property-list-compact .option-container .slim-row {
  min-height: 24px !important;
  max-height: 24px !important;
  height: 24px !important;
}
APP .property-list .option-container .option-row, APP .property-list-compact .option-container .option-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
APP .property-list .option-container .option-row .option-label, APP .property-list-compact .option-container .option-row .option-label {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  user-select: none;
}
APP .property-list .option-container .option-row .option-label-text, APP .property-list-compact .option-container .option-row .option-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 0px;
}
APP .property-list .option-container .option-row .option-link, APP .property-list-compact .option-container .option-row .option-link {
  color: #216BB5;
  text-decoration: underline;
  cursor: pointer;
}
APP .property-list .option-container .option-row .option-label2, APP .property-list-compact .option-container .option-row .option-label2 {
  padding-left: 12px;
}
APP .property-list .option-container .option-row .message-editor textarea, APP .property-list-compact .option-container .option-row .message-editor textarea {
  height: 200px;
}
APP .property-list .option-container .option-row .value-container-horizontal, APP .property-list-compact .option-container .option-row .value-container-horizontal {
  display: flex;
  flex-direction: row;
}
APP .property-list .option-container .option-row .value-container-horizontal .value-content, APP .property-list-compact .option-container .option-row .value-container-horizontal .value-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
APP .property-list .option-container .option-row .value-container-horizontal .value-commands, APP .property-list-compact .option-container .option-row .value-container-horizontal .value-commands {
  padding-left: 10px;
  padding-right: 2px;
  display: flex;
  gap: 5px;
  align-items: center;
}
APP .property-list .option-container .option-row .value-container-vertical, APP .property-list-compact .option-container .option-row .value-container-vertical {
  display: inline;
}
APP .property-list .option-container .option-row .value-container-vertical .value-content, APP .property-list-compact .option-container .option-row .value-container-vertical .value-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
APP .property-list .option-container .option-row .value-container-vertical .value-commands, APP .property-list-compact .option-container .option-row .value-container-vertical .value-commands {
  display: flex;
  gap: 5px;
}
APP .property-list .option-container .option-row .value-container, APP .property-list-compact .option-container .option-row .value-container {
  flex: 1;
  align-items: center;
  overflow: hidden;
}
APP .property-list .option-container .option-row .value-container .value-content, APP .property-list-compact .option-container .option-row .value-container .value-content {
  flex: 1 1 0px;
  overflow: hidden;
  font-size: 12px;
  user-select: none;
}
APP .property-list .option-container .option-row .value-container .value-content TEXTAREA, APP .property-list-compact .option-container .option-row .value-container .value-content TEXTAREA {
  resize: vertical;
  height: 300px;
}
APP .property-list .option-container .option-row .value-container .value-content TEXTAREA .k-input-inner, APP .property-list-compact .option-container .option-row .value-container .value-content TEXTAREA .k-input-inner {
  height: 300px;
}
APP .property-list .option-container .option-row .value-container .value-content .value-text, APP .property-list-compact .option-container .option-row .value-container .value-content .value-text {
  color: #216BB5;
  text-decoration: underline;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
APP .property-list .option-container .option-row .value-container .value-content label, APP .property-list-compact .option-container .option-row .value-container .value-content label {
  padding-left: 10px;
  font-size: 12px;
}
APP .property-list .option-container .option-row .value-container .value-content .info-label, APP .property-list-compact .option-container .option-row .value-container .value-content .info-label {
  color: #666;
  font-style: italic;
}
APP .property-list .option-container .option-row .value-container .value-content i, APP .property-list-compact .option-container .option-row .value-container .value-content i {
  padding-left: 5px;
}
APP .property-list .option-container .option-row .value-container .value-content .k-button-text i, APP .property-list-compact .option-container .option-row .value-container .value-content .k-button-text i {
  padding-left: unset;
}
APP .property-list .option-container .option-row .value-container .value-content-indent, APP .property-list-compact .option-container .option-row .value-container .value-content-indent {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 15px;
}
APP .property-list .option-container .option-row .value-container .value-commands, APP .property-list-compact .option-container .option-row .value-container .value-commands {
  display: flex;
  gap: 5px;
}
APP .property-list .option-container .option-row .value-container .value-commands .k-button, APP .property-list-compact .option-container .option-row .value-container .value-commands .k-button {
  border: none;
  background-image: unset;
  background-color: unset;
  padding: 2px 6px;
}
APP .login-ui .login-context {
  width: 100%;
  position: absolute;
  top: 35vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  /*.logon-credentials {*/
  /*}*/
}
APP .login-ui .login-context .title-div {
  color: white;
  font-size: 24px;
}
APP .login-ui .login-context .authenticating-div {
  color: white;
  font-size: 24px;
}
APP .login-ui .login-context .login-logo {
  display: flex;
  margin-top: 10px;
  height: 116px;
  width: 100%;
  background-image: url(/images/quelock_logo_horizontal_white.svg);
  background-repeat: no-repeat;
  background-position: center;
}
APP .login-ui .login-context .logon-credentials-form {
  display: flex;
  gap: 19px;
  flex-direction: column;
  /*                .logon-table {
          border-spacing: 10px;
          display: flex;
          flex-direction: column;
          gap: 10px;
          align-items: flex-start;*/
  /*}*/
}
APP .login-ui .login-context .logon-credentials-form .k-button {
  width: 150px;
}
APP .login-ui .login-context .logon-credentials-form .k-input-md {
  font-size: 20px;
}
APP .login-ui .login-context .logon-credentials-form .k-form {
  font-size: 20px;
}
APP .login-ui .login-context .logon-credentials-form .k-form-label {
  align-items: center;
}
APP .login-ui .login-context .logon-credentials-form .k-form-buttons {
  border-spacing: 10px;
  display: flex;
  gap: 10px;
  margin-top: 0px;
  width: 300px;
}
APP .login-ui .login-context .logon-credentials-form .k-form-field {
  margin-top: 0px;
}
APP .login-ui .login-context .logon-credentials-form .auth-textbox {
  color: white;
}
APP .login-ui .login-context .logon-credentials-form .auth-input-table-cell {
  display: flex;
  flex-direction: column;
}
APP .login-ui .login-context .logon-credentials-form .auth-input-table-cell .k-button {
  width: 40px;
  height: 100%;
}
APP .login-ui .login-context .logon-credentials-form .auth-input-table-cell .login-password-lock {
  display: flex;
  flex-grow: 1;
  gap: 5px;
}
APP .login-ui .login-context .logon-credentials-form .k-form-error {
  color: powderblue;
}
APP .login-ui .login-auth-error {
  display: flex;
  color: yellowgreen;
  width: 100%;
  padding-top: 20px;
  justify-content: center;
}
APP .login-ui .logon-form-forgot-button .k-button {
  justify-content: start;
}
APP .login-ui .logon-form-forgot-button .k-button.k-button-link {
  color: white;
}
APP .login-ui .login-form-buttons {
  display: flex;
  gap: 10px;
  width: 300px;
  padding-top: 10px;
  justify-content: center;
}
APP .login-ui .login-form-buttons .login-button-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
APP .login-ui .login-form-buttons .login-form-forgot-link .k-button-text {
  color: white;
}
APP .login-ui .legacy-admin-error {
  display: flex;
  color: yellowgreen;
  width: 100%;
  padding-top: 20px;
  justify-content: center;
}

.reportworq-loading, .reportworq-loading-alwaysvisible {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reportworq-loading .message, .reportworq-loading-alwaysvisible .message {
  padding-top: 100px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  user-select: none;
}
.reportworq-loading .loading, .reportworq-loading-alwaysvisible .loading {
  padding-top: 50px;
}
.reportworq-loading .logo, .reportworq-loading-alwaysvisible .logo {
  padding-top: 100px;
}

.localhost-authentication-settings-icon {
  color: #ffffff !important;
  position: fixed;
  bottom: 10vh;
  right: 10vh;
}