@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: #d6bfad;
}
.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);
}

.lightTheme {
  --color-main-bg: #e7e7e5;
  --color-main: #505050;
  --color-main-bg-dark: #dbdbd8;
  --color-main-dark: #373737;
  --color-main-bg-light: #f8f8f8;
  --color-main-light: #838383;
  --color-border: white;
  --color-border-light: #d0d0d0;
  --color-input: #404040;
  --color-input-bg: #faf6f0;
  --color-input-border: #d0d0d0;
  --color-input-accent: #269022;
  --color-input-list: #cea5a5;
  --color-input-list-bg: #f0f0f0;
  --color-input-list-border: #d7d7d7;
  --color-group: #cea5a5;
  --color-label: #808080;
  --color-item-label: #505050;
  --color-h1: #909090;
  --color-h2: #436f98;
  --color-popup-bg: #ffffff;
  --color-popup-border: #e0e0e0;
  --color-popup: #505050;
  --color-subtle: #95639d;
  --color-mandatory: #ff4800;
  --color-accent: #0f6091;
  --color-accent-alt: #ff8000;
  --color-table-headings: #607080;
  --color-link: #4096cf;
  --color-link-hover: #ffffff;
  --color-link-hover-bg: #ffad00;
  --color-subtle-hover-bg: #e0e0e0;
  --color-subtle-hover: #50b2f3;
}
.lightTheme .json-editor-blackbord {
  background: #ffffff;
  color: #606060;
}
.lightTheme .json-string {
  color: #1f989a;
}
.lightTheme .json-literal {
  color: #ff8c00;
}
.lightTheme .json-url {
  color: #1e90ff;
}
.lightTheme .json-property {
  color: #4487c6;
}
.lightTheme div.addressSelector .CaptionCont {
  background: rgba(178, 178, 255, 0.1882352941);
  color: #2f5a93;
}

a.iconic:active, a.iconic:hover {
  background-color: rgba(100, 100, 150, 0.1);
  color: var(--color-subtle-hover);
}
a.iconic.primary {
  background-color: rgba(156, 204, 255, 0.6274509804);
  color: #335b6f;
}
a.iconic.primary:hover {
  background-color: #9cccff;
  color: #335b6f;
}

div.card {
  background-color: #e8e8e8;
  border-radius: 8px;
  color: #606060;
}
div.card h1 {
  color: #9070a0;
  text-shadow: none;
}

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

.shape-container .shape-pointer::after {
  border-left-color: var(--color-main-bg-light);
}

a.toggler:hover {
  background: #fff1bb;
}

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