.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

div {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

.dont-display {
  display: none !important;
}

.display {
  display: revert;
}

.bold {
  font-weight: 600;
}

[data-mclass=ExcelImport] .form-check {
  padding: 0.5rem 0 0.5rem 1.25rem;
  cursor: pointer;
}

[data-mclass=Icons] .z {
  width: 8rem;
  height: 8rem;
  display: flex;
  align-content: center;
  flex-direction: column;
  font-size: 0.8rem;
  font-weight: 300;
  align-items: center;
}
[data-mclass=Icons] .z svg {
  margin-bottom: 1rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=Settings] .rz-row :has(> .form-field.read-only) {
  border: none !important;
}
[data-mclass=Settings] .rz-accordion-header {
  margin-bottom: 0.1rem;
  margin-top: 1.25rem;
}
[data-mclass=Settings] .rz-accordion-header a {
  padding: 0.8rem !important;
  font-size: 1rem !important;
  cursor: pointer;
}
[data-mclass=Settings] .rz-accordion-toggle-icon.rzi {
  font-weight: bold;
}
[data-mclass=Settings] .rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) {
  font-weight: 500;
  margin-left: 0.12rem;
}
[data-mclass=Settings] .rz-cb-val {
  font-weight: 300;
  display: inline-block;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3529411765);
}
[data-mclass=Settings] .rz-cb-desc {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
}
[data-mclass=Settings] .rz-button-icon-left {
  display: block;
}
[data-mclass=Settings] .rz-accordion-content {
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  position: relative;
  margin-bottom: 1rem;
}
[data-mclass=Settings] .form-field {
  margin: 0rem 0 0.6rem 0 !important;
}
[data-mclass=Settings] .rz-accordion-content .rz-label {
  font-weight: 500;
  line-height: 1.5rem;
  display: block;
  margin: 0 0 0 0;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3529411765);
}
[data-mclass=Settings] .rz-accordion-content input,
[data-mclass=Settings] .rz-accordion-content .rz-spinner {
  width: 90%;
  margin-bottom: 1rem;
}
[data-mclass=Settings] .rz-accordion-content .rz-dropdown,
[data-mclass=Settings] .rz-accordion-content input {
  box-shadow: none;
}
[data-mclass=Settings] .rz-stack {
  gap: 0;
}
[data-mclass=Settings] .no-stack {
  display: inline-block !important;
}
@media screen and (min-width: 62rem) {
  [data-mclass=Settings] .rz-accordion-content input,
  [data-mclass=Settings] .rz-accordion-content .rz-spinner {
    width: 50%;
  }
}
[data-mclass=Settings] .m-toc {
  /*background-color: red;
  display: none;*/
  padding-top: 2rem;
  /*@include media-min($breakpoint-lg) {
              display: revert;
          }
  */
}
[data-mclass=Settings] .m-toc ul {
  position: sticky;
  right: 0;
  top: 0;
}
[data-mclass=Settings] .toc-row {
  position: sticky;
}
[data-mclass=Settings] .simple-link {
  font-size: 0.9rem;
  margin: -0.2rem 0.5rem 1.9rem 0 !important;
  line-height: 1rem;
  width: 9.3rem;
  padding: 0 !important;
}
[data-mclass=Settings] div.form-field.read-only .input-container .rz-dropdown,
[data-mclass=Settings] div.form-field.read-only .input-container > [class*=rz-] > input,
[data-mclass=Settings] div.form-field.read-only .input-container > [class^=rz-],
[data-mclass=Settings] div.form-field.read-only .input-container > [class^=rz-]:hover,
[data-mclass=Settings] div.form-field.read-only .input-container > [class*=" rz-"]:hover,
[data-mclass=Settings] div.form-field.read-only .input-container > input:hover {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-bottom: none !important;
}

.select-bar-widget .input-container {
  display: block !important;
  flex: none !important;
  width: auto;
}
.select-bar-widget .input-container > .rz-selectbutton.rz-buttonset {
  width: auto;
}
.select-bar-widget .input-container > .rz-selectbutton.rz-buttonset .rz-button:nth-child(1) {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.select-bar-widget .input-container > .rz-selectbutton.rz-buttonset .rz-button:last-child {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.select-bar-widget .input-container .label-container {
  /*height: 1.6rem;*/
  /* margin: 0 !important; */
  /* padding: 0 !important; */
  margin-left: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .select-bar-widget .input-container .label-container {
    margin-left: -0.4rem;
  }
}
@media screen and (min-width: 1440px) {
  .select-bar-widget .input-container .label-container {
    margin-left: -0.4rem;
  }
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

div.form-field {
  width: 100%;
  margin: 0.3rem 0 0.9rem 0;
  visibility: visible;
  display: flex;
  flex-direction: column;
  position: relative;
  /* &.read-only {
      > [class^="rz-"],
      > [class*=" rz-"],
      > input,
      > [class^="rz-"]:hover,
      > [class*=" rz-"]:hover,
      > input:hover
      //
      {
          border: none !important;
          outline: none !important;
          box-shadow: none !important;
          background: none !important;
          pointer-events: none;
      }

      .help-text,
      .rz-spinner-button,
      .rz-calendar button {
          display: none;
      }
  }*/
}
div.form-field .rz-dropdown {
  width: 100%;
}
div.form-field .button-container {
  position: absolute;
  top: 0rem;
  pointer-events: none;
  z-index: 0;
}
div.form-field .button-container.end {
  right: 0;
}
.rtl div.form-field .button-container.end {
  right: auto;
  left: 0;
}
div.form-field .button-container button {
  pointer-events: all;
}
div.form-field.TextFieldFilter .button-container {
  top: 0.7rem;
  right: 0.5rem;
}
div.form-field .yn {
  font-size: 0.8rem;
}
div.form-field.editable-select-widget.vertical .label-container, div.form-field.SelectWidget.vertical .label-container {
  margin-bottom: 0rem !important;
}
div.form-field.select-bar-widget .input-container {
  margin-top: 0.4rem;
}
div.form-field .rz-numeric {
  /*height: 2.5rem;*/
}
div.form-field.CheckBoxWidget {
  padding: 0;
  margin: 1.3rem 0 1.3rem 0;
}
div.form-field.horizontal.CheckBoxWidget {
  flex-wrap: nowrap;
  flex-direction: row;
  margin-left: 0.4rem;
}
.form-container.wrapped div.form-field.horizontal.CheckBoxWidget {
  /*flex-wrap: wrap;*/
  margin: 1rem 0 0 0;
  align-items: center;
}
div.form-field.horizontal.CheckBoxWidget .input-container {
  display: block;
  flex: none;
}
div.form-field.horizontal.CheckBoxWidget .label-container {
  height: 1.6rem;
  /* margin: 0 !important; */
  /* padding: 0 !important; */
  margin-left: 0.4rem;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  div.form-field.horizontal.CheckBoxWidget .label-container {
    margin-left: -0.4rem;
  }
}
@media screen and (min-width: 1440px) {
  div.form-field.horizontal.CheckBoxWidget .label-container {
    margin-left: -0.4rem;
  }
}
div.form-field.horizontal.CheckBoxWidget .label-container label {
  cursor: pointer;
}
div.form-field .input-container {
  flex: 1;
  display: flex;
  /* align-content: center; */
  align-items: baseline;
  gap: 0.6rem;
}
div.form-field .input-container .m-wrap > [class^=rz-],
div.form-field .input-container .m-wrap > [class*=" rz-"],
div.form-field .input-container > [class^=rz-],
div.form-field .input-container > [class*=" rz-"],
div.form-field .input-container > input {
  width: 100%;
  font-size: 0.85rem;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  outline: none;
}
div.form-field .input-container .m-wrap > [class^=rz-] input,
div.form-field .input-container .m-wrap > [class*=" rz-"] input,
div.form-field .input-container > [class^=rz-] input,
div.form-field .input-container > [class*=" rz-"] input,
div.form-field .input-container > input input {
  width: 100%;
  box-shadow: none;
}
div.form-field .input-container > .rz-switch {
  width: 5rem;
  min-width: 3rem;
}
div.form-field .input-container > .rz-numeric input {
  padding: 0 0.5rem;
}
div.form-field .input-container > .rz-datepicker input {
  padding: 0 0.5rem;
}
div.form-field .input-container :has(.rz-switch) {
  margin-top: 0.25rem;
  box-shadow: none;
}
div.form-field label {
  width: 100%;
  text-wrap: nowrap;
  z-index: 3000;
  margin-top: 0;
  align-self: center;
}
div.form-field .help-text {
  display: flex;
  font-size: 0.8em;
  margin: 0.6rem 0 0 0.2rem;
  border: none;
  font-style: italic;
}
div.form-field.horizontal {
  flex-direction: row;
  position: relative;
  flex-wrap: nowrap;
}
div.form-field.horizontal .input-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.form-field.horizontal .label-container {
  display: flex;
  margin: 0 0 0 0;
  align-self: center;
  height: auto;
}
div.form-field.horizontal .label-container label {
  margin-bottom: 0;
}
div.form-field.horizontal .help-text {
  position: absolute;
  bottom: -1.4rem;
}
div.form-field.rtl {
  direction: rtl;
}
div.form-field.FileInputWidget .input-container {
  display: none;
}
div.form-field.FileInputWidget .label-container {
  padding: 10px 20px;
  align-self: center;
  transition: all 0.3s ease;
  height: 2.6rem;
  z-index: 33;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  border: var(--rz-input-border);
  background-color: green;
  color: white;
}
div.form-field.FileInputWidget .label-container label {
  cursor: pointer;
}
div.form-field.FileInputWidget.FileInputWidget :focus, div.form-field.FileInputWidget.FileInputWidget :hover {
  background-color: rgb(28, 98, 28);
}

.label-container {
  font-weight: 600;
  font-size: 0.8rem;
  display: flex;
  padding-right: 10px;
  margin: 0 0 0.3rem 0.2rem;
  /*height: 1.4rem;*/
}

.rz-button.rz-dark {
  color: unset !important;
}

body.theme-dark .form-field .input-container > * {
  border-color: #45565e;
}

.rz-row :has(> .form-field.read-only) {
  border-bottom: dashed 1px #e0e0e0;
}

@media screen and (max-width: 425px) {
  div.form-field.horizontal {
    flex-direction: column;
    gap: 0.1rem;
  }
  div.form-field.horizontal .input-container > * {
    width: 100%;
  }
  div.form-field.horizontal .label-container {
    flex: none;
    padding-right: 0;
    padding-bottom: 5px;
  }
}
div :not(.rz-form-field-content) > .rz-textbox,
div :not(.rz-form-field-content) > input.rz-textbox {
  margin: 0;
  width: 100%;
  height: var(--rz-input-height);
  line-height: var(--rz-input-line-height);
  color: var(--rz-input-value-color);
  transition: var(--rz-input-transition);
  outline: none;
  width: 100%;
  font-size: 0.85rem;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  border: var(--rz-input-border);
  padding: 0rem 0.3rem;
}
div :not(.rz-form-field-content) > .rz-textbox:focus,
div :not(.rz-form-field-content) > input.rz-textbox:focus {
  border: var(--rz-input-focus-border) !important;
  box-shadow: none !important;
}

.rz-treenode-content-selected .rz-treenode-label,
.rz-treenode-content:hover .rz-treenode-label {
  background-color: revert !important;
  /* z-index: 1111 !important; */
  color: revert !important;
}

div.rounded.float-end.save-cancel {
  display: block;
  float: right;
  position: sticky;
  bottom: -1rem;
  width: 100%;
  right: 1rem;
  background-color: white;
  height: 6rem;
}
div.rounded.float-end.save-cancel button.rz-button {
  float: right;
  margin-left: 0.5rem;
}

.borderless {
  border: none;
  outline: none;
  box-shadow: none !important;
  padding-left: 3px;
}

.no-underline {
  border-bottom: none !important;
}

.simple-link {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
  border-bottom: dashed 1px rgba(0, 113, 193, 0.4705882353);
  text-decoration: none;
  /*// Icon positioning
  .icon-start {*/
  /*margin-right: map-get($spacing, xs);*/
  /*}

  .icon-end {*/
  /*margin-left: map-get($spacing, xs);*/
  /*}*/
  /*i {
      text-decoration: none;
  }*/
}
.simple-link i.rzi {
  font-size: 1.2rem;
}
.simple-link.extra-small {
  font-size: 0.9rem;
  padding: 0;
  gap: 0.15rem;
  line-height: 1.4rem;
}
.simple-link.extra-small i.rzi {
  font-size: 1.1rem;
}
.simple-link.small {
  font-size: 1rem;
  padding: 0 0.1rem;
  gap: 0.2rem;
  line-height: 1.4rem;
}
.simple-link.small i.rzi {
  font-size: 1.2rem;
}
.simple-link.big {
  font-size: 1.2rem;
  padding: 0 0.4rem;
  gap: 0.25rem;
  line-height: 1.6rem;
}
.simple-link.big i.rzi {
  font-size: 1.4rem;
}
.simple-link:hover {
  color: rgb(0, 76.5, 153);
  background-color: rgba(0, 102, 204, 0.05);
  text-decoration: none;
}
.simple-link:active {
  transform: translateY(1px);
}
.simple-link.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.simple-link.hidden {
  display: none;
}
body.theme-dark .simple-link {
  border-bottom: dashed 1px rgba(240, 230, 220, 0.537254902);
  color: #f0e6dc;
}
body.theme-dark .simple-link:hover {
  color: rgb(224.7, 204.5, 184.3);
}
.simple-link.red {
  color: red;
  border-bottom: dashed 1px red;
}
.simple-link.red :hover {
  color: #990000;
  border-bottom: dashed 1px #990000;
  background-color: rgba(255, 0, 0, 0.05);
}

div.form-field.read-only .input-container .rz-dropdown,
div.form-field.read-only .input-container > [class*=rz-] > input,
div.form-field.read-only .input-container > [class^=rz-],
div.form-field.read-only .input-container > [class^=rz-]:hover,
div.form-field.read-only .input-container > [class*=" rz-"]:hover,
div.form-field.read-only .input-container > input:hover {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-bottom: dashed 1px #ddd2d2 !important;
  /*
  body.theme-dark & {
      border-bottom: dashed 1px #3d3232 !important;
  }*/
  pointer-events: none;
}
div.form-field.read-only .input-container > .help-text,
div.form-field.read-only .input-container > .rz-spinner-button,
div.form-field.read-only .input-container > .rz-calendar button,
div.form-field.read-only .input-container .rz-dropdown-clear-icon,
div.form-field.read-only .input-container > .rz-datepicker button,
div.form-field.read-only .input-container .rz-dropdown > .rz-dropdown-trigger {
  display: none !important;
}
div.form-field.read-only .input-container > .rz-datepicker,
div.form-field.read-only .input-container .rz-numeric {
  border-bottom: none !important;
}

.rz-numeric-button {
  display: none;
}

.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
.image-gallery div {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.9rem;
}
.image-gallery div img {
  cursor: pointer;
}
.image-gallery div .simple-link {
  width: 3.1rem;
  font-size: 0.9rem;
}
.image-gallery div .simple-link.open {
  color: var(--rz-success);
}
.image-gallery #no-images {
  margin: 0 auto;
}

.gallery-image {
  object-fit: cover;
  border: solid 1px #808080;
}
.gallery-image :hover {
  border: solid 1px #000;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.entity-image .img {
  width: 100%;
  height: 100%;
}
.entity-image .icon {
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.entity-image-st {
  width: 50px;
  height: 50px;
}
.entity-image-st .icon {
  font-size: 32px;
}

.entity-image-s {
  width: 24px;
  height: 24px;
}

.entity-image-l {
  width: 100px;
  height: 100px;
}
.entity-image-l .icon {
  font-size: 64px;
}

.entity-image-border {
  border: solid 1px #808080;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=SearchableList] .sblist-container {
  display: flex;
  flex-direction: row;
  width: 20rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
[data-mclass=SearchableList] .sblist-container input {
  width: 100%;
}
[data-mclass=SearchableList] .sblist-list {
  height: 0;
  overflow: hidden;
  width: 100%;
  transition: height 0.3s ease-out;
}
[data-mclass=SearchableList] .sblist-list.visible {
  height: 10rem;
}
[data-mclass=SearchableList] .parameter-form {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: #f8f9fa;
}
[data-mclass=SearchableList] .form-group {
  margin-bottom: 1rem;
}
[data-mclass=SearchableList] .form-group label {
  display: block;
  margin-bottom: 0.5rem;
}
[data-mclass=SearchableList] .form-group input,
[data-mclass=SearchableList] .form-group select {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
[data-mclass=SearchableList] .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  cursor: pointer;
}
[data-mclass=SearchableList] .btn-primary:hover {
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 98.4, 204);
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=CustomerCards] .dsr {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
[data-mclass=CustomerCards] .grd_cardType_img {
  width: 24px;
}

#CustomerCardDetailForm #trckBal label.rz-label {
  font-weight: 500;
  padding-left: 0.6rem;
}

#cc-transactions div.form-field.card-type-icon div.input-container {
  align-items: center;
}
#cc-transactions .simple-link {
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}

form#CustomerCardTransactionsForm .select-bar-widget div.rz-selectbutton {
  height: 2.4rem;
}
form#CustomerCardTransactionsForm .select-bar-widget div.rz-selectbutton .rz-button .rz-button-text {
  vertical-align: var(--rz-button-vertical-align);
  font-size: 0.8rem;
  text-align: center;
  display: inline-block;
}
form#CustomerCardTransactionsForm div .form-field.CheckBoxWidget {
  margin-top: 1.4rem;
  cursor: pointer;
  width: 100%;
}
form#CustomerCardTransactionsForm div .form-field.CheckBoxWidget .label-container label {
  cursor: pointer;
  width: 100%;
}
form#CustomerCardTransactionsForm #bt-container {
  display: flex;
  /* flex-direction: row; */
  justify-content: flex-end;
  /* flex-wrap: nowrap; */
  width: 100%;
}
form#CustomerCardTransactionsForm #bt-container button {
  background-color: steelblue;
  right: 10px;
}
@media screen and (min-width: 1024px) {
  form#CustomerCardTransactionsForm [class*=-list-horizontal] .rz-checkbox,
  form#CustomerCardTransactionsForm [class*=-list-horizontal] .rz-radio-btn {
    width: 40%;
    margin-bottom: 0.5rem;
  }
}

#dispenser-sales-filter-card,
#snapshots-card {
  border-radius: 0.4rem;
}
#dispenser-sales-filter-card #bt-container,
#snapshots-card #bt-container {
  display: flex;
  /* flex-direction: row; */
  justify-content: flex-end;
  /* flex-wrap: nowrap; */
  width: 100%;
}
#dispenser-sales-filter-card #bt-container button,
#snapshots-card #bt-container button {
  background-color: steelblue;
  right: 10px;
}

#snapshots-card button {
  padding: 0.5rem 1.6rem;
  font-weight: 500;
}

div.customer-card-transaction {
  max-width: 1200px;
}

div.rz-dialog-wrapper div.customer-card-transaction {
  padding: 0.5rem 2rem;
}
div.rz-dialog-wrapper div.customer-card-transaction div.form-field {
  margin: 0.4rem 0;
}
form#CustomerCardTransactionsForm div.form-field.CheckBoxWidget {
  margin-top: 0.3rem;
}
form#CustomerCardTransactionsForm #_CustomerSelectGrid {
  width: 100% !important;
  min-width: 100%;
}
form#CustomerCardTransactionsForm #_CustomerSelectGrid .rz-text-align-end .rz-column-title-content {
  text-align: end;
  width: 100%;
  padding: 0 0.4rem;
}
form#CustomerCardTransactionsForm #_CustomerSelectGrid .simple-link {
  font-size: 0.9rem;
}

div#CardGridCard {
  border-radius: 0.4rem;
  max-width: 990px;
  margin-left: 1px;
  flex-wrap: wrap;
  display: flex;
  gap: 0.5rem;
}
div#CardGridCard h2 {
  width: 100%;
}
div#CardGridCard div.form-field input {
  border: none !important;
}
div#CardGridCard div.page-have-grid {
  width: 100%;
}
div#CardGridCard #help-text {
  font-size: 0.8rem;
  color: #4f4f4f;
}
div#CardGridCard div.button-container {
  margin-top: 1rem;
}
div#CardGridCard.rz-row :has(> .form-field.read-only) {
  border-bottom: none !important;
}
div#CardGridCard.rz-row :has(> .form-field.read-only) input {
  outline: none;
}

div#_CustomerCardGrid {
  width: 100%;
  min-width: 100%;
}
div#_CustomerCardGrid span.rz-cell-data {
  position: relative;
}
div#_CustomerCardGrid td:has(div.form-field) {
  padding: 0;
}
div#_CustomerCardGrid div#edit-bt-ct {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  position: absolute;
  top: 9px;
  right: 3px;
  z-index: 0;
  gap: 0;
  pointer-events: none;
  justify-content: flex-end;
}
div#_CustomerCardGrid div#edit-bt-ct button#edit-bt {
  outline: solid 1.5px #0071c1;
  background-color: aliceblue;
  border-radius: 0.4rem;
  padding: 0.4rem 2rem;
  /* margin: -0.3rem 0 0 4px; */
  position: absolute;
  left: 6px;
  /* right: auto; */
  top: -2px;
}
div#_CustomerCardGrid div#edit-bt-ct button#cancel-bt {
  margin-left: -5px;
}
div#_CustomerCardGrid div#edit-bt-ct button {
  background: unset;
  pointer-events: all;
}
div#_CustomerCardGrid .rz-text-align-end .rz-column-title-content {
  text-align: end;
  width: 100%;
  padding: 0.2rem 0.4rem;
}
div#_CustomerCardGrid div.form-field {
  margin: 0;
  padding: 0;
}
div#_CustomerCardGrid div.form-field div.input-container {
  padding: 0.2rem 0.4rem;
}
div#_CustomerCardGrid div.form-field div.input-container input {
  outline: solid 1px #d1d1e1;
}
div#_CustomerCardGrid div.form-field div.input-container input:hover,
div#_CustomerCardGrid div.form-field div.input-container input:focus {
  box-shadow: none;
}
div#_CustomerCardGrid div.form-field div.input-container .rz-numeric {
  /*height: var(--rz-input-height);*/
}

#CustomerTransferCard {
  border-radius: 0.4rem;
  max-width: 990px;
  margin-left: 1px;
  flex-wrap: nowrap;
  flex-direction: column;
  display: flex;
  gap: 0.5rem;
}
#CustomerTransferCard div.rz-data-grid {
  width: 100% !important;
  padding: 0 0 1rem 0;
  border: none;
}
#CustomerTransferCard div.rz-data-grid td:has(div.form-field) {
  padding: 0.2rem 0rem;
  vertical-align: top;
}
#CustomerTransferCard div.rz-data-grid th {
  border: none;
  background: none;
  padding: 0.5rem 0;
}
#CustomerTransferCard div.rz-data-grid td {
  border: none;
  padding: 0;
  background: none;
}
#CustomerTransferCard div.rz-data-grid td:first-child {
  padding: 0 0.5rem 0 0;
  text-align: end;
}
#CustomerTransferCard div.rz-data-grid div.form-field {
  margin: 0;
  padding: 0;
}
#CustomerTransferCard div.rz-data-grid div.form-field div.input-container {
  padding: 0.2rem 0.2rem;
}
#CustomerTransferCard div.rz-data-grid div.form-field div.input-container input {
  box-shadow: none;
  height: 2rem;
  /* border: dotted 1px; */
  border-bottom: solid 1px #bbb1b1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#CustomerTransferCard div.rz-data-grid div.form-field div.input-container input:hover,
#CustomerTransferCard div.rz-data-grid div.form-field div.input-container input:focus {
  box-shadow: none;
}
#CustomerTransferCard div.rz-data-grid div.form-field div.input-container .rz-numeric {
  /*height: 2rem;*/
}
#CustomerTransferCard h3 {
  width: 100%;
  text-align: start;
}
#CustomerTransferCard div.form-field.CheckBoxWidget {
  margin: 0 0 1rem 0;
}

div#ConfirmationGrid {
  min-width: 100%;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=SalesbyFuel] .col_head_align_end .rz-column-title {
  display: unset;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=SalesbySite] .col_head_align_end .rz-column-title {
  display: unset;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=SalesReports] svg:not(.rz-legend svg) {
  top: -4rem;
  position: relative;
  scale: 130%;
  left: 0.7rem;
}
[data-mclass=SalesReports] .sales_report_card {
  width: 96%;
}
[data-mclass=SalesReports] .sales_report_card h2 {
  text-align: center;
}
[data-mclass=SalesReports] .col_head_align_end .rz-column-title {
  display: unset;
}
[data-mclass=SalesReports] .rz-legend-bottom {
  bottom: -3.6rem;
  font-size: 0.75rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=DispenserSale] .row {
  margin-right: 0;
  margin-left: 0;
  border-bottom: dashed 1px #d0d0d0;
  padding: 0.7rem 0;
}
[data-mclass=DispenserSale] .label {
  margin-bottom: 0;
  font-weight: 600;
}
[data-mclass=DispenserSale] .print-content {
  background-color: #ffffff;
  width: 100%;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

div#FuelVolumeAmountsGrid .rz-text-align-end .rz-column-title-content {
  text-align: end;
  width: 100%;
  padding: 0 0.4rem;
}

div#dispenser-pt-bd-card, div#dispenser-ft-bd-card {
  max-width: 1000px;
}
div#dispenser-pt-bd-card h3, div#dispenser-ft-bd-card h3 {
  line-height: 1.85rem;
}

.shift-grid, [data-mclass=DispenserShiftReports] {
  /*
          .dsr {
      padding: 0;
      margin: 0;
      max-width: 100%;
  }

      .dsr ::deep div .rz-tabview-nav li {
          padding: 0;
      }

          .dsr ::deep div .rz-tabview-nav li a {
              cursor: pointer;
              padding: 0.7rem 3rem;
              font-weight: bold;
          }

      .dsr ::deep .rz-data-grid {
          margin-left: 0.3rem;
          margin-top: 1rem;
      }


      */
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.shift-grid div .rz-tabview-nav li, [data-mclass=DispenserShiftReports] div .rz-tabview-nav li {
  padding: 0;
}
.shift-grid div .rz-tabview-nav li a, [data-mclass=DispenserShiftReports] div .rz-tabview-nav li a {
  cursor: pointer;
  padding: 0.7rem 3rem;
  font-weight: bold;
}
.shift-grid .rz-data-grid, [data-mclass=DispenserShiftReports] .rz-data-grid {
  margin-left: 0.3rem;
  margin-top: 1rem;
}
.shift-grid .rz-title, [data-mclass=DispenserShiftReports] .rz-title {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 0.3rem;
}

.site-shift-details .info-title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 2rem;
  text-align: left;
  width: 4rem;
  display: inline-block;
  text-wrap-mode: nowrap;
}
.site-shift-details .info-text {
  font-size: 1rem;
  font-weight: normal;
  line-height: 2rem;
  text-align: left;
  display: inline-block;
  text-wrap-mode: nowrap;
}

.theme-dark div .variance-bg-pinky {
  background-color: #e78a8a !important;
}

.theme-light div .variance-bg-pinky {
  background-color: #fcc !important;
}

.theme-dark div .variance-bg-green {
  background-color: lightgreen !important;
}

.theme-light div .variance-bg-green {
  background-color: lightgreen !important;
}

#payment_bd_tbl {
  width: 100%;
  box-shadow: var(--rz-grid-shadow);
  border: var(--rz-grid-cell-border);
  border-radius: 0.8rem;
  background-color: var(--rz-grid-background-color);
  margin: 1.6rem 0;
}
#payment_bd_tbl tr {
  height: 2rem;
  padding: 1rem;
  border-bottom: solid 1px #c1bfbf;
}
#payment_bd_tbl tr:first-of-type {
  background-color: #f1efef;
}
#payment_bd_tbl tr:last-of-type {
  background-color: #f9f9f8;
}
#payment_bd_tbl tr:empty, #payment_bd_tbl td:empty, #payment_bd_tbl th:empty {
  border: none;
}
#payment_bd_tbl th, #payment_bd_tbl td {
  padding: 1rem;
}
#payment_bd_tbl td {
  border-right: solid 1px #d1cfcf;
  text-align: end;
}
#payment_bd_tbl td:first-of-type {
  text-align: start;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=Snapshots] tr th.rz-col-icon {
  width: 2rem;
}
[data-mclass=Snapshots] .rz-expanded-row-content .rz-card {
  width: auto;
  max-width: 1000px;
  margin: 0rem 0 0.6rem 0.2rem;
}
@media screen and (min-width: 425px) {
  [data-mclass=Snapshots] tr th.rz-col-icon {
    width: 3.25rem;
  }
}
@media screen and (min-width: 1440px) {
  [data-mclass=Snapshots] tr th.rz-col-icon {
    width: 2.45rem;
  }
}
@media screen and (min-width: 1920px) {
  [data-mclass=Snapshots] .s-container {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) {
  [data-mclass=Snapshots] .rz-expanded-row-content .rz-card {
    margin: 0rem 0 0.6rem 2.7rem;
  }
}
@media screen and (min-width: 1440px) {
  [data-mclass=Snapshots] .rz-expanded-row-content .rz-card {
    margin: 0 0 1rem 1.95rem;
  }
}
@media screen and (min-width: 1920px) {
  [data-mclass=Snapshots] .rz-expanded-row-content .rz-card {
    margin: 0 0 1rem 3.2rem;
  }
}
@media screen and (min-width: 2560px) {
  [data-mclass=Snapshots] .rz-expanded-row-content .rz-card {
    margin: 0 0 1rem 4.6rem;
  }
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=TankDetailsCard] div table {
  width: 100%;
  font-size: 0.8rem;
}
[data-mclass=TankDetailsCard] .tank-gauge-container {
  margin: 3.1rem auto;
}
[data-mclass=TankDetailsCard] table tr td:first-of-type .rz-label {
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  [data-mclass=TankDetailsCard] table tr td {
    border: none !important;
  }
  [data-mclass=TankDetailsCard] .tank-gauge-container {
    margin: 1.1rem auto;
  }
  [data-mclass=TankDetailsCard] table tr {
    line-height: 0.3rem;
    font-size: 0.6rem;
  }
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.center-screen {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

@media screen and (max-width: 800px) {
  .center-screen {
    width: 100%;
    max-width: 500px;
  }
}
form[action="/uiapi/authentication/login"] {
  position: relative;
}
form[action="/uiapi/authentication/login"] .login-logo {
  width: 200px;
  margin-top: 10px;
}
form[action="/uiapi/authentication/login"] img {
  width: 100%;
}

.powered-by {
  width: 200px;
  margin-top: 10px;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=TextFieldFilter].filter-container {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  position: absolute;
  height: 35px;
  line-height: 35px;
  z-index: 33;
  transition: 0.3s ease-out;
  transition-property: width, background-color, box-shadow;
}
[data-mclass=TextFieldFilter].filter-container div.rz-autocomplete,
[data-mclass=TextFieldFilter].filter-container input {
  width: 100%;
  border: solid 1px #f2f4f8;
  border-radius: 0.3rem;
}
[data-mclass=TextFieldFilter].filter-container div.rz-autocomplete .rz-inputtext {
  margin: 0 0 0 1.4rem;
}
[data-mclass=TextFieldFilter].filter-container input {
  padding: 0 0 0.1rem 0.8rem;
}
[data-mclass=TextFieldFilter].filter-expanded {
  width: 22rem;
  background-color: #ededed;
  padding: 30px 12px 30px 12px;
  margin-top: -14px;
  margin-left: -14px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  transition: 0.3s ease-out;
  transition-property: width, background-color, box-shadow;
}
[data-mclass=TextFieldFilter].filter-expanded .svg-icon-container {
  top: 0.67rem;
}
[data-mclass=TextFieldFilter].filter-expanded .bt-search {
  visibility: visible !important;
}
[data-mclass=TextFieldFilter].filter-expanded .bt-clear {
  right: 19px !important;
}
[data-mclass=TextFieldFilter] .active {
  background-color: #007bff;
  color: white;
}
[data-mclass=TextFieldFilter] .svg-icon-container {
  position: absolute;
  z-index: 10;
  top: -0.1rem;
}
[data-mclass=TextFieldFilter] .svg-icon-container.ico-stwt {
  left: 3px;
}
[data-mclass=TextFieldFilter] .svg-icon-container.ico-endwt {
  right: 54px;
}
[data-mclass=TextFieldFilter] .svg-icon-container.bt-search {
  right: 39px;
  visibility: hidden;
}
[data-mclass=TextFieldFilter] .svg-icon-container.bt-search svg {
  width: 1rem;
}
[data-mclass=TextFieldFilter] .svg-icon-container.bt-clear {
  right: 6px;
}
[data-mclass=TextFieldFilter] .svg-icon-container.bt-clear svg {
  width: 1rem;
}
[data-mclass=TextFieldFilter] .svg-icon-container svg {
  width: 1.7rem;
  stroke-width: 3px;
  transition: all 0.2s;
  color: var(--rz-grid-filter-color);
}
[data-mclass=TextFieldFilter] .svg-icon-container svg:hover {
  cursor: pointer;
  filter: brightness(0.6);
  transform: scale(1.2);
  transform-origin: center center;
}

.theme-dark .filter-container.filter-expanded {
  background-color: #374b51;
  color: white;
  box-shadow: 0 0 4px rgba(188, 188, 188, 0.1);
  border-radius: 0.2rem;
  border: solid 1px rgba(134, 162, 178, 0.2);
}
.theme-dark .filter-container svg {
  color: #a0a0a0;
}
.theme-dark .filter-container svg:hover {
  filter: brightness(2);
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=AppDateRangeColumn] {
  width: 100%;
}
[data-mclass=AppDateRangeColumn] span.footer-span {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
[data-mclass=AppDateRangeColumn] .dt-filter-button {
  height: calc(var(--rz-input-height) - 1px);
  background-color: unset !important;
  width: auto;
}
[data-mclass=AppDateRangeColumn] .dt-filter-picker {
  visibility: hidden;
  position: absolute;
  left: 0;
}
[data-mclass=AppDateRangeColumn] .dt-filter-range-display {
  display: inline-block;
  font-size: 0.74rem;
  margin-left: 0.4rem;
  vertical-align: bottom;
  color: var(--rz-text-caption-color);
}

#AdvDtRngSel {
  border-radius: 0.4rem;
}
#AdvDtRngSel #bt-container {
  display: flex;
  /* flex-direction: row; */
  justify-content: flex-end;
  /* flex-wrap: nowrap; */
  width: 100%;
}
#AdvDtRngSel #bt-container button {
  background-color: steelblue;
  right: 10px;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.numeric-column {
  width: 100%;
}
.numeric-column span.footer-span {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.numeric-column .dt-filter-button {
  height: calc(var(--rz-input-height) - 1px);
  background-color: unset !important;
  width: auto;
}
.numeric-column .dt-filter-picker {
  visibility: hidden;
  position: absolute;
  left: 0;
}
.numeric-column .dt-filter-range-display {
  display: inline-block;
  font-size: 0.74rem;
  margin-left: 0.4rem;
  vertical-align: bottom;
  color: var(--rz-text-caption-color);
}
.numeric-column span.footer-span {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-weight: bold;
}

th .numeric-column {
  display: flex;
  justify-content: space-between;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.svg-icon-container .default {
  width: 1.6rem;
}
.svg-icon-container .button,
.svg-icon-container .toggle-button {
  cursor: pointer;
}
.svg-icon-container svg {
  transition: all 0.3s ease-out;
}
.svg-icon-container:hover svg {
  filter: brightness(0.6);
  stroke-width: 1.5px;
}
.svg-icon-container.toggled svg {
  stroke-width: 3px;
}

.svg-icon-container svg {
  width: 1.4rem;
}

.theme-dark .svg-icon-container svg {
  color: #ffffff;
}

#order-form .simple-link, .delivery-form .simple-link {
  font-size: 0.9rem;
}
#content-wrapper #order-form, #content-wrapper .delivery-form {
  /*width: 1440px;
  max-width: 1440px;*/
}
#content-wrapper #order-form .simple-link, #content-wrapper #order-form i.rzi, #content-wrapper .delivery-form .simple-link, #content-wrapper .delivery-form i.rzi {
  display: none;
}
#content-wrapper #order-form .form-container.wrapped, #content-wrapper .delivery-form .form-container.wrapped {
  gap: 1rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.Sites_Site_Details #regionSelect label.rz-label {
  font-weight: 500;
  padding-left: 0.3rem;
  font-size: 0.9rem;
}
.Sites_Site_Details #regionSelect .input-container {
  padding-left: 0.3rem;
}
.Sites_Site_Details #regionSelect .input-container .rz-dropdown {
  width: 99%;
}

div#site-tabs div#SiteImages div.button-container, div#site-tabs div#SitePrivateImages div.button-container {
  margin: 1rem 0 -1rem 0rem;
}
div#site-tabs div#SiteImages div.button-container button, div#site-tabs div#SitePrivateImages div.button-container button {
  text-transform: uppercase;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.site-shift-details .rz-title {
  text-align: center;
  width: 100%;
  line-height: 2rem;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 0.3rem;
}
.site-shift-details .head-title-row {
  display: inline-flex;
  justify-content: space-between;
  flex-direction: row;
  /* margin-bottom: 1rem; */
  font-weight: bold;
  line-height: 2rem;
  font-size: 1rem;
  width: 100%;
}
.site-shift-details .head-title-row .info-text {
  font-weight: normal;
  width: 91%;
}

.theme-dark .site-shift-details div .variance-bg-pinky {
  background-color: #e78a8a !important;
}

.theme-light .site-shift-details div .variance-bg-pinky {
  background-color: #fcc !important;
}

.theme-dark .site-shift-details div .variance-bg-green {
  background-color: lightgreen !important;
}

.theme-light .site-shift-details div .variance-bg-green {
  background-color: lightgreen !important;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.editable-select-widget {
  display: inline-block;
  width: 100%;
}
.editable-select-widget .m-wrap {
  width: 100%;
}
.editable-select-widget .m-wrap .rz-dropdown {
  width: 100%;
  font-size: 0.85rem;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  outline: none;
}
.editable-select-widget .m-wrap .rz-dropdown input {
  box-shadow: none;
}
.editable-select-widget .edit-continer {
  position: relative;
  box-shadow: none !important;
}
.editable-select-widget .svg-icon-container {
  background-color: #d64d42;
  color: white;
  padding: 0.8rem;
  width: 7px;
  height: 7px;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  position: absolute;
  border: var(--rz-input-border);
  margin: 0.34rem 0.2rem;
  cursor: pointer;
  right: 28px;
  top: -37px;
}
.editable-select-widget .svg-icon-container svg {
  width: 1.2rem;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.062745098);
}
.editable-select-widget .svcn_bt_container {
  box-shadow: none !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.3rem;
  right: 0rem;
  bottom: -2.3rem;
}
.editable-select-widget .svcn_bt_container button {
  /* border-radius: 0.2rem; */
  width: 4.1rem !important;
  /* height: 0.8rem; */
  font-size: 0.7rem;
  padding: 0;
}

body .theme-dark div .form-field .input-container .svg-icon-container {
  background-color: #38474e;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=VideManagement] .rz-button {
  font-weight: bold;
  padding: 0.2rem;
  border-radius: 0.2rem;
}
[data-mclass=VideManagement] .my-class td {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.json-viewer {
  font-family: monospace;
  white-space: pre-wrap;
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  outline: none;
  margin-top: 1rem;
  position: relative;
}
.json-viewer .svg-icon-container {
  position: absolute;
  left: 0rem;
  top: -1rem;
  padding: 1rem;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s ease-out;
}
.json-viewer .svg-icon-container.toggled {
  transform: rotate(45deg);
}
.json-viewer .svg-icon-container svg {
  stroke-width: 2px;
}
.json-viewer .rz-button {
  width: 8rem;
}
.json-viewer .rz-label {
  font-weight: bold;
  line-height: 1.5rem;
  display: block;
  margin-top: 1rem;
}
.json-viewer .json-key {
  color: #0000ff;
}
.json-viewer .json-string {
  color: #008000;
}
.json-viewer .json-boolean {
  color: #b22222;
}
.json-viewer .json-number {
  color: #ff8c00;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.ruler-container {
  position: relative;
  width: 300px;
  height: 40px;
  margin-top: 20px;
  user-select: none;
  transform: scale(1.1);
  transform-origin: left top;
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 0 5rem;
}
.ruler-container.big {
  transform: scale(2.4);
}
.ruler-container .ruler {
  cursor: pointer;
}
.ruler-container .tick {
  position: absolute;
  width: 1px;
  background-color: #999;
  bottom: 0;
}
.ruler-container .tick.minor {
  height: 40%;
}
.ruler-container .tick.major {
  height: 70%;
  width: 1px;
}
.ruler-container .tick-label {
  position: absolute;
  bottom: -1.1rem;
  margin-left: 0.3rem;
  font-size: 0.7rem;
  font-weight: 500;
  white-space: nowrap;
  transform: rotate(57deg);
  transform-origin: top left;
}
.ruler-container .selected-range-indicator {
  position: absolute;
  height: 100%;
  background-color: rgba(0, 123, 255, 0.2);
  pointer-events: none;
}
.ruler-container .slider-handle {
  position: absolute;
  width: 5px;
  height: 110%;
  background-color: #007bff;
  cursor: pointer;
  z-index: 2;
  margin-top: -2px;
}
.ruler-container .slider-handle.lower {
  margin-left: -3px;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.ruler-container .slider-handle.upper {
  margin-left: -1px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.ruler-container .filter-display {
  display: flex;
  flex-direction: column;
  margin: 6rem 0 0 0;
  z-index: 33;
}
.ruler-container .filter-display .selected-range {
  font-weight: bold;
  display: block;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

[data-mclass=EnumListWidget] {
  box-shadow: none !important;
}

.rz-checkbox-list-horizontal .rz-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  cursor: pointer;
}

span.rz-cb-desc {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
}

.rz-checkbox-list-vertical span.rz-cb-desc {
  margin-left: 0.4rem;
}

[class*=-list-horizontal] .rz-checkbox,
[class*=-list-horizontal] .rz-radio-btn {
  width: 45%;
  margin: 0.5rem 1rem 0 0.6rem !important;
}
@media screen and (min-width: 425px) {
  [class*=-list-horizontal] .rz-checkbox,
  [class*=-list-horizontal] .rz-radio-btn {
    width: 45%;
  }
}
@media screen and (min-width: 1024px) {
  [class*=-list-horizontal] .rz-checkbox,
  [class*=-list-horizontal] .rz-radio-btn {
    width: 45%;
  }
}

.rz-radio-btn {
  cursor: pointer;
}

.rz-radio-button-list-vertical .rz-radiobutton-template {
  display: flex;
  margin-left: 1rem !important;
  flex-direction: column;
}
.rz-radio-button-list-vertical .rz-radio-btn {
  margin-top: 0;
  padding-bottom: 0.25rem;
}

.rz-checkbox-list-vertical span.rz-cb-val {
  margin: 0 0 0 0.4rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

div.DispenserPaymentTypes {
  width: 99%;
}
@media screen and (min-width: 768px) {
  div.DispenserPaymentTypes {
    width: 700px;
  }
}
div.DispenserPaymentTypes tr th:last-of-type {
  width: 45px;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.rz-data-grid .dragging,
.rz-data-grid .dragging td,
.drag-drop-container .dragging,
.drag-drop-container .dragging td {
  opacity: 0.9 !important;
}
.rz-data-grid td:has(.drag-handle),
.drag-drop-container td:has(.drag-handle) {
  padding: 0;
}
.rz-data-grid .drag-handle,
.drag-drop-container .drag-handle {
  cursor: grab;
  padding: 5px;
  display: inline-block;
  padding: 10px;
  width: 98%;
  height: 98%;
}
.rz-data-grid .drag-handle:hover,
.drag-drop-container .drag-handle:hover {
  background: rgba(214, 194, 178, 0.1568627451);
}
.rz-data-grid .drag-handle:hover svg,
.drag-drop-container .drag-handle:hover svg {
  stroke-width: 2px;
}
.rz-data-grid .sortable-chosen,
.rz-data-grid .sortable-chosen td,
.drag-drop-container .sortable-chosen,
.drag-drop-container .sortable-chosen td {
  background-color: rgba(0, 102, 255, 0.4509803922) !important;
  color: white !important;
  opacity: 1 !important;
}
.rz-data-grid .sortable-chosen > *,
.rz-data-grid .sortable-chosen td > *,
.drag-drop-container .sortable-chosen > *,
.drag-drop-container .sortable-chosen td > * {
  color: white !important;
}
.rz-data-grid .sortable-ghost,
.rz-data-grid .sortable-ghost td,
.drag-drop-container .sortable-ghost,
.drag-drop-container .sortable-ghost td {
  color: rgba(7, 7, 7, 0.308) !important;
}
.rz-data-grid .sortable-drag,
.rz-data-grid .sortable-drag td,
.drag-drop-container .sortable-drag,
.drag-drop-container .sortable-drag td {
  background-color: rgba(0, 0, 0, 0.473) !important;
  opacity: 1 !important;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.app-ts-container {
  display: flex;
  gap: 0.2rem;
}
.app-ts-container div.nm-cnt {
  font-size: 10px;
  display: inline-block;
}
.app-ts-container div.nm-cnt.days {
  width: 3rem;
}
.app-ts-container div.nm-cnt.hours {
  width: 3rem;
}
.app-ts-container div.nm-cnt.mins {
  width: 4.2rem;
}
.app-ts-container div.nm-cnt div label:first-of-type {
  margin: 0 0 0.2rem 0;
  text-wrap: nowrap;
}
.app-ts-container div.nm-cnt input {
  padding: 2px 7px;
}
.app-ts-container div .rz-spinner {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .app-ts-container {
    gap: 0.8rem;
    font-size: 14px;
  }
  .app-ts-container div.nm-cnt.days, .app-ts-container div.nm-cnt.hours, .app-ts-container div.nm-cnt.mins {
    width: 6.5rem;
  }
  .app-ts-container div.nm-cnt input {
    padding: 8px 20px;
  }
}
.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

@media screen and (max-width: 800px) {
  [data-mclass=Dashboard] .ChartFontSize {
    font-size: 8pt;
  }
}
@media screen and (max-width: 500px) {
  [data-mclass=Dashboard] .ChartFontSize {
    font-size: 6pt;
  }
}
[data-mclass=Dashboard] .rz-data-grid {
  min-width: revert !important;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.page-have-grid {
  width: 100%;
}
.page-have-grid .export-buttons {
  display: inline-block;
}
.page-have-grid button.svcn_bt {
  padding: 0 1.6rem;
  /*margin: 0 2rem 0 0;*/
  margin: 0.7rem 2rem 0.7rem 0;
}
.page-have-grid .vertical-separator {
  display: inline-block;
  border-left: solid 1px dimgray;
  padding: 0 0.1rem;
  height: 130%;
  line-height: 2.7rem;
  margin: 0.7rem 0 0 -1rem;
}

.rz-data-grid {
  position: relative;
  min-width: 97vw;
}
@media screen and (min-width: 425px) {
  .rz-data-grid {
    min-width: 70vw;
  }
}
@media screen and (min-width: 1024px) {
  .rz-data-grid {
    min-width: 45vw;
    /*max-width: 60vw;*/
  }
}
.rz-data-grid .rz-button.rz-light {
  background-color: unset;
}
.rz-data-grid div.form-field {
  padding: 0;
  margin: 0;
}

div :has(> .rz-data-grid) {
  position: relative;
}
div :has(> .rz-data-grid) button[name=abt].rz-button {
  background-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  outline: solid 1px rgba(0, 0, 0, 0.062745098);
  position: absolute;
  z-index: 33;
  top: 0;
  right: 0;
}

.rz-data-grid .rz-unselectable-text:empty {
  background-color: var(--rz-grid-filter-background-color);
  border-top: var(--rz-grid-filter-border);
}
.rz-data-grid .rz-cell-filter .rz-cell-filter-content {
  min-height: 2.1875rem;
}

th.rz-frozen-cell {
  width: 45px;
}

.rz-frozen-cell .rz-button {
  background: transparent;
  font-weight: 300;
}
.rz-frozen-cell .rz-button:hover {
  font-weight: 600 !important;
  filter: sepia(2) !important;
}

#DeviceConfigFileGrid {
  min-width: 260px !important;
  width: 100% !important;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

form.UserEdit div.form-field {
  margin: 0 0 0 3px;
}
form.UserEdit div.form-field .label-container {
  font-weight: 500;
  font-size: var(--rz-body-font-size);
}
form.UserEdit div.form-field .input-container {
  margin-left: 3px;
}
form.UserEdit div.form-field .input-container > [class^=rz-], form.UserEdit div.form-field .input-container > [class*=" rz-"],
form.UserEdit div.form-field .input-container > input {
  width: 98.4%;
}
form.UserEdit div.form-field [class*=-list-horizontal] .rz-checkbox,
form.UserEdit div.form-field [class*=-list-horizontal] .rz-radio-btn {
  width: 29%;
  text-wrap: nowrap;
}
form.UserEdit div.form-field [class*=-list-horizontal] .rz-checkbox .rz-radiobutton-template,
form.UserEdit div.form-field [class*=-list-horizontal] .rz-radio-btn .rz-radiobutton-template {
  margin: 0;
}
form.UserEdit div.form-field [class*=-list-horizontal] .rz-checkbox .rz-cb-val,
form.UserEdit div.form-field [class*=-list-horizontal] .rz-radio-btn .rz-cb-val {
  margin-left: 0.4rem;
}
form.UserEdit .form-field#Restriction .label-container {
  margin-top: 0.8rem;
}

div.customer-select-template .c-type {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--rz-base-400);
}
@media screen and (max-width: 425px) {
  div.customer-select-template .form-field.horizontal {
    flex-direction: column;
    gap: 0;
  }
  div.customer-select-template .form-field.horizontal .input-container > * {
    width: 100%;
  }
  div.customer-select-template .form-field.horizontal [class*=-list-horizontal] .rz-checkbox,
  div.customer-select-template .form-field.horizontal [class*=-list-horizontal] .rz-radio-btn {
    width: 90%;
  }
  div.customer-select-template .form-field.horizontal .label-container {
    flex: none;
    height: 2rem;
    padding-right: 0;
    padding-bottom: 5px;
  }
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

form.UserGroup-Form div.form-field .label-container {
  pointer-events: none;
}
form.UserGroup-Form div.form-field label {
  width: 100%;
  text-wrap: nowrap;
  z-index: 3000;
  margin-top: -5rem;
}
form.UserGroup-Form div.form-field.CheckBoxWidget {
  margin-top: 0;
}
form.UserGroup-Form .rz-tabview .rz-tree {
  width: 100%;
  height: auto;
  overflow-y: hidden;
}
form.UserGroup-Form .rz-tabview .rz-tree li.tree-top-level {
  margin: 1rem 0;
}
form.UserGroup-Form .rz-tabview .rz-tree ul.rz-treenode-children {
  margin: 1rem 0;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-children > div > div {
  width: 223px !important;
  gap: 2.4rem;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content {
  cursor: pointer;
  position: relative;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content i.rzi {
  vertical-align: middle;
  margin-right: 0.5rem;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .rz-tree-toggler {
  position: absolute;
  left: 0rem;
  top: -0.5rem;
  height: 2.7rem;
  width: 100%;
  padding: 0.5rem 0.15rem;
  border-radius: 0.3rem;
  text-align: start;
  z-index: 135;
  background-color: transparent;
  transition: background-color 1s ease;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .rz-tree-toggler.rzi-caret-right:before, form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .rz-tree-toggler.rzi-caret-down:before {
  content: "";
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .rz-tree-toggler:hover {
  background-color: rgba(120, 142, 160, 0.14);
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
  background: unset;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .rz-radiobutton-icon.rzi.rzi-circle-on {
  margin-right: 0;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .form-field .label-container {
  margin-top: 0.55rem;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .form-field [class*=-list-horizontal] .rz-checkbox,
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-content .form-field [class*=-list-horizontal] .rz-radio-btn {
  width: 20%;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-treenode-label {
  width: 100%;
  border-radius: 0.2rem;
  z-index: 3;
}
form.UserGroup-Form .rz-tabview .rz-tree .rz-row.page-input-group {
  width: 100%;
  display: flex;
  align-items: center;
}
form.UserGroup-Form .rz-tabview .rz-accordion-header a[role=tab] {
  cursor: pointer;
  padding: 0.65rem 0;
}
form.UserGroup-Form .rz-tabview .input-container .rz-dropdown {
  width: 100%;
  margin-top: -1.7rem;
  z-index: 333;
  position: relative;
}
form.UserGroup-Form .rz-tabview div i.rzi {
  margin-right: 5px;
  /* margin-top: 11px; */
  vertical-align: bottom;
  display: inline-block;
}
@media screen and (max-width: 425px) {
  form.UserGroup-Form {
    overflow-x: hidden;
  }
  form.UserGroup-Form .rz-tabview-panel {
    padding: 0;
    margin: 0;
  }
  form.UserGroup-Form .rz-treenode-content i.rzi {
    display: none;
  }
  form.UserGroup-Form li.rz-treenode {
    padding-left: 0.8rem;
  }
  form.UserGroup-Form li.tree-top-level .rz-treenode-label {
    font-size: 0.84rem;
    padding-left: 0.8rem;
  }
}
form.UserGroup-Form #reports.rz-tree ul.rz-treenode-children {
  margin-top: 3rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.qr-widget .input-container {
  margin: 0.9rem 0 0 0;
}
.qr-widget .input-container > i {
  font-size: 1.3rem;
  margin: 0.78rem -0.4rem 0 0;
  color: #0071c1;
}

.qr-code-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qr-code-container label.rz-label {
  text-align: center;
  align-self: center;
}
.qr-code-container image {
  align-self: center;
}
.qr-code-container button.btn.btn-primary {
  background-color: green;
  border: none;
  outline: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-out;
  height: 2rem;
  font-size: 0.8rem;
  padding: 0 0.8rem;
  align-self: center;
  margin: 0.7rem 0 1.4rem 0.1rem;
  width: 9.4rem;
}
.qr-code-container button.btn.btn-primary:hover {
  filter: brightness(1.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.rz-notification {
  position: sticky !important;
  z-index: 30000 !important;
  font-size: 1.1rem;
}
.rz-notification .rz-notification-message.rz-growl {
  width: auto !important;
}
.rz-notification .rz-notification-item-wrapper {
  position: fixed !important;
  width: 80vw;
  min-width: 60vw;
}
@media screen and (min-width: 768px) {
  .rz-notification .rz-notification-item-wrapper {
    width: 70vw;
  }
}
@media screen and (min-width: 1440px) {
  .rz-notification .rz-notification-item-wrapper {
    width: 55vw;
    max-width: 60vw;
  }
}
.rz-notification .top-left {
  left: 1rem;
  top: 0.5rem;
}
.rz-notification .top-center {
  left: 50%;
  transform: translateX(-50%);
  top: 0.5rem;
}
.rz-notification .top-right {
  right: 1rem;
  top: 0.5rem;
}
.rz-notification .middle-left {
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.rz-notification .center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rz-notification .middle-right {
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.rz-notification .bottom-left {
  left: 1rem;
  bottom: 5rem;
}
.rz-notification .bottom-center {
  left: 50%;
  transform: translateX(-50%);
  bottom: 5rem;
}
.rz-notification .bottom-right {
  right: 1rem;
  bottom: 5rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.user-groups-grid th.rz-frozen-cell {
  width: 45px;
}

form#UserGroup-Form div#search-bt-ct {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  align-content: flex-end;
  margin-top: -58px;
  margin-right: 4px;
  z-index: 0;
  gap: 0;
  pointer-events: none;
  justify-content: flex-end;
}
form#UserGroup-Form div#search-bt-ct button {
  background: unset;
  pointer-events: all;
}
form#UserGroup-Form .simple-link {
  font-size: 0.9rem;
  text-decoration: none;
  border: none;
}
form#UserGroup-Form .select-bar-widget .input-container {
  transform: scale(0.75);
  transform-origin: left top;
}
@media screen and (min-width: 425px) {
  form#UserGroup-Form .select-bar-widget .input-container {
    transform: unset;
  }
}
form#UserGroup-Form #ModuleGrid tr.rz-data-row {
  cursor: pointer;
}
form#UserGroup-Form #ModuleGrid tr.rz-data-row:hover {
  background-color: aliceblue;
}
form#UserGroup-Form #PagesGrid .simple-link {
  font-size: 0.9rem;
  text-decoration: none;
  border: none;
  color: var(--rz-text-color);
}
form#UserGroup-Form #PagesGrid tr.rz-data-row {
  cursor: auto;
}
form#UserGroup-Form #PagesGrid tr.rz-data-row:hover {
  background-color: white;
}
form#UserGroup-Form .simple-link {
  font-size: 1rem;
  border: unset;
  outline: unset;
}
form#UserGroup-Form #PagesGrid, form#UserGroup-Form #ModuleGrid {
  width: 100% !important;
  min-width: unset !important;
  overflow-x: scroll !important;
}
form#UserGroup-Form #PagesGrid div.form-field, form#UserGroup-Form #ModuleGrid div.form-field {
  padding: 0;
  margin: 0;
}
form#UserGroup-Form #PagesGrid div.form-field div.label-container, form#UserGroup-Form #ModuleGrid div.form-field div.label-container {
  margin: 0 0 0 0.2rem;
}
form#UserGroup-Form #PagesGrid div.form-field.select-bar-widget, form#UserGroup-Form #ModuleGrid div.form-field.select-bar-widget {
  position: relative;
  top: -10px;
}
form#UserGroup-Form #PagesGrid div.form-field.select-bar-widget div.form-field label, form#UserGroup-Form #ModuleGrid div.form-field.select-bar-widget div.form-field label {
  position: relative;
  top: 0.3rem;
  left: 0.3rem;
}
form#UserGroup-Form #PagesGrid div.form-field.select-bar-widget div.input-container, form#UserGroup-Form #ModuleGrid div.form-field.select-bar-widget div.input-container {
  transform: scale(0.84);
  transform-origin: left top;
  position: relative;
  margin-top: 0;
}
form#UserGroup-Form #PagesGrid div.form-field .CheckBoxWidget, form#UserGroup-Form #ModuleGrid div.form-field .CheckBoxWidget {
  top: -5px;
}
form#UserGroup-Form #PagesGrid div.form-field div.rz-switch, form#UserGroup-Form #ModuleGrid div.form-field div.rz-switch {
  margin: 0 -0.5rem;
}
form#UserGroup-Form #PagesGrid div.form-field div.rz-switch .rz-switch-circle, form#UserGroup-Form #ModuleGrid div.form-field div.rz-switch .rz-switch-circle {
  transform: scale(0.7);
  border-radius: 0.4rem;
}
form#UserGroup-Form #PagesGrid div.form-field div.rz-switch .rz-switch-circle:before, form#UserGroup-Form #ModuleGrid div.form-field div.rz-switch .rz-switch-circle:before {
  width: 1.16rem;
  height: 1.06rem;
  inset-inline-start: 0.37rem;
  margin-block-start: -0.53rem;
  border-radius: 0.2rem;
}
form#UserGroup-Form thead th .rz-column-title {
  margin-left: -8px;
}
form#UserGroup-Form td, form#UserGroup-Form th {
  background-color: unset;
  border: unset;
  padding: 0.4rem 0 0.4rem 0.8rem;
  overflow: visible;
  text-align: left;
}
form#UserGroup-Form #PagesGrid th {
  border-bottom: dashed 1px;
  border-top: dashed 1px;
  margin-bottom: 1.4rem;
}
form#UserGroup-Form #PagesGrid tbody tr td:nth-child(3) {
  padding-top: 1rem;
}
form#UserGroup-Form #PagesGrid tbody tr:last-child td {
  border-bottom: dashed 1px;
}
form#UserGroup-Form #PagesGrid td:nth-child(3) {
  padding: 0.4rem 0 0 0.5rem;
}
form#UserGroup-Form .rz-col-icon span.rz-row-toggler {
  color: #0071c1 !important;
}
form#UserGroup-Form div.rz-data-grid {
  border: none;
  box-shadow: none;
  outline: none;
}

.UserEdit #pwd_reset_link {
  margin: 0.2rem 0 0 0.2rem;
  font-size: 115%;
  float: left;
}

div.customer-selector {
  box-shadow: none;
  border: none !important;
  align-items: flex-end !important;
}
div.customer-selector button.rz-button.rz-shade-default {
  margin-top: 0.7rem;
  background-color: var(--rz-secondary);
  border-radius: 0.3rem;
  transform: scale(0.8);
  transform-origin: left;
}
div.customer-selector div.form-field div.input-container input,
div.customer-selector div.form-field div.input-container input:focus,
div.customer-selector div.form-field div.input-container input:hover {
  box-shadow: none;
  border: none !important;
  border-bottom: dashed 1px #dfdddd !important;
  cursor: pointer;
  caret-color: transparent;
  user-select: none;
}

#customer-merge-page div.customer-selector button.rz-button.rz-shade-default {
  position: relative;
  top: -14px;
  left: -10px;
}

div.form-region {
  display: flex;
  justify-content: space-around;
}
div.form-region label {
  align-self: center;
}

div#db2enum div.rz-checkbox {
  width: 31%;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

/*@include media-min($breakpoint-sm) {
    min-width: 70vw;
}

@include media-min($breakpoint-lg) {
    min-width: 45vw;*/
/*max-width: 60vw;*/
/*}*/
button.rz-button {
  /*
  @include media-min($breakpoint-lg) {
      width: 55vw;
      max-width: 60vw;
  }*/
}
@media screen and (min-width: 768px) {
  button.rz-button {
    box-shadow: none !important;
    /*width: 70vw;*/
  }
}

.btn-toolbar {
  width: 100%;
  min-width: 56px;
  padding: 0.4rem 0;
  margin: 0;
  display: flex;
  align-content: center;
  flex-direction: row;
}
.btn-toolbar button.rz-button i {
  font-size: 1.4rem;
  font-weight: 300;
}
.btn-toolbar button.rz-button:hover {
  filter: sepia(2) !important;
}
.btn-toolbar button.rz-button:hover i {
  font-weight: 600 !important;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.rz-dialog-content {
  /*.rz-row.mx-form {
      width: 96%;
  }*/
}

.rz-row.mx-form {
  display: flex;
  /*padding: .2rem .2rem;*/
  width: 100%;
  max-width: 1000px;
  height: 100%;
  /*
  @include media-min($breakpoint-lg) {
      padding: .5rem .5rem;
  }

  @include media-min($breakpoint-xl) {
      padding: 1rem 1.5rem;
  }*/
  border-bottom: none !important;
}
.rz-row.mx-form .field-error {
  color: #f00;
  /* outline: solid 1px #f00; */
  background-color: rgba(255, 0, 0, 0.1019607843);
  border-radius: 4px;
  padding: 10px;
}
.rz-row.mx-form .form-field {
  margin-bottom: 0;
}
.rz-row.mx-form .svcn_bt_container {
  position: relative;
  bottom: 0;
  height: 2rem;
  width: 20rem;
  left: calc(100% - 18.2rem);
  padding-bottom: 4rem;
}
.rz-row.mx-form .input-container .svcn_bt_container {
  left: calc(100% - 20rem);
}

.form-container.in-dialog {
  padding: 0.1rem;
}

.form-container.wrapped {
  display: flex;
  flex-wrap: wrap;
  padding: 0.1rem;
  position: relative;
}

/*
.rz-panel.form-region {
    .rz-panel-titlebar > p {
        padding: 0.1rem 0 0.2rem 0.5rem;
        margin: .5rem 1rem 0 0;
        display: inline-block;

        > b {
            top: 0.1rem;
            position: relative;
        }

        > i {
            vertical-align: middle;
        }
    }
}*/
.rz-card.form-region {
  gap: 0 !important;
  padding-bottom: 2rem;
}
.wrapped .rz-card.form-region {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.4rem;
  border-bottom: none !important;
  width: 99%;
  gap: 0.5rem !important;
  align-content: flex-start;
  position: relative;
}
.rz-card.form-region .region-header {
  margin-bottom: 0.4rem;
  /*padding: 0.7rem;
  border-bottom: dashed 1px #8080803b;
  background-color: #faf4f4;*/
}
.rz-card.form-region .region-header span.title {
  font-size: 1.1rem;
  font-weight: 500;
  /*margin: -.15rem 0 0 0.4rem;*/
  position: relative;
  top: -0.25rem;
  left: 0.2rem;
}

.rz-dialog-content:has(.mx-form) {
  height: 100%;
}

.form-container {
  width: 100%;
  /*height: 57vh;*/
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: none !important;
  gap: 0.5rem !important;
  display: flex;
  height: auto;
}
div.rz-body {
  overflow-x: hidden !important;
}

@media screen and (min-width: 1024px) {
  .form-container {
    /*height: 64vh;*/
  }
}
@media screen and (min-width: 1440px) {
  .form-container {
    /*height: 60vh;*/
  }
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

.hfl-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hfl-fit-to-dialog {
  max-height: calc(100vh - 10rem);
}

.hfl-header {
  flex: 0 0 auto;
}

.hfl-content {
  flex: 1 1 auto;
  overflow-y: auto;
}

.hfl-footer {
  flex: 0 0 auto;
}

.divider {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1rem 0;
  gap: 1rem;
}

.divider-line {
  flex-grow: 1;
  height: 1px;
  background-color: #e5e7eb;
}

.divider-text {
  color: #6b7280;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 0 0.5rem;
}

.dispenser-form .wrapped .rz-card.form-region {
  gap: 1rem !important;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

@media screen and (min-width: 1440px) {
  #user-edit-view .form-container.wrapped {
    align-items: flex-start;
    height: 740px;
  }
  #user-edit-view #additional {
    left: 507px;
    top: 253px;
    position: absolute;
  }
  #user-edit-view #password {
    top: 413px;
    position: absolute;
    left: 507px;
  }
  #user-edit-view .button-container {
    top: -65px;
    position: relative;
  }
}

#api-client-form #copy-bt {
  position: relative;
  top: -75px;
  left: 418px;
}

#DevicePulls {
  width: unset !important;
  min-width: auto;
}

#FuelPriceForm .button-container {
  width: 49%;
}

#TabsFuelPrices div.rz-tabview-panels {
  padding-bottom: 50px;
}
#TabsFuelPrices button#set_price {
  position: relative;
  top: -60px;
  left: 20px;
}

:root {
  --alarm-card-size-sm: 140px;
  --alarm-card-size-md: 160px;
  --alarm-card-size-lg: 180px;
  --alarm-card-gap: 10px;
  --alarm-card-padding: 0rem;
  --alarm-card-title-left: 10px;
  --alarm-card-title-top: 5px;
  --alarm-card-font-size-sm: 1.3rem;
  --alarm-card-title-font-size-sm: 1.1rem;
  --alarm-active-color: #dc3545;
  --alarm-normal-color: #ffe87c;
  --alarm-flash-duration: 1s;
}

div.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--alarm-card-gap);
  margin-bottom: 2.3rem;
}

div.rz-card.site-alarm-card {
  width: var(--alarm-card-size-sm);
  height: var(--alarm-card-size-sm);
  background-color: var(--alarm-normal-color);
  align-content: center;
  position: relative;
  padding: var(--alarm-card-padding);
}
div.rz-card.site-alarm-card div,
div.rz-card.site-alarm-card div i {
  font-size: var(--alarm-card-font-size-sm);
}
div.rz-card.site-alarm-card span.card-title {
  position: absolute;
  left: var(--alarm-card-title-left);
  top: var(--alarm-card-title-top);
  font-size: var(--alarm-card-title-font-size-sm);
}
@media screen and (min-width: 1024px) {
  div.rz-card.site-alarm-card {
    width: var(--alarm-card-size-md);
    height: var(--alarm-card-size-md);
  }
}
@media screen and (min-width: 1440px) {
  div.rz-card.site-alarm-card {
    width: var(--alarm-card-size-lg);
    height: var(--alarm-card-size-lg);
  }
}
div.rz-card.site-alarm-card div.alarms {
  padding: 1rem 3rem;
  font-size: 2rem;
  transform: scale(1.6);
}
div.rz-card.site-alarm-card div.alarms div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.rz-card.site-alarm-card div.alarms div i {
  font-weight: 400;
}
div.rz-card.site-alarm-card div.alarms div span {
  margin-top: -1px;
}
div.rz-card.site-alarm-card button.rz-button {
  background: none;
  color: gray;
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 90%;
}
div.rz-card.site-alarm-card button.rz-button i {
  font-size: 8rem;
  font-weight: 300;
}

@keyframes alarm-flash {
  0% {
    background-color: var(--alarm-normal-color);
  }
  50% {
    background-color: var(--alarm-active-color);
  }
  100% {
    background-color: var(--alarm-normal-color);
  }
}
.site-alarm-card.alarm-active {
  animation: alarm-flash var(--alarm-flash-duration) infinite;
}
.site-alarm-card.alarm-active.slow {
  --alarm-flash-duration: 2s;
}
.site-alarm-card.alarm-active.fast {
  --alarm-flash-duration: 0.5s;
}
.site-alarm-card.alarm-active.urgent {
  --alarm-flash-duration: 0.25s;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

div#DispenserAttendantTabs form.rz-form.rz-row.mx-form {
  margin: 20px 0 20px 20px;
}

#NewCardForm #transfer-bt {
  width: 100%;
  outline: solid 1px;
  color: #0093ff;
  height: 4rem;
  border-radius: 4px;
  background-color: aliceblue;
  text-transform: uppercase;
  /* font-weight: bold; */
  font-size: 1.1rem;
  transition: all 0.4s ease-in-out;
}
#NewCardForm #transfer-bt:hover {
  background-color: #c1d7f6;
  color: #3e515b;
  transition: all 0.3s ease-in-out;
}
#NewCardForm #transfer-next, #NewCardForm #transfer-ctx {
  justify-content: flex-end;
}
#NewCardForm button.svcn_bt {
  padding: 0rem 1rem;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-reverse {
  flex-direction: row-reverse;
}

.col-reverse-sm {
  flex-direction: column-reverse;
}
@media screen and (min-width: 1280px) {
  .col-reverse-sm {
    flex-direction: row;
  }
}

.uppercase {
  text-transform: uppercase;
}

button.small-blue {
  transform: scale(0.8);
  background-color: var(--rz-secondary) !important;
}

.svcn_bt_container {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .svcn_bt_container button.svcn_bt {
    width: 9rem;
  }
}

/*.simple-link {
    font-size: .9rem;
    margin: -0.2rem 0.5rem 1.9rem 0 !important;
    line-height: 1rem;
    width: 9.3rem;
    padding: 0 !important;

    &.red {
        color: red;
    }
    }*/
button.svcn_bt {
  padding: 0.7rem 2.3rem;
  font-weight: bold;
  border-radius: 0.23rem;
  width: auto;
}

.svcn_bt_container {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.button-container {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 1rem;
  gap: 1rem;
}
.button-container .group-start {
  display: inline-flex;
  gap: 0.5rem;
}
.button-container .group-center {
  display: inline-flex;
  gap: 0.5rem;
  margin: 0 auto;
}
.button-container .group-end {
  display: inline-flex;
  gap: 0.5rem;
  margin-left: auto;
}
.button-container .cancel {
  background-color: dimgrey !important;
}

.std-button-size {
  width: 6rem;
}

tr.disabled-row input,
tr.disabled-row select,
tr.disabled-row textarea {
  pointer-events: none; /* Prevent interaction */
  background-color: #f0f0f0; /* Gray out */
  color: #999; /* Dim text */
}

tr.invalid-row {
  background-color: #FDD;
}

tr.valid-row {
  background-color: #DFD;
}

.print-only {
  display: none;
}

/*# sourceMappingURL=custom.min.css.map */