@import url("/www_utils/css/completion_gauge.css");
@import url("/css/header.css");
body {
  background: var(--color-main-bg);
  color: var(--color-main);
  margin: 0 20px 20px 20px;
}

label {
  color: var(--color-label);
  font-size: 0.8rem;
  font-weight: 600;
}

iframe {
  background: var(--color-main-bg-light);
  border-color: var(--color-border-light);
}

.buttons {
  margin: 10px 0;
  text-align: center;
}

.dump pre {
  color: #606060;
}

.value-modified {
  color: #209020;
  background: rgba(0, 255, 0, 0.1254901961);
  padding-left: 5px;
  padding-right: 5px;
}

div.separator {
  font-size: 1rem;
  letter-spacing: 1px;
  color: #e09090;
  margin: 5px 0 5px 0;
  display: flex;
  justify-content: stretch;
  font-family: Tahoma, Verdana, sans-serif;
  font-variant: small-caps;
  font-weight: normal;
  border-top: 1px solid #707070;
  /*
    &::before {
      margin: 0 8px 0 0;
    }

    &::after {
      margin: 0 1px 0 8px;
    }

    &::before,
    &::after {
      display: inline-block;
      content: "";
      flex-grow: 1;
      transform: translateY(50%);

      @if colors.$theme == 'light' {
        border-top: 1px solid #707070;
      }
      @else {
        border-top: 1px solid #707070;
      }
    }
    */
}

.html-container {
  background: var(--color-main-bg-light);
  border: 1px solid var(--color-border);
  height: 600px;
  overflow: hidden;
  resize: vertical;
  width: 100%;
}

.color_box {
  border: 0;
  border-radius: 6px;
  float: left;
  height: 12px;
  margin: 4px 6px 0 0;
  width: 12px;
}

.cbox-label {
  display: inline-block;
  margin-top: 1px;
  vertical-align: top;
}

div.floating {
  border: solid 1px #000000;
  overflow-y: auto;
  padding: 0;
  position: absolute;
}

div.inline a {
  display: inline-block;
}

img.toolicon {
  cursor: pointer;
  margin-right: 4px;
  vertical-align: middle;
}

.currency td {
  text-align: right;
}

.header {
  color: #ea9020;
  font-size: 13pt;
  font-weight: bold;
}

div.box_comment {
  background: #f5f5f5;
  border: 1px solid #a0a0a0;
  color: #606060;
  margin: 3px 0;
  padding: 2px;
}

div.box_important {
  background: #fffff0;
  border: 1px solid #901010;
  color: #901010;
  margin: 3px 0;
  padding: 2px;
}

span.menu_tab {
  display: inline-block;
  margin-top: 5px;
}

p.menu_tab {
  margin: 20px 0;
}

.spaced8 li {
  margin: 8px 0;
}

div.submit {
  text-align: center;
  width: 100%;
}

div.progress {
  background: url("/www_utils/images/ajax-loader.gif") no-repeat 50% 50px;
  background-color: #e0f0e0;
  border: 1px solid #a0e0a0;
  border-radius: 5px;
  font-size: 12pt;
  padding: 20px 0 80px 0;
  text-align: center;
}

div.submit input + input {
  margin-left: 15px;
}

div.ball {
  background: none repeat scroll 0 0 #909090;
  border-radius: 5px;
  display: table-cell;
  float: left;
  height: 8px;
  margin-right: 6px;
  margin-top: 4px;
  padding-top: 2px;
  width: 8px;
}

a.image:link, a.image:hover, a.image:active {
  align-items: center;
  background: transparent;
  display: inline-flex;
  padding: 4px 8px;
}
a.image > img {
  margin-right: 5px;
  position: relative;
  top: 3px;
}

div.box div.clearbox {
  padding: 10px;
  position: relative;
}

div.box-tag {
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #b0b0b0;
  border-left: 1px solid #b0b0b0;
  border-radius: 0 5px 0 5px;
  display: flex;
  padding: 3px 15px;
  position: absolute;
  right: 0;
  top: 0;
}

div.toolbar {
  display: block;
  margin: 10px 5px;
  text-align: center;
}

div.toolbar-icons {
  display: inline-block;
  margin-left: 10px;
}
div.toolbar-icons img {
  border: 1px solid transparent;
  cursor: pointer;
  padding: 2px;
}
div.toolbar-icons img:hover {
  background: #e0e0e0;
  border: 1px solid #f0d0b0;
}
div.toolbar-icons i {
  cursor: pointer;
  font-size: 24px;
  opacity: 0.7;
}
div.toolbar-icons i:hover {
  opacity: 1;
}
div.toolbar-icons img + img {
  margin-left: 2px;
}

div.search_box {
  margin-bottom: 20px;
  margin-top: 10px;
}
div.search_box .input-addon i {
  color: #b3e4fc;
}
div.search_box .input-addon .wait::after {
  color: #ffffff;
}
div.search_box div.input-wrapper .input-addon {
  position: absolute;
}
div.search_box #search_box {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  color: #f0f0f0;
  width: 250px;
  transition: width 0.2s;
}
div.search_box #search_box:focus {
  border-color: rgba(255, 255, 255, 0.26);
  box-shadow: none;
  outline: none;
}
div.search_box #search_box:-webkit-autofill,
div.search_box #search_box:-webkit-autofill:hover,
div.search_box #search_box:-webkit-autofill:focus {
  border-color: #a17c41;
  -webkit-text-fill-color: #f1b132;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

.actions {
  padding: 10px 20px;
}
.actions .separator {
  height: 1px;
  margin: 0.6rem 0;
}

.disabled {
  color: #909090;
}

.totals th {
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 1.05rem;
}

.hasmenu {
  padding: 2px 3px;
}
.hasmenu:hover {
  background-color: #fffff0;
}

.plain {
  font-family: Consolas, "Courier New", monospace;
  padding-left: 2em;
  text-indent: -1em;
  white-space: normal;
  word-break: break-all;
  word-wrap: normal;
}

.nb {
  white-space: nowrap;
}

table.paddingNormal > tbody > tr > td.grid_preview {
  font-size: 0.83rem;
  padding-left: 60px;
}

pre {
  font-family: Consolas, "Courier New", Courier, monospace;
  font-size: 10.5pt;
  text-align: left;
  white-space: pre-wrap;
}

.note-content p {
  margin: 10pt 0;
}

.note-content img {
  max-width: 400px;
}

div.small-note {
  background: #fffff5;
  border: 1px solid #e0d0d0;
  display: inline-block;
  font-size: 10pt;
  margin: 0 8px;
  padding: 5px 8px;
}

a.attachment {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  color: #6080e0;
  display: inline-flex;
  font-size: 13px;
  outline: none;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
}
a.attachment:hover {
  background: var(--color-main-bg-light);
  border: 1px solid var(--color-border-light);
}
a.attachment .small {
  color: #a0a0a0;
  font-size: 11px;
}

.tightRow > div.panel {
  margin: 5px 0;
}

.tightRow > div.panel + div.panel {
  margin-left: 10px;
}

.panel h3 {
  font-size: 14pt;
  margin-bottom: 15px;
}

.flex-row > .section + .section {
  margin-left: 10px;
}

.flex-column > .section + .section {
  margin-top: 4px;
}

div.imgbox {
  align-items: center;
  display: flex;
}

div.imgbox > img {
  margin-right: 10px;
}

.counters {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  gap: 10pt;
  max-width: 80vw;
  margin: 10pt auto;
}
.counters .counter {
  border-radius: 12pt;
  box-shadow: inset 0 0 0 6px rgba(0, 0, 0, 0.1), inset 0 0 0 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  min-width: 150pt;
  color: #ffffff;
  padding: 10pt 10pt 15pt 10pt;
}
.counters .counter:hover {
  border-color: #4090e0;
}
.counters .counter:active {
  transform: scale(0.98);
}

.counter-green-light {
  background-color: #88b62b;
  color: #ffffff;
}

.counter-burgundy-dark {
  background-color: #601040;
  color: rgba(255, 255, 255, 0.6);
}

.counter-burgundy-light {
  background-color: #ee62b0;
  color: #ffffff;
}

.counter-orange-light {
  background-color: #ff6025;
  color: #ffffff;
}

.counter-green-dark {
  background-color: #425717;
  color: rgba(255, 255, 255, 0.6);
}

.counter-slate-blue {
  background-color: MediumSlateBlue;
  color: rgba(255, 255, 255, 0.6);
}

.counter-delta {
  position: relative;
  margin-left: 8pt;
  font-size: 9.5pt;
  white-space: nowrap;
}

.counter-delta-up {
  top: 5px;
}

.counter-delta-down {
  bottom: 5px;
}

.counter-delta-up i {
  color: white;
  font-size: 13pt;
}

.counter-delta-down i {
  color: white;
  font-size: 13pt;
}

.counter-value {
  line-height: 1;
  position: relative;
  display: flex;
  margin: 10pt auto 8pt auto;
  font-size: 52pt;
  font-weight: 700;
}

.counter-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 15pt;
  font-weight: 600;
  justify-content: flex-end;
  opacity: 0.8;
  padding: 0 10px;
  text-align: center;
}

.counter[data-counter="0"] {
  background: #c0c0c0 !important;
  color: #808080 !important;
  opacity: 0.5;
  pointer-events: none;
}

.error-local {
  color: #ff0000;
  margin: 5px 0;
}
.error-local::before {
  color: #ffa500;
  content: "\f071";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  margin-right: 5px;
}

div.content h1 {
  color: #406090;
  font-size: 20pt;
  margin: 15pt 0;
  text-align: left;
  text-shadow: none;
}

div.content h2 {
  color: #70a030;
  font-size: 16pt;
  margin: 15pt 0;
  text-align: left;
  text-shadow: none;
}

div.content p {
  margin: 8pt 0;
}

hr {
  background: var(--color-border);
  border: 0;
  height: 1px;
  margin: 10px 0;
}

div.iconic {
  align-items: center;
  display: inline-flex;
  margin: 2px 0;
  background: rgba(221, 221, 221, 0.4784313725);
  font-weight: 600;
  padding: 0.4em 1em;
  border-radius: 6pt;
}
div.iconic span {
  color: var(--color-main-light);
  font-size: 90%;
}
div.iconic i {
  margin-right: 8px;
}

a.iconic-circle {
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 2px 0;
  border-radius: 200px;
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
  border: 1px solid var(--color-label);
}
a.iconic-circle i {
  margin: 0px;
}

div.hoverboard a.iconic-circle {
  display: none;
}
div.hoverboard:hover a.iconic-circle {
  display: inherit;
}

.frame-summary {
  display: inline-block;
  position: absolute;
  right: 0;
  z-index: 500;
}

.frame-summary .status .color_label {
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  font-size: 1.1rem;
  font-weight: bold;
  justify-content: center;
  margin: 0;
  padding: 10px calc(70px - 0.65em) 10px 50px;
  text-shadow: none;
}

.status-content div.item {
  margin: 20px;
}

.status-badge {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.status-badge.span .status-badge.i {
  font-size: 12pt;
  font-weight: bold;
}

.section.right {
  display: block;
  text-align: right;
}

input + span {
  margin-left: 8px;
}

.pg-icon-container {
  align-items: center;
  background: #ffffff;
  border: 3px solid #e0e0e0;
  border-radius: 50%;
  display: inline-flex;
  font-size: 24px;
  height: 48px;
  justify-content: center;
  margin-right: 10px;
  width: 48px;
}

.avatar {
  align-items: center;
  border-radius: 50%;
  color: #f0f0f0;
  display: inline-flex;
  font-size: 9pt;
  font-weight: normal;
  height: 30px;
  justify-content: center;
  letter-spacing: 1px;
  margin-right: 10px;
  width: 30px;
}

.testing {
  background-color: #fff1db;
  margin-top: 20px;
  padding: 10px 15px;
}

.expired {
  color: #a02020;
  font-weight: bold;
}

.negative {
  color: #a02020;
}

.colorDelete {
  color: #fa2020;
}

.red {
  color: #ff6666;
}

.darkOrange {
  color: #fb7a00;
}

.blue {
  color: #408cbe;
}

.green {
  color: #67a103;
}

.gray {
  color: #606060;
}

a.link-message {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  padding: 5px 10px;
  text-decoration: none;
}
a.link-message .subject {
  color: #40a0f0;
  font-size: 11pt;
  font-weight: bold;
}
a.link-message .text {
  font-size: 11pt;
  font-weight: normal;
}
a.link-message:hover {
  background: var(--color-subtle-hover-bg);
}

.infoboxes {
  margin: 15px 0;
}

.infobox {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
  padding: 4px 8px;
}
.infobox i {
  color: var(--red);
  font-size: 18pt;
  margin-right: 10px;
  text-align: center;
  width: 1.35em;
}
.infobox p {
  color: #707070;
  font-size: 10pt;
  margin: 0;
}
.infobox h1 {
  color: #b85454;
  font-size: 12pt;
  letter-spacing: unset;
  margin: 0;
  text-shadow: none;
}

.subtle {
  color: var(--color-subtle);
}

.edit_form input[type=text],
.edit_form input[type=search],
.edit_form input[type=number],
.edit_form input[type=currency],
.edit_form input[type=email],
.edit_form input[type=phone],
.edit_form input[type=password],
.edit_form input[type=file],
.edit_form textarea,
.edit_form select,
.edit_form .ED_inline_combo,
.edit_form .SumoSelect > .CaptionCont,
.edit_form .input-wrapper input[type=text],
.edit_form .input-wrapper input[type=search],
.edit_form .input-wrapper input[type=password],
.edit_form .input-wrapper select {
  background-color: var(--color-input-bg);
  border: 1px solid var(--color-input-border);
  color: var(--color-input);
}
.edit_form input[type=text]:focus,
.edit_form input[type=search]:focus,
.edit_form input[type=number]:focus,
.edit_form input[type=currency]:focus,
.edit_form input[type=email]:focus,
.edit_form input[type=phone]:focus,
.edit_form input[type=password]:focus,
.edit_form input[type=file]:focus,
.edit_form textarea:focus,
.edit_form select:focus,
.edit_form .ED_inline_combo:focus,
.edit_form .SumoSelect > .CaptionCont:focus,
.edit_form .input-wrapper input[type=text]:focus,
.edit_form .input-wrapper input[type=search]:focus,
.edit_form .input-wrapper input[type=password]:focus,
.edit_form .input-wrapper select:focus {
  background: var(--color-input-bg);
  color: var(--color-input);
}
.edit_form select.specificValue,
.edit_form div.specificValue {
  color: var(--color-input-accent);
}
.edit_form div.input-addon {
  color: var(--color-accent);
}
.edit_form select option {
  background: var(--color-input-bg);
  color: var(--color-input);
}
.edit_form optgroup {
  background: var(--color-input-bg);
  color: var(--color-group);
}
.edit_form input[type=checkbox].box::after {
  background-color: var(--color-input-bg);
}
.edit_form table.ED_table_clear th,
.edit_form table.ED_combo_data th {
  color: #d6bead;
}
.edit_form table.ED_table_clear td,
.edit_form table.ED_combo_data td {
  color: var(--color-input);
}
.edit_form input.ED_combo_input[type=text] {
  background-color: var(--color-main-bg-dark);
  color: var(--color-main-dark);
  padding: 4px 8px;
}
.edit_form .ED_inline_combo {
  border: 0;
  padding: 5px 10px;
}
.edit_form div.buttonContainer {
  background-color: var(--color-main-bg-dark);
}
.edit_form .darkTheme .ED_inline_combo {
  border: 0;
}
.edit_form .ED_frame {
  border-color: var(--color-main-bg-dark);
}
.edit_form .comment {
  color: var(--color-subtle);
}
.edit_form .comment:not(:empty)::before {
  color: orange;
}
.edit_form table.vlist > tbody > tr > th .comment {
  justify-content: end;
}
.edit_form .combo-view {
  background: var(--color-input-bg);
  border-color: var(--color-input-border);
  border-radius: 3px;
  color: var(--color-input);
}
.edit_form .combo-list {
  background: var(--color-input-list-bg);
  border-color: var(--color-input-list-border);
  color: var(--color-input-list);
}
.edit_form .combo-button:hover {
  background-color: transparent;
}
.edit_form div.combo-item {
  color: var(--color-input);
}
.edit_form div.combo-item + div.combo-item {
  border-color: var(--color-input-list-border);
}
.edit_form .mandatory-empty input[type=text],
.edit_form .mandatory-empty input[type=search],
.edit_form .mandatory-empty input[type=number],
.edit_form .mandatory-empty input[type=currency],
.edit_form .mandatory-empty input[type=password],
.edit_form .mandatory-empty input[type=file],
.edit_form .mandatory-empty textarea,
.edit_form .mandatory-empty select {
  border-color: var(--color-mandatory);
}
.edit_form .mandatory::before {
  background-color: var(--color-mandatory);
}

.TabPanel .Tab {
  border-top-color: var(--color-border);
}
.TabPanel .Tab:empty {
  background-color: var(--color-main-bg-dark);
  border-color: var(--color-border-light);
}

div.card h1 {
  font-size: 10.5pt;
}

/*
div.slidingPanel {
  background: var(--color-main-bg);
  border-color: var(--color-main-bg-light);
}

div.slidingPanelTop {
  background-color: var(--color-main-bg-dark);
  border-color: var(--color-main-bg-light);
}

div.slidingPanelTop h1 {
  color: var(--color-main);
  letter-spacing: 1px;
  text-shadow: none;
}
*/
a.iconic {
  border-radius: 3px;
  font-weight: bold;
  padding: 0.3rem 0.5rem;
  position: relative;
  --spinner-size: 16px;
}
a.iconic:link, a.iconic:visited {
  font-weight: bold;
}
a.iconic:active, a.iconic:hover {
  border-radius: 3px;
  color: #71acda;
  font-weight: bold;
  padding: 0.3rem 0.5rem;
}

.admin::before {
  content: "\f3ed";
  color: tomato;
  font-family: "Font Awesome 6 Pro";
  font-size: 7pt;
  position: absolute;
  top: -5px;
  left: -5px;
}

div.panel {
  background: var(--color-main-bg-light);
  border-color: var(--color-border);
}

div.box {
  background: var(--color-main-bg);
  border-color: var(--color-border);
  color: var(--color-main-dark);
  padding: 10px 20px;
}

.fancy-header i {
  background-color: var(--color-main-bg-dark);
}

a.inline {
  color: var(--color-link);
}

.flex-link {
  color: #4fb9ff;
}

.pager span {
  color: var(--color-main-light);
}

a:not([class]) {
  color: var(--color-link);
  cursor: pointer;
  font-weight: normal;
}
a:not([class]):link, a:not([class]):visited, a:not([class]):active {
  color: var(--color-link);
  font-weight: normal;
}
a:not([class]):hover {
  background: var(--color-link-hover-bg);
  color: var(--color-link-hover);
}

a.link {
  color: var(--color-link);
}
a.link:link a.link:visited a.link:active {
  color: var(--color-link);
}
a.link:hover {
  background: var(--color-link-hover-bg);
  color: var(--color-link-hover);
}

.hint {
  background: var(--colo=-accent);
  border-color: var(--color-border);
  color: var(--color-main-bg-dark);
}

div.collapsible .caption {
  color: var(--color-accent);
}

.shape-container {
  display: flex;
  background: transparent;
  color: var(--color-main-light);
}
.shape-container .shape-pointer::after {
  border-left-color: var(--color-main-bg-light);
}
.shape-container .shape-pointer:nth-child(1)::after {
  border-left: 0;
}
.shape-container .shape-pointer:last-child::before {
  border-left: 0;
}

.colorHeading {
  color: var(--color-accent-alt);
}

h1 {
  color: var(--color-h1);
}

h2 {
  color: var(--color-h2);
}

div.suggestionsContainer {
  font-size: 11pt;
  max-height: 600px;
  overflow: auto;
  margin: 3pt 0 8pt 0;
  padding: 0;
  border-left: 5px solid red;
}

div.picker_frame {
  background: var(--color-main-bg-light);
  border-color: var(--color-main-bg-dark);
}

.perfect-datetimepicker {
  background-color: var(--color-popup-bg);
  border-color: var(--color-border-light);
}
.perfect-datetimepicker table {
  background-color: var(--color-popup-bg);
}
.perfect-datetimepicker .buttonpane {
  border-color: transparent;
}
.perfect-datetimepicker thead td:hover,
.perfect-datetimepicker tbody td:hover,
.perfect-datetimepicker .buttonpane td:hover {
  background-color: var(--color-subtle-hover-bg);
  /*    color: var(--color-subtle-hover); */
}

.contextmenu {
  background: var(--color-popup-bg);
  border-color: var(--color-popup-border);
}
.contextmenu li a {
  color: var(--color-link);
}
.contextmenu a:hover,
.contextmenu li a:hover {
  background: var(--color-main-bg-light);
  color: var(--color-accent);
}

a.disabled {
  opacity: 0.7;
  pointer-events: none;
  filter: saturate(0.2);
}

.infobox p {
  color: var(--color-main-dark);
}

.ZebraDialog {
  background: var(--color-main-bg-light);
}

.ZebraDialog_Body {
  color: var(--color-main);
}

.colorBox {
  color: #505050;
}
.colorBox a:not([class]),
.colorBox a:not([class]):link, .colorBox a:not([class]):visited, .colorBox a:not([class]):active {
  color: #1b84ca;
}
.colorBox .caption,
.colorBox div.collapsible .caption {
  color: #0088ff;
}
.colorBox table.clear > tbody > tr > th,
.colorBox table.clear > tbody > tr > td {
  color: #505050;
}

div.currentProductionLicense {
  background-color: #dcfbe6;
}

div.olderProductionLicense {
  background: #ddf0e2;
}

div.currentTestingLicense {
  background: #f5dcff;
}

div.olderTestingLicense {
  background: #ddcbe4;
}

a.toggler {
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid rgba(133, 224, 145, 0.7019607843);
  background-color: #ffffff;
  border-radius: 100px;
  cursor: pointer;
  font-size: 18px;
}
a.toggler[data-state=on]:hover {
  background-color: #c0c0c0;
}
a.toggler[data-state=off] {
  border-color: #c0c0c0 !important;
  background-color: transparent;
}
a.toggler[data-state=off] i {
  color: #c0c0c0;
}
a.toggler[data-state=off]:hover {
  background-color: #f0f0f0;
  color: #808080;
}

a.toggler + a.toggler {
  margin-left: 3px;
}

div.toggleSwitch {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 10pt;
}
div.toggleSwitch a {
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 32px;
  position: relative;
  margin-right: 8pt;
}
div.toggleSwitch a:hover {
  background: transparent;
}
div.toggleSwitch a i {
  font-family: "Font Awesome 6 Pro";
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  position: absolute;
  opacity: 0.7;
}
div.toggleSwitch a i:hover {
  opacity: 1;
}
div.toggleSwitch a[data-state=on] i:after {
  content: "\f058"; /* fa-check-circle */
  font-weight: 900;
  color: deepskyblue;
}
div.toggleSwitch a[data-state=off] i:after {
  /* content: "\f111";  fa-circle */
  content: "\f1ce"; /* fa-circle-notch */
  font-weight: 900;
  color: firebrick;
}
div.toggleSwitch a.wait i:after {
  opacity: 0.3;
}

div[data-component=AORS\\View\\CustomerContacts] .ctxmenu {
  margin-top: 7px;
}

.cke_contents {
  color: #404040;
}
.cke_contents textarea {
  color: #404040;
}

.cke_autocomplete_panel {
  color: #303040;
}
.cke_autocomplete_panel li {
  color: #303040;
}

.mention {
  color: orchid;
  font-weight: 500;
  margin: 0 5pt;
}

.note-content .htmlContent {
  max-width: 1000px;
  overflow: auto;
}

sup span {
  background: #ff0000;
  color: yellow;
  display: inline-block;
  padding: 1pt 5pt;
  border-radius: 5px;
  margin: 0 2pt;
}

#cloudButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 20pt;
  margin: 10pt -10pt 10pt -10pt;
  background: transparent;
  border: none;
}
#cloudButtons h5 {
  color: #af8585;
  font-size: 12.5pt;
  font-weight: 550;
  text-align: center;
  margin: 0 0 15pt 0;
}
#cloudButtons .panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 300px;
  margin: 0;
  padding: 10pt 5pt;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.modernListItem h1 {
  font-size: 11pt;
  font-weight: 600;
  margin: 0;
  text-shadow: none;
  text-align: left;
}
.modernListItem h2 {
  font-size: 10.5pt;
  font-weight: 600;
  margin: 0;
  text-shadow: none;
  text-align: left;
}
.modernListItem h3 {
  font-size: 10pt;
  font-weight: normal;
  margin: 0;
  text-shadow: none;
  text-align: left;
}
.modernListItem p {
  font-size: 9.5pt;
  font-weight: normal;
  margin: 0;
}

.listPanels .SumoSelect > .optWrapper > .options > li.opt:not(:last-child) {
  border-bottom: 1px solid rgba(144, 144, 144, 0.2509803922);
}

progress-ring {
  display: inline-flex;
  align-items: center;
  color: #a0a0d0;
}

.note-summary {
  font-size: 10pt;
  padding: 4pt 8pt;
  background: #d0d0d0;
}

.round-icon-container {
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 3px solid rgba(101, 179, 0, 0.7);
  background-color: #f0f0f0;
  border-radius: 100px;
  font-size: 16px;
}

.round-icon-container.disabled {
  border: 2px solid rgba(208, 196, 196, 0.7);
}
.round-icon-container.disabled i {
  filter: grayscale(100%) opacity(0.4);
}

.darkTheme {
  --color-main-bg: #262629;
  --color-main: #e4e4e0;
  --color-main-bg-dark: #1a1a1c;
  --color-main-dark: #ccccc5;
  --color-main-bg-light: #3a3a3e;
  --color-main-light: white;
  --color-border: #414141;
  --color-border-light: #4e4e4e;
  --color-input: #e0e0e0;
  --color-input-bg: #545252;
  --color-input-border: transparent;
  --color-input-accent: #efae49;
  --color-input-list: #cea5a5;
  --color-input-list-bg: #505050;
  --color-input-list-border: #808080;
  --color-group: #ffaa82;
  --color-label: #909090;
  --color-item-label: #e0e0e0;
  --color-h1: #b39692;
  --color-h2: #b48054;
  --color-popup-bg: #202020;
  --color-popup-border: #606060;
  --color-popup: #e4e4e0;
  --color-subtle: #8bb4b9;
  --color-mandatory: #ff7800;
  --color-accent: #62bcff;
  --color-accent-alt: #ff8000;
  --color-table-headings: #e3c273;
  --color-link: #52baff;
  --color-link-hover: #404040;
  --color-link-hover-bg: #e7b751;
  --color-subtle-hover-bg: #5d5d5d;
  --color-subtle-hover: #749cca;
}
.darkTheme .htmlContent {
  background-color: #ffffff;
  padding: 5pt 15pt;
}
.darkTheme .htmlContent blockquote, .darkTheme .htmlContent pre, .darkTheme .htmlContent abbr, .darkTheme .htmlContent acronym, .darkTheme .htmlContent address, .darkTheme .htmlContent big, .darkTheme .htmlContent cite, .darkTheme .htmlContent code, .darkTheme .htmlContent del, .darkTheme .htmlContent dfn, .darkTheme .htmlContent em, .darkTheme .htmlContent img, .darkTheme .htmlContent ins, .darkTheme .htmlContent kbd, .darkTheme .htmlContent q, .darkTheme .htmlContent s,
.darkTheme .htmlContent samp, .darkTheme .htmlContent small, .darkTheme .htmlContent strike, .darkTheme .htmlContent sub, .darkTheme .htmlContent sup, .darkTheme .htmlContent tt, .darkTheme .htmlContent var, .darkTheme .htmlContent u, .darkTheme .htmlContent dl, .darkTheme .htmlContent dt, .darkTheme .htmlContent dd, .darkTheme .htmlContent ol, .darkTheme .htmlContent p, .darkTheme .htmlContent ul, .darkTheme .htmlContent li, .darkTheme .htmlContent fieldset, .darkTheme .htmlContent form, .darkTheme .htmlContent label, .darkTheme .htmlContent legend,
.darkTheme .htmlContent table, .darkTheme .htmlContent caption, .darkTheme .htmlContent tbody, .darkTheme .htmlContent tfoot, .darkTheme .htmlContent thead, .darkTheme .htmlContent tr, .darkTheme .htmlContent th, .darkTheme .htmlContent td, .darkTheme .htmlContent div {
  color: #404040;
}
.darkTheme h1 {
  color: var(--color-h1);
  text-shadow: none;
}
.darkTheme h2 {
  color: var(--color-h2);
  text-shadow: none;
}
.darkTheme div.verticalMenu li.group-header {
  color: #e3a8a8;
}
.darkTheme .small-note {
  background: transparent;
  border: 1px solid #909090;
}
.darkTheme .testing {
  background-color: #20202a;
}
.darkTheme .attention {
  background-color: #3b2831;
}
.darkTheme div.iconic {
  background: rgba(160, 160, 160, 0.2509803922);
}
.darkTheme a.img:link, .darkTheme a.img:visited, .darkTheme a.img:active, .darkTheme a.img:hover {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.darkTheme a.iconic:active, .darkTheme a.iconic:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.darkTheme a.iconic.primary {
  background-color: #9cccff;
  color: #404060;
}
.darkTheme a.link-message {
  color: #a0a0c0;
}
.darkTheme div.card {
  background-color: #303544;
  border-color: transparent;
  color: #e0e0e0;
}
.darkTheme div.card h1 {
  color: #9f80a3;
}
.darkTheme .wait::before, .darkTheme .loading::before {
  background-color: rgba(64, 64, 64, 0.6901960784);
}
.darkTheme .infobox h1 {
  color: #b05454;
}
.darkTheme .flex-link:hover {
  background-color: rgba(160, 160, 160, 0.1882352941);
}
.darkTheme .red {
  color: #ff6666;
}
.darkTheme .darkOrange {
  color: #e6a710;
}
.darkTheme .blue {
  color: #59a0da;
}
.darkTheme .green {
  color: #96e56a;
}
.darkTheme .gray {
  color: #a0a0a0;
}
.darkTheme .small {
  color: #e89f73;
}
.darkTheme .btn.small {
  color: #303030;
}
.darkTheme pre {
  color: #909090;
}
.darkTheme .perfect-datetimepicker thead td.hover {
  border: 0;
}
.darkTheme label.right {
  color: var(--color-input);
}
.darkTheme .shape-container .shape-pointer {
  background: #406573;
}
.darkTheme .shape-container .shape-pointer::before {
  border-left-color: #406573;
}
.darkTheme .shape-container .shape-pointer.active {
  background: #4d7357;
}
.darkTheme .shape-container .shape-pointer.active::before {
  border-left-color: #4d7357;
}
.darkTheme .shape-container .shape-pointer.incomplete {
  background: rgba(122, 121, 121, 0.4705882353);
}
.darkTheme .shape-container .shape-pointer.incomplete::before {
  border-left-color: #808080;
}
.darkTheme table.valueSelector > tbody > tr:hover, .darkTheme table.valueSelector > tbody > tr:nth-child(2n+1):hover {
  background-color: #3a4c88;
}
.darkTheme table.valueSelector > tbody > tr:hover td, .darkTheme table.valueSelector > tbody > tr:nth-child(2n+1):hover td {
  color: #c0c0c0;
}
.darkTheme .ZebraDialog_Buttons a {
  color: #ffffff;
}
.darkTheme .spinnerMask {
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  position: fixed;
}
.darkTheme .overlayMask {
  background-color: rgba(255, 255, 255, 0.35);
}
.darkTheme h5 {
  color: #91c02c;
}
.darkTheme h6 {
  color: #9f85dc;
}
.darkTheme p.note {
  color: #c09575;
}
.darkTheme ul.DropMenu li ul {
  background: #324f6b;
}
.darkTheme ul.DropMenu li ul li {
  color: #719cca;
}
.darkTheme ul.DropMenu li ul li.group-header {
  color: #e0b090;
}
.darkTheme ul.DropMenu li ul li a:link, .darkTheme ul.DropMenu li ul li a:visited {
  background: #324f6b;
  color: #7db0e7;
  font-weight: normal;
}
.darkTheme ul.DropMenu li ul li a:hover {
  background: #7db0e7;
  color: #ffffff;
}
.darkTheme div.edit-error {
  background: #523636;
  color: #fa9f9f;
}
.darkTheme div.edit-error strong {
  color: #fa9f9f;
}
.darkTheme .edit_form div.field {
  color: #c0c0b5;
}
.darkTheme .edit_form label {
  color: rgba(175, 156, 156, 0.8156862745);
}
.darkTheme .edit_form .caption {
  color: rgba(175, 156, 156, 0.8156862745);
}
.darkTheme div.field + label.right {
  color: #c2a1a1;
}
.darkTheme .edit_form table.ED_table_clear > tbody > tr > th {
  color: #459acd;
}
.darkTheme ::placeholder {
  color: #ff8a64;
}
.darkTheme .edit_form .ED_inline_combo {
  background-color: #333;
}
.darkTheme .TabPanel .Tab {
  border-top: 1px solid var(--color-main-bg-light);
}
.darkTheme .TabPanel .Tab:empty {
  background: var(--color-main-bg);
}
.darkTheme .cke_chrome {
  border-color: #202020;
}
.darkTheme div.buttonContainer,
.darkTheme input.ED_combo_input[type=text] {
  background-color: var(--color-input-bg);
}
.darkTheme div[readonly], .darkTheme input:not(.ED_combo_input)[readonly], .darkTheme textarea[readonly], .darkTheme select[readonly] {
  opacity: 0.34;
}
.darkTheme input[type=checkbox]:not(.box):not(:checked) {
  background: #4f4f4f;
  border-color: #7b7b7b;
}
.darkTheme .dump {
  background: inherit;
  border: 1px solid var(--color-border-light);
}
.darkTheme ul.DropMenu li.group-header::before,
.darkTheme ul.DropMenu li.group-header::after {
  border-top: 1px solid rgba(255, 255, 255, 0.2509803922);
}
.darkTheme li.group-header {
  color: #a56f6f;
}
.darkTheme li.group-header::before, .darkTheme li.group-header::after {
  border-color: #6b5656;
}
.darkTheme a.toggler[data-state=on] {
  border-color: #368bcf;
  background-color: #404040;
}
.darkTheme a.toggler[data-state=on]:hover {
  background-color: #ffffff;
}
.darkTheme a.toggler[data-state=off] {
  border-color: #606060 !important;
  background-color: rgba(124, 124, 124, 0.3137254902);
}
.darkTheme a.toggler[data-state=off] i {
  color: #707070;
}
.darkTheme a.toggler[data-state=off]:hover {
  background-color: #a0a0a0;
}
.darkTheme .droppable {
  border-color: rgba(255, 255, 255, 0.231372549);
  background: rgba(245, 245, 245, 0.1411764706);
  color: rgba(255, 255, 255, 0.8156862745);
}
.darkTheme :where(table.full-width) p {
  color: #303030;
}
.darkTheme input[type=text].displayonly, .darkTheme textarea.displayonly, .darkTheme select.displayonly {
  color: #ffd5ff;
}
.darkTheme #cloudButtons h5 {
  color: #af8585;
}
.darkTheme #cloudButtons .panel {
  background: rgba(255, 255, 255, 0.0784313725);
  border: 1px solid rgba(0, 0, 0, 0.6274509804);
}
.darkTheme .colorBox {
  color: var(--font-color);
}
.darkTheme .colorBox table.clear > tbody > tr > th,
.darkTheme .colorBox table.clear > tbody > tr > td {
  color: var(--font-color);
}
.darkTheme div.currentProductionLicense {
  background-color: rgba(0, 255, 82, 0.1490196078);
}
.darkTheme div.currentTestingLicense {
  background: rgba(255, 0, 211, 0.1882352941);
}
.darkTheme div.olderProductionLicense {
  background: rgba(4, 78, 25, 0.2);
}
.darkTheme div.olderTestingLicense {
  background: rgba(221, 203, 228, 0.3137254902);
}
.darkTheme .addressSelector .CaptionCont {
  background: rgba(50, 50, 104, 0.7411764706);
  color: #2f5a93;
}
.darkTheme label.blockLabel {
  color: #b49e88;
}
.darkTheme .modernListItem h1 {
  color: #dcd6b6;
  letter-spacing: 1.2px;
}
.darkTheme .modernListItem p {
  color: #bdb6aa;
}
.darkTheme .round-icon-container {
  border: 3px solid rgba(124, 214, 1, 0.7);
  background-color: #3d3d3d;
}
.darkTheme .round-icon-container.disabled {
  border: 2px solid rgba(107, 107, 107, 0.5);
}
.darkTheme .round-icon-container.disabled i {
  filter: grayscale(100%) opacity(0.3);
}

/*# sourceMappingURL=aors_dark.css.map */