@charset "UTF-8";
/*
 * the composite values MUST NOT be overwritten by themes!
 */
/* begin colors */
.ace-primary-color,
.ace-primary-color input,
.ace-primary-color select,
.ace-primary-color input.ace-efld,
.ace-primary-color select.ace-efld,
.ace-primary-color span.ace-efld {
  color: var(--ace-lime) !important;
}

.ace-primary-color-bg {
  background: var(--ace-lime);
  color: var(--ace-pure-white) !important;
}

.ace-primary-color-important {
  color: var(--ace-blue-light) !important;
}

.ace-primary-color-bg-important {
  background: var(--ace-blue-light) !important;
  color: var(--ace-pure-white) !important;
}

.ace-primary-color-bg * {
  color: var(--ace-pure-white);
}

.ace-white {
  color: var(--ace-pure-white);
}

.ace-white-bg {
  background: var(--ace-pure-white);
}

.ace-white-important {
  color: var(--ace-pure-white) !important;
}

.ace-white-bg-important {
  background: var(--ace-pure-white) !important;
}

.ace-blue {
  color: var(--ace-blue-light);
}

.ace-blue-bg {
  background: var(--ace-blue-light);
  color: var(--ace-pure-white) !important;
}

.ace-blue-important {
  color: var(--ace-blue-light) !important;
}

.ace-blue-bg-important {
  background: var(--ace-blue-light) !important;
  color: var(--ace-pure-white) !important;
}

.ace-blue-bg * {
  color: var(--ace-pure-white);
}

.ace-blue-semi {
  color: var(--ace-blue);
}

.ace-blue-semi-bg {
  background: var(--ace-blue);
  color: var(--ace-pure-white) !important;
}

.ace-blue-semi-important {
  color: var(--ace-blue) !important;
}

.ace-blue-semi-bg-important {
  background: var(--ace-blue) !important;
  color: var(--ace-pure-white) !important;
}

.ace-blue-semi-bg * {
  color: var(--ace-pure-white);
}

.ace-yellow {
  color: var(--ace-yellow-soft);
}

.ace-yellow-bg {
  background: var(--ace-yellow-soft);
  color: var(--ace-pure-white) !important;
}

.ace-yellow-important {
  color: var(--ace-yellow-soft) !important;
}

.ace-yellow-bg-important {
  background: var(--ace-yellow-soft) !important;
  color: var(--ace-pure-white) !important;
}

.ace-yellow-bg * {
  color: var(--ace-pure-white);
}

.ace-orange {
  color: var(--ace-pure-orange);
}

.ace-orange-bg {
  background-color: var(--ace-pure-orange);
  color: var(--ace-pure-white) !important;
}

.ace-orange-important {
  color: var(--ace-pure-orange) !important;
}

.ace-orange-bg-important {
  background: var(--ace-pure-orange) !important;
  color: var(--ace-pure-white) !important;
}

.ace-orange-bg * {
  color: var(--ace-pure-white);
}

.ace-green-bg,
div.ace-green-bg,
.ace-green-bg > div {
  background: var(--ace-teal);
  color: var(--ace-pure-white);
}

.ace-green-bg-important {
  background: var(--ace-teal) !important;
}

.ace-auto-gen .ace-color-green,
.ace-auto-gen.ace-color-green .ace-efld {
  color: var(--ace-teal) !important;
}

.ace-green-color {
  color: var(--ace-teal);
}

.ace-green-color-important {
  color: var(--ace-teal) !important;
}

.ace-fresh-green-bg {
  background: var(--ace-green);
}

.ace-auto-gen .ace-color-fresh-green,
.ace-auto-gen.ace-color-fresh-green .ace-efld {
  color: var(--ace-green) !important;
}

.ace-fresh-green-color {
  color: var(--ace-green);
}

.ace-fresh-green-bg-important {
  background: var(--ace-green) !important;
}

.ace-fresh-green-color-important {
  color: var(--ace-green) !important;
}

.ace-dark-green-bg {
  background: var(--ace-green-dark);
}

.ace-auto-gen .ace-color-dark-green,
.ace-auto-gen.ace-color-dark-green .ace-efld {
  color: var(--ace-green-dark) !important;
}

.ace-dark-green {
  color: var(--ace-green-dark);
}

.ace-dark-green-bg-important {
  background: var(--ace-green-dark) !important;
}

.ace-dark-green-important {
  color: var(--ace-green-dark) !important;
}

.ace-dark-red-bg {
  background: var(--ace-red-dark);
  color: var(--ace-pure-white);
}

.ace-dark-red {
  color: var(--ace-red-dark);
}

.ace-dark-red-bg-important {
  background: var(--ace-red-dark) !important;
}

.ace-dark-red-important {
  color: var(--ace-red-dark) !important;
}

.ace-auto-gen .ace-color-red,
.ace-auto-gen.ace-color-red .ace-efld {
  color: var(--ace-pure-red) !important;
}

.ace-red {
  color: var(--ace-pure-red);
}

.ace-red-important {
  color: var(--ace-pure-red) !important;
}

.ace-red-bg {
  background: var(--ace-pure-red);
  color: var(--ace-pure-white);
}

.ace-red-bg-important {
  background: var(--ace-pure-red) !important;
  color: var(--ace-pure-white) !important;
}

.ace-red-bg-btn .ace-dropdown-trigger-click {
  background-color: var(--ace-pure-red) !important;
  color: var(--ace-pure-white);
}

.ace-red-error {
  color: var(--ace-red-pale);
}

.ace-red-error-bg,
div.ace-red-error-bg,
.ace-red-error-bg > div {
  background: var(--ace-red-pale);
  color: var(--ace-pure-white);
}

.ace-red-hard {
  color: var(--ace-red);
}

.ace-red-hard-bg {
  background: var(--ace-red);
  color: var(--ace-pure-white);
}

.ace-red-hard-important {
  color: var(--ace-red) !important;
}

.ace-red-hard-bg-important {
  background: var(--ace-red) !important;
}

.ace-red-hard-bg-btn .ace-dropdown-trigger-click {
  background-color: var(--ace-red) !important;
  color: var(--ace-pure-white);
}

.ace-black {
  color: var(--ace-black);
}

.ace-black-important {
  color: var(--ace-black) !important;
}

.ace-black-bg {
  background: var(--ace-black);
}

.ace-black-bg-important {
  background: var(--ace-black) !important;
}

.ace-black-bg-btn .ace-dropdown-trigger-click {
  background-color: var(--ace-black) !important;
  color: var(--ace-pure-white);
}

.ace-gray50 {
  color: var(--ace-gray-600);
}

.ace-gray50-important {
  color: var(--ace-gray-600) !important;
}

.ace-gray50-bg {
  background: var(--ace-gray-600);
}

.ace-gray50-bg-important {
  background: var(--ace-gray-600) !important;
}

.ace-gray50-bg-btn .ace-dropdown-trigger-click {
  background-color: var(--ace-gray-600) !important;
  color: var(--ace-black);
}

.ace-gray-disabled {
  color: var(--ace-gray-500);
}

.ace-gray-disabled-important {
  color: var(--ace-gray-500) !important;
}

.ace-gray-disabled-bg {
  background: var(--ace-gray-200);
}

.ace-purple {
  color: purple;
}

.ace-purple-important {
  color: purple !important;
}

.ace-purple-bg {
  background: purple;
}

.ace-dark-color {
  color: var(--ace-blue-dark);
}

/* end colors */
/* begin global */
div {
  color: var(--ace-black-80);
}

a {
  color: var(--ace-lime);
  text-decoration: underline;
}

a:hover {
  color: var(--ace-lime);
  text-decoration: underline;
}

a[disabled] {
  pointer-events: none;
}

[readonly="true"],
[readonly="readonly"] {
  pointer-events: none;
  color: var(--ace-gray-500);
}

input[disabled]:focus {
  background: var(--ace-gray-200);
}

input[readonly] {
  background: var(--ace-transparent) !important;
}

input[placeholder] ~ label {
  top: -20px;
}

h3 span:before,
h2 span:before {
  line-height: 1.3;
}

[disabled] * {
  pointer-events: none;
}

::placeholder {
  color: var(--ace-gray-500);
  opacity: 1;
}

/* end global */
.ace-tiny-margin-top {
  margin-top: 5px;
}

html[dir="ltr"] .ace-tiny-margin-left {
  margin-left: 5px;
}

html[dir="rtl"] .ace-tiny-margin-left {
  margin-right: 5px;
}

html[dir="ltr"] .ace-tiny-margin-right {
  margin-right: 5px;
}

html[dir="rtl"] .ace-tiny-margin-right {
  margin-left: 5px;
}

.ace-tiny-margin-bottom {
  margin-bottom: 5px;
}

.ace-tiny-margin {
  margin: 5px;
}

.ace-small-margin-top {
  margin-top: 10px;
}

html[dir="ltr"] .ace-small-margin-left {
  margin-left: 10px;
}

html[dir="rtl"] .ace-small-margin-left {
  margin-right: 10px;
}

html[dir="ltr"] .ace-small-margin-right {
  margin-right: 10px;
}

html[dir="rtl"] .ace-small-margin-right {
  margin-left: 10px;
}

.ace-small-margin-bottom {
  margin-bottom: 10px;
}

.ace-small-margin {
  margin: 10px;
}

.ace-medium-margin-top {
  margin-top: 15px;
}

html[dir="ltr"] .ace-medium-margin-left {
  margin-left: 15px;
}

html[dir="rtl"] .ace-medium-margin-left {
  margin-right: 15px;
}

html[dir="ltr"] .ace-medium-margin-right {
  margin-right: 15px;
}

html[dir="rtl"] .ace-medium-margin-right {
  margin-left: 15px;
}

.ace-medium-margin-bottom {
  margin-bottom: 15px;
}

.ace-medium-margin {
  margin: 15px;
}

.ace-big-margin-top {
  margin-top: 25px;
}

html[dir="ltr"] .ace-big-margin-left {
  margin-left: 25px;
}

html[dir="rtl"] .ace-big-margin-left {
  margin-right: 25px;
}

html[dir="ltr"] .ace-big-margin-right {
  margin-right: 25px;
}

html[dir="rtl"] .ace-big-margin-right {
  margin-left: 25px;
}

.ace-big-margin-bottom {
  margin-bottom: 25px;
}

.ace-big-margin {
  margin: 25px;
}

.ace-large-margin-top {
  margin-top: 35px;
}

html[dir="ltr"] .ace-large-margin-left {
  margin-left: 35px;
}

html[dir="rtl"] .ace-large-margin-left {
  margin-right: 35px;
}

html[dir="ltr"] .ace-large-margin-right {
  margin-right: 35px;
}

html[dir="rtl"] .ace-large-margin-right {
  margin-left: 35px;
}

.ace-large-margin-bottom {
  margin-bottom: 35px;
}

.ace-large-margin {
  margin: 35px;
}

.ace-i-tiny-margin-top {
  margin-top: 5px !important;
}

html[dir="ltr"] .ace-i-tiny-margin-left {
  margin-left: 5px !important;
}

html[dir="rtl"] .ace-i-tiny-margin-left {
  margin-right: 5px !important;
}

html[dir="ltr"] .ace-i-tiny-margin-right {
  margin-right: 5px !important;
}

html[dir="rtl"] .ace-i-tiny-margin-right {
  margin-left: 5px !important;
}

.ace-i-tiny-margin-bottom {
  margin-bottom: 5px !important;
}

.ace-i-tiny-margin {
  margin: 5px !important;
}

.ace-i-small-margin-top {
  margin-top: 10px !important;
}

html[dir="ltr"] .ace-i-small-margin-left {
  margin-left: 10px !important;
}

html[dir="rtl"] .ace-i-small-margin-left {
  margin-right: 10px !important;
}

html[dir="ltr"] .ace-i-small-margin-right {
  margin-right: 10px !important;
}

html[dir="rtl"] .ace-i-small-margin-right {
  margin-left: 10px !important;
}

.ace-i-small-margin-bottom {
  margin-bottom: 10px !important;
}

.ace-i-small-margin {
  margin: 10px !important;
}

.ace-i-medium-margin-top {
  margin-top: 15px !important;
}

html[dir="ltr"] .ace-i-medium-margin-left {
  margin-left: 15px !important;
}

html[dir="rtl"] .ace-i-medium-margin-left {
  margin-right: 15px !important;
}

html[dir="ltr"] .ace-i-medium-margin-right {
  margin-right: 15px !important;
}

html[dir="rtl"] .ace-i-medium-margin-right {
  margin-left: 15px !important;
}

.ace-i-medium-margin-bottom {
  margin-bottom: 15px !important;
}

.ace-i-medium-margin {
  margin: 15px !important;
}

.ace-i-big-margin-top {
  margin-top: 25px !important;
}

html[dir="ltr"] .ace-i-big-margin-left {
  margin-left: 25px !important;
}

html[dir="rtl"] .ace-i-big-margin-left {
  margin-right: 25px !important;
}

html[dir="ltr"] .ace-i-big-margin-right {
  margin-right: 25px !important;
}

html[dir="rtl"] .ace-i-big-margin-right {
  margin-left: 25px !important;
}

.ace-i-big-margin-bottom {
  margin-bottom: 25px !important;
}

.ace-i-big-margin {
  margin: 25px !important;
}

.ace-i-large-margin-top {
  margin-top: 35px !important;
}

html[dir="ltr"] .ace-i-large-margin-left {
  margin-left: 35px !important;
}

html[dir="rtl"] .ace-i-large-margin-left {
  margin-right: 35px !important;
}

html[dir="ltr"] .ace-i-large-margin-right {
  margin-right: 35px !important;
}

html[dir="rtl"] .ace-i-large-margin-right {
  margin-left: 35px !important;
}

.ace-i-large-margin-bottom {
  margin-bottom: 35px !important;
}

.ace-i-large-margin {
  margin: 35px !important;
}

.ace-no-margin {
  margin: 0px !important;
}

.ace-no-margin * {
  margin: 0px !important;
}

.ace-no-margin-top {
  margin-top: 0px !important;
}

html[dir="ltr"] .ace-no-margin-left {
  margin-left: 0px !important;
}

html[dir="rtl"] .ace-no-margin-left {
  margin-right: 0px !important;
}

html[dir="ltr"] .ace-no-margin-right {
  margin-right: 0px !important;
}

html[dir="rtl"] .ace-no-margin-right {
  margin-left: 0px !important;
}

.ace-no-margin-bottom {
  margin-bottom: 0px !important;
}

.ace-margin-auto {
  margin: auto !important;
}

.ace-margin-left-auto {
  margin-left: auto !important;
}

.ace-margin-right-auto {
  margin-right: auto !important;
}

.ace-margin-top-50 {
  margin-top: 50px;
}

.ace-margin-top-60 {
  margin-top: 60px;
}

.ace-margin-top-80 {
  margin-top: 80px;
}

.ace-margin-top-100 {
  margin-top: 100px;
}

.ace-margin-top-120 {
  margin-top: 120px;
}

.ace-margin-top-150 {
  margin-top: 150px;
}

.ace-margin-top-200 {
  margin-top: 200px;
}

.ace-margin-top-230 {
  margin-top: 230px;
}

.ace-margin-top-250 {
  margin-top: 250px;
}

.ace-margin-top-50 {
  margin-top: 50px !important;
}

.ace-margin-top-60 {
  margin-top: 60px !important;
}

.ace-margin-top-80 {
  margin-top: 80px !important;
}

.ace-margin-top-100 {
  margin-top: 100px !important;
}

.ace-margin-top-120 {
  margin-top: 120px !important;
}

.ace-margin-top-150 {
  margin-top: 150px !important;
}

.ace-margin-top-200 {
  margin-top: 200px !important;
}

.ace-margin-top-230 {
  margin-top: 230px !important;
}

.ace-margin-top-250 {
  margin-top: 250px !important;
}

/* end margin controll classes */
/* begin font related classes */
.ace-standard-title-text,
span.ace-standard-title-text,
h1.ace-standard-title-text,
h2.ace-standard-title-text,
h3.ace-standard-title-text,
h4.ace-standard-title-text,
.ace-transparent-title-bar h2.ace-standard-title-text,
.ace-form-inner h2.ace-standard-title-text {
  font-size: 34px;
  font-weight: 600;
}

.ace-standard-subtitle-text,
span.ace-standard-subtitle-text,
h1.ace-standard-subtitle-text {
  font-size: 22px;
  font-weight: 600;
}

.ace-transparent-subtitle-bar h2.ace-standard-subtitle-text,
.ace-form-inner h2.ace-standard-subtitle-text,
h2.ace-standard-subtitle-text {
  font-size: 20px;
  font-weight: 500;
}

h3.ace-standard-subtitle-text {
  font-size: 18px;
  font-weight: 400;
}

h4.ace-standard-subtitle-text {
  font-size: 16px;
  font-weight: 400;
}

.ace-title {
  margin-bottom: 15px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-title {
  float: left;
}

html[dir="rtl"] .ace-title {
  float: right;
}

.ace-title:after {
  content: " ";
  width: 45%;
  height: 2px;
  background: var(--ace-lime);
  bottom: -1px;
  position: absolute;
}

html[dir="ltr"] .ace-title:after {
  left: 0px;
}

html[dir="rtl"] .ace-title:after {
  right: 0px;
}

.ace-title h2,
.ace-title h3 {
  border: none;
  margin: 0px;
}

.ace-font-size-50p {
  font-size: 50%;
}

.ace-font-size-75p {
  font-size: 75%;
}

.ace-font-size-90p {
  font-size: 90%;
}

.ace-font-size-100p {
  font-size: 100%;
}

.ace-font-size-110p {
  font-size: 110%;
}

.ace-font-size-115p {
  font-size: 115%;
}

.ace-font-size-120p {
  font-size: 120%;
}

.ace-font-size-125p {
  font-size: 125%;
}

.ace-font-size-150p {
  font-size: 150%;
}

.ace-font-size-200p {
  font-size: 200%;
}

.ace-font-50 {
  zoom: 50%;
}

.ace-font-75 {
  zoom: 75%;
}

.ace-font-85 {
  zoom: 85%;
}

[class*="ace-huge-text-"] {
  line-height: 0 !important;
}

.ace-huge-text-110,
.ace-huge-text-110 .ace-efld {
  font-size: 110% !important;
}

.ace-huge-text-120,
.ace-huge-text-120 .ace-efld {
  font-size: 120% !important;
}

.ace-huge-text-130,
.ace-huge-text-130 .ace-efld {
  font-size: 130% !important;
}

.ace-huge-text-150,
.ace-huge-text-150 .ace-efld,
.ace-huge-text-150 i {
  font-size: 150% !important;
}

.ace-huge-text-200,
.ace-huge-text-200 .ace-efld {
  font-size: 200% !important;
}

.ace-huge-text-250,
.ace-huge-text-250 .ace-efld {
  font-size: 250% !important;
}

[class*="ace-huge-text-"] .ace-label {
  height: auto !important;
}

[class*="ace-huge-text-"] .ace-empty:focus ~ .ace-label,
[class*="ace-huge-text-"] .ace-efld ~ .ace-label {
  top: -30px !important;
}

[class*="ace-huge-text-"] .ace-empty ~ .ace-label {
  top: 8px !important;
}

.ace-small-text-90 .ace-efld {
  font-size: 90% !important;
  line-height: 0;
}

.ace-small-text-80 .ace-efld {
  font-size: 80% !important;
  line-height: 0;
}

.ace-small-text-75 .ace-efld {
  font-size: 75% !important;
  line-height: 0;
}

.ace-small-text-60 .ace-efld {
  font-size: 60% !important;
  line-height: 0;
}

.ace-small-text-50 .ace-efld {
  font-size: 50% !important;
  line-height: 0;
}

[class*="ace-small-text-"] select.ace-efld {
  line-height: initial;
}

.ace-huge-text,
.ace-huge-text .ace-efld {
  font-size: 48px !important;
}

.ace-large-text,
.ace-large-text .ace-efld {
  font-size: 36px;
}

.ace-big-text,
.ace-big-text .ace-efld {
  font-size: 26px !important;
}

.ace-bigger-text,
.ace-bigger-text .ace-efld {
  font-size: 18px !important;
}

.ace-ta-center {
  text-align: center !important;
}

html[dir="ltr"] .ace-ta-lft {
  text-align: left !important;
}

html[dir="rtl"] .ace-ta-lft {
  text-align: right !important;
}

html[dir="ltr"] .ace-ta-rght {
  text-align: right !important;
}

html[dir="rtl"] .ace-ta-rght {
  text-align: left !important;
}

.ace-text-center {
  text-align: center;
}

html[dir="ltr"] .ace-text-right {
  text-align: right;
}

html[dir="rtl"] .ace-text-right {
  text-align: left;
}

html[dir="ltr"] .ace-text-left {
  text-align: left;
}

html[dir="rtl"] .ace-text-left {
  text-align: right;
}

.ace-no-line-height {
  line-height: 0 !important;
}

.ace-line-height-half {
  line-height: 0.5;
}

.ace-line-height-07 {
  line-height: 0.7;
}

.ace-line-height-1 {
  line-height: 1;
}

.ace-line-height-18 {
  line-height: 1.8;
}

.ace-no-text-wrap,
.ace-no-warp {
  white-space: nowrap;
}

.ace-text-pre-wrap {
  white-space: pre-wrap;
}

.ace-fld-pre-wrap .ace-efld {
  white-space: pre-wrap;
}

.ace-text-cut-elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ace-white-space-normal {
  white-space: normal !important;
}

.ace-word-break {
  word-break: break-word;
}

.ace-bold {
  font-weight: 600 !important;
  color: var(--ace-black-90);
  font-size: 14px;
}

/* end font related classes */
body,
html {
  padding: 0px;
  margin: 0px auto;
  /* background-color: var(--ace-gray-100); */
}

* {
  box-sizing: border-box;
  margin: 0px;
  outline: none;
  border: none;
}

.ace-general-wrapper {
  transition: all ease 0.5s;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-card-info-bar.ace-col-3 {
    width: 25% !important;
  }
}
/* begin global ace fields modifiers */
.ace-field-container,
.ace-field-container div {
  background-color: var(--ace-transparent);
}

.ace-field-container {
  padding: 0px;
  width: auto;
  position: relative;
}

html[dir="ltr"] [type="button"].ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] [type="button"].ace-field-container {
  padding-left: 0px;
}

html[dir="ltr"] [type="iconbutton"] {
  padding-right: 0px;
}

html[dir="rtl"] [type="iconbutton"] {
  padding-left: 0px;
}

.ace-field-container {
  white-space: nowrap;
}

.ace-field-container p {
  white-space: normal;
}

.ace-field-container.ace-field-show-all-content {
  white-space: initial !important;
}

html[dir="ltr"] .ace-field-container {
  padding-right: 10px;
}

html[dir="rtl"] .ace-field-container {
  padding-left: 10px;
}

.ace-field-container .ace-field-container {
  padding-right: 0px;
  padding-left: 0px;
}

[class*="ace-"] > .fa,
[class*="ace-"] > .far,
[class*="ace-"] > .fal,
[class*="ace-"] > .fab {
  line-height: 1.8;
}

[class*="ace-"] > * {
  font-family:
    "Source Sans Pro", "Roboto", sans-serif, "Font Awesome 5 Pro", "FontAwesome";
  -webkit-font-smoothing: antialiased;
}

[class*="ace-"] input,
[class*="ace-"] textarea,
[class*="ace-"] keygen,
[class*="ace-"] select,
[class*="ace-"] button {
  font-family: "Lato", "Font Awesome 5 Pro", "FontAwesome";
  font-size: 14px;
}

[class*="ace-"] > input,
[class*="ace-"] > textarea,
[class*="ace-"] > keygen,
[class*="ace-"] > select,
[class*="ace-"] > button {
  font-family: "Lato", "Font Awesome 5 Pro", "FontAwesome";
  font-size: 14px;
  width: 100%;
  white-space: nowrap;
}

[class*="ace-"] hr {
  width: 100%;
  background: var(--ace-gray-200);
  height: 1px;
}

[class*="ace-"] a,
.ace-cursor-pointer {
  cursor: pointer;
  transition: ease-out 0.2s;
}

[class*="ace-"] > input[type="text"],
[class*="ace-"] > input[type="password"],
[class*="ace-"] > input[type="number"],
[class*="ace-"] > input[type="email"],
[class*="ace-"] > .ace-grid-search,
[class*="ace-"] > textarea {
  background: initial;
  transition: ease-in-out 0.1s;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--ace-transparent);
  background-color: var(--ace-bluegray-glow);
  border-radius: 6px;
}

[class*="ace-"] > input:read-only[type="text"],
[class*="ace-"] > input:read-only[type="password"],
[class*="ace-"] > input:read-only[type="number"],
[class*="ace-"] > input:read-only[type="email"],
[class*="ace-"] > textarea:read-only {
  background: var(--ace-transparent) !important;
  border: 1px solid var(--ace-transparent);
}

[class*="ace-"] > input[type="text"]:hover,
[class*="ace-"] input[type="number"]:hover,
[class*="ace-"] input[type="email"]:hover,
[class*="ace-"] input[type="password"]:hover,
[class*="ace-"] textarea:hover,
[class*="ace-"] .hasDatepicker:hover,
[class*="ace-"] .ace-grid-search:hover {
  background-color: var(--ace-pure-white);
}

[class*="ace-"] > input[type="text"]:focus,
[class*="ace-"] input[type="number"]:focus,
[class*="ace-"] input[type="email"]:focus,
[class*="ace-"] input[type="password"]:focus,
[class*="ace-"] textarea:focus,
[class*="ace-"] .hasDatepicker:focus,
[class*="ace-"] .ace-grid-search:focus {
  background-color: var(--ace-pure-white);
  border-bottom: 1px solid var(--ace-lime);
}

[class*="ace-"] input[disabled] {
  background: var(--ace-gray-100) !important;
  color: var(--ace-gray-500) !important;
  box-shadow: none !important;
  border: 1px solid var(--ace-gray-200);
}

[class*="ace-"] button:disabled {
  background-color: var(--ace-gray-200) !important;
  color: var(--ace-gray-500) !important;
  border: 1px solid var(--ace-gray-500);
}

[class*="ace-"] button:disabled:hover {
  box-shadow: none !important;
  cursor: default;
}

[class*="ace-"] > button {
  width: auto;
  transition: all ease 0.1s;
  text-align: center;
  background-color: var(--ace-blue-dark);
  border-radius: 10px;
  cursor: pointer;
  color: var(--ace-pure-white);
  position: relative;
  font-family: "Lato", "Font Awesome 5 Pro", "FontAwesome";
  padding: 8px 10px;
  min-height: 34px;
  border: 1px solid var(--ace-transparent);
}

[class*="ace-"] > button:hover {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
  border: 1px solid var(--ace-lime);
}

[class*="ace-"] > button .ace-icon {
  color: var(--ace-pure-white);
  background: var(--ace-transparent);
}

[class*="ace-"] > button:hover .ace-icon {
  color: var(--ace-pure-white);
  background: var(--ace-lime);
}

html[dir="ltr"] [class*="ace-"] button i {
  margin-right: 5px;
}

html[dir="rtl"] [class*="ace-"] button i {
  margin-left: 5px;
}

html[dir="ltr"] [class*="ace-"] a:before {
  margin-right: 5px;
}

html[dir="rtl"] [class*="ace-"] a:before {
  margin-left: 5px;
}

[class*="ace-"] > button i,
[class*="ace-"] > button:before,
[class*="ace-"] > a:before,
[class*="ace-"] > button i:before,
[class*="ace-"] > a i:before {
  line-height: 1.5;
}

[class*="ace-"] input[type="submit"] {
  background: var(--ace-cyan);
  opacity: 0.7;
  transition: all ease-in-out 0.1s;
}

[class*="ace-"] > input:hover[type="submit"] {
  background: var(--ace-cyan);
  opacity: 1;
}

[class*="ace-"] > button[type="submit"] {
  background: var(--ace-cyan);
  color: var(--ace-pure-white);
  opacity: 0.7;
  margin-top: 5px;
  padding: 12px 25px 12px 25px;
  transition: all ease-in-out 0.1s;
}

[class*="ace-"] > button[type="submit"]:hover {
  background: var(--ace-cyan);
  opacity: 1;
}

.ace-button-inverse button {
  color: var(--ace-pure-white);
  background-color: var(--ace-transparent);
  border: 1px solid var(--ace-pure-white);
}

.ace-button-inverse button:hover {
  color: var(--ace-pure-white);
  background-color: var(--ace-transparent);
  border: 1px solid var(--ace-pure-white);
}

.ace-button-smaller button {
  padding: 4px 5px;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  [class*="ace-"] > input[type="text"],
  [class*="ace-"] input[type="number"],
  [class*="ace-"] input[type="email"],
  [class*="ace-"] input[type="password"],
  [class*="ace-"] textarea,
  [class*="ace-"] .hasDatepicker,
  [class*="ace-"] .ace-grid-search,
  [class*="ace-"] select {
    background-color: var(--ace-pure-white);
  }
}
/* end global ace fields modifiers */
/* begin app top bar */
.ace-main-nav {
  background: var(--ace-gray-100);
  height: 50px;
  padding: unset;
  width: 100%;
  box-shadow: 0px 1px 2px var(--ace-transparent);
  position: fixed;
  z-index: 4;
}

.ace-main-nav .ace-dropdown-list {
  top: 50px;
}

html[dir="ltr"] .ace-main-nav .ace-dropdown-list {
  left: inherit;
}

html[dir="rtl"] .ace-main-nav .ace-dropdown-list {
  right: inherit;
}

html[dir="ltr"] .ace-main-nav .ace-dropdown-list {
  right: 0px;
}

html[dir="rtl"] .ace-main-nav .ace-dropdown-list {
  left: 0px;
}

html[dir="ltr"] .ace-main-nav .ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] .ace-main-nav .ace-field-container {
  padding-left: 0px;
}

.ace-main-nav .ace-logo {
  width: 70px;
  height: 50px;
  background-size: cover;
  margin: 13px;
}

.ace-main-nav .ace-right ul li ul li a {
  width: 100%;
}

html[dir="ltr"] .ace-main-nav .ace-right ul li ul li a i {
  margin-right: 5px;
}

html[dir="rtl"] .ace-main-nav .ace-right ul li ul li a i {
  margin-left: 5px;
}

.ace-main-nav .ace-right ul li ul li a:hover {
  color: var(--ace-lime);
}

.ace-main-nav .ace-right ul li .ace-dropdown-list {
  top: 24px;
}

html[dir="ltr"] .ace-main-nav .ace-right ul li .ace-dropdown-list {
  left: -150px;
}

html[dir="rtl"] .ace-main-nav .ace-right ul li .ace-dropdown-list {
  right: -150px;
}

.ace-user-intro {
  height: 100%;
  padding: 0px;
  display: flex;
  align-items: center;
  align-content: center;
}

.ace-user-intro .ace-display-field span {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
}

html[dir="ltr"] .ace-user-intro .ace-display-field span {
  padding-left: 10px !important;
}

html[dir="rtl"] .ace-user-intro .ace-display-field span {
  padding-right: 10px !important;
}

.ace-search-bar {
  margin: 10px;
  height: 34px;
  position: relative;
}

html[dir="ltr"] .ace-search-bar {
  float: left;
}

html[dir="rtl"] .ace-search-bar {
  float: right;
}

html[dir="ltr"] .ace-search-bar input {
  padding-right: 60px;
}

html[dir="rtl"] .ace-search-bar input {
  padding-left: 60px;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .ace-main-nav .ace-search-bar {
    width: 58% !important;
  }
  .ace-main-nav .ace-user-intro {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .ace-logo {
    display: none;
  }
}
/* begin error */
iframe.ace-error {
  border-bottom: 2px solid var(--ace-red-soft);
}

.ace-error input {
  border-bottom: 1px solid var(--ace-red-soft) !important;
}

.ace-hide-errors input {
  border-bottom: initial !important;
}

.ace-error-msg {
  display: none;
  color: var(--ace-red-soft);
}

.ace-error .ace-text-field .ace-error-msg {
  margin-top: 20px;
}

.row-input-data .ace-error .ace-text-field .ace-error-msg {
  margin-top: 12px;
}

html[dir="ltr"] .ace-error-msg {
  float: right;
}

html[dir="rtl"] .ace-error-msg {
  float: left;
}

html[dir="ltr"] .ace-error-msg {
  margin-right: 10px;
}

html[dir="rtl"] .ace-error-msg {
  margin-left: 10px;
}

.ace-autocomplete-field .ace-error-msg,
.ace-datepicker-field .ace-error-msg,
.ace-combo-field .ace-error-msg {
  position: absolute !important;
}

html[dir="ltr"] .ace-autocomplete-field .ace-error-msg {
  right: 10px;
}

html[dir="rtl"] .ace-autocomplete-field .ace-error-msg {
  left: 10px;
}

html[dir="ltr"] .ace-combo-field .ace-error-msg {
  right: 10px;
}

html[dir="rtl"] .ace-combo-field .ace-error-msg {
  left: 10px;
}

html[dir="ltr"] .ace-datepicker-field .ace-error-msg {
  right: 22px;
}

html[dir="rtl"] .ace-datepicker-field .ace-error-msg {
  left: 22px;
}

.ace-autocomplete-field .ace-error-msg {
  top: 14px !important;
}

.ace-combo-field .ace-error-msg {
  top: 0px !important;
}

.ace-datepicker-field .ace-error-msg {
  top: 14px !important;
}

.ace-error-msg:before {
  content: "\f071";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-error .ace-error-msg {
  display: block;
  padding: 5px 5px 5px;
  position: relative;
  font-size: 16px;
}

.ace-error .ace-efld,
.ace-error .ace-valid .ace-efld {
  border-bottom: var(--ace-transparent);
}

.ace-error .ace-efld {
  width: 100%;
}

.ace-error .ace-hide-errors .ace-error-msg {
  display: none !important;
}

.ace-error-req .ace-focus .ace-label {
  color: var(--ace-red-soft);
}

.ace-error-req > div:after {
  color: var(--ace-red-soft) !important;
  content: "\f069";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  display: block;
  position: absolute;
  font-size: 8px;
  top: 13px;
}

html[dir="ltr"] .ace-error-req > div:after {
  float: right;
}

html[dir="rtl"] .ace-error-req > div:after {
  float: left;
}

.ace-error-req > div .ace-efld {
  width: 100%;
}

/* end error */
/* begin app side menu */
.ace-side-container {
  position: fixed;
  height: 100%;
  z-index: 3;
  top: 50px;
}

.ace-no-top-bar .ace-side-container {
  top: 0px;
}

.ace-side-container .ace-expand {
  width: 90px !important;
}

.ace-menu-trigger {
  cursor: pointer;
  text-align: center;
  padding: 13px 20px 13px;
  height: 50px;
  width: 50px; /*yes, same as height by default */
  font-size: 14pt !important;
  color: var(--ace-pure-white);
  background-color: var(--ace-green-light);
  position: relative;
  z-index: 1000;
}

.ace-side-menu {
  background-color: var(--ace-gray-100);
  width: 90px;
  height: 100%;
  position: relative;
  border-top: none;
  top: 0px;
  -webkit-transition: all ease 0.18s;
  -moz-transition: all ease-in-out 0.18s;
  -o-transition: all ease-in-out 0.18s;
  -ms-transition: all ease-in-out 0.18s;
  transition: all ease 0.18s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

html[dir="ltr"] .ace-side-menu {
  float: left;
}

html[dir="rtl"] .ace-side-menu {
  float: right;
}

.ace-side-menu ul li {
  list-style: none;
  line-height: 1.2;
  width: 100%;
}

html[dir="ltr"] .ace-side-menu ul li {
  float: left;
}

html[dir="rtl"] .ace-side-menu ul li {
  float: right;
}

.ace-side-menu.ace-expand ul li a p,
.ace-side-menu.ace-expand ul li a p {
  opacity: 1;
  padding: 0px;
  width: 120px;
}

html[dir="ltr"] .ace-side-menu.ace-expand ul li a p {
  float: left;
}

html[dir="rtl"] .ace-side-menu.ace-expand ul li a p {
  float: right;
}

.ace-side-menu a {
  color: var(--ace-gray-500);
  width: 100%;
  padding: 10px;
  height: auto;
  cursor: pointer;
  clear: both;
}

.ace-side-menu .ace-accordion-list li a {
  color: var(--ace-gray-500);
}

.ace-side-menu ul li a {
  height: auto;
}

html[dir="ltr"] .ace-side-menu ul li a {
  float: left;
}

html[dir="rtl"] .ace-side-menu ul li a {
  float: right;
}

.ace-side-menu a:hover {
  color: var(--ace-lime) !important;
}

.ace-side-menu ul li a p {
  padding: 0px;
}

.ace-side-menu ul li a i {
  font-size: 16pt;
  line-height: 1.8 !important; /* Fix for cases we use icons from different fonts */
}

html[dir="ltr"] .ace-side-menu ul li a i {
  float: left;
}

html[dir="rtl"] .ace-side-menu ul li a i {
  float: right;
}

.ace-side-menu a i:before {
  line-height: 1 !important;
}

.ace-side-menu a p {
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 1;
  padding-top: 0px;
}

html[dir="ltr"] .ace-side-menu a p {
  padding-left: 10px;
}

html[dir="rtl"] .ace-side-menu a p {
  padding-right: 10px;
}

.ace-side-menu i.ace-accordion-icon {
  font-size: 34px;
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1 !important;
}

.ace-expand {
  width: 220px !important;
}

.ace-side-menu ul li a i:before {
  line-height: 1 !important;
}

.ace-side-menu-dropdown-list {
  max-height: 0;
  overflow: hidden;
  transition: ease 0.2s;
}

html[dir="ltr"] .ace-side-menu-dropdown-list {
  float: left;
}

html[dir="rtl"] .ace-side-menu-dropdown-list {
  float: right;
}

ul.ace-side-menu-dropdown-list li a {
  display: block;
  color: var(--ace-gray-500);
}

html[dir="ltr"] ul.ace-side-menu-dropdown-list li a {
  padding: 10px 0px 10px 45px;
}

html[dir="rtl"] ul.ace-side-menu-dropdown-list li a {
  padding: 10px 45px 10px 0px;
}

.ace-side-menu .ace-arrow-icon {
  display: none;
}

.ace-side-menu .ace-add-icon,
.ace-side-menu .ace-edit-icon,
.ace-side-menu .ace-refresh-icon {
  display: none;
  background-color: var(--ace-gray-200);
  padding: 0px 10px 0px 10px;
  line-height: 0;
}

.ace-side-menu .ace-add-icon:before {
  line-height: 1.8 !important;
}

html[dir="ltr"] .ace-side-menu .ace-add-icon {
  margin-right: 10px;
}

html[dir="rtl"] .ace-side-menu .ace-add-icon {
  margin-left: 10px;
}

html[dir="ltr"] .ace-side-menu .ace-edit-icon {
  margin-right: 10px;
}

html[dir="rtl"] .ace-side-menu .ace-edit-icon {
  margin-left: 10px;
}

.ace-side-menu.ace-expand .ace-arrow-icon {
  display: block;
  padding: 0px 10px 0px 10px;
  font-size: 18px;
  line-height: 0;
}

.ace-side-menu.ace-field-container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.ace-side-menu .ace-scrollview .ace-accordion.ace-active,
.ace-side-menu .ace-scrollview .ace-accordion.ace-active:hover {
  color: var(--ace-lime) !important;
  background-color: var(--ace-pure-white);
  border-radius: 10px;
  transition:
    background-color 300ms cubic-bezier(0.15, 0.5, 0.5, 1) 0s,
    color 300ms cubic-bezier(0.15, 0.5, 0.5, 1) 0s,
    opacity 300ms cubic-bezier(0.15, 0.5, 0.5, 1) 0s,
    box-shadow 200ms cubic-bezier(0.4, 0.3, 0.8, 0.6) 0s;
}

html[dir="ltr"] .ace-side-menu .ace-scrollview .ace-accordion.ace-active {
  border-left: 1px solid var(--ace-pure-white);
}

html[dir="rtl"] .ace-side-menu .ace-scrollview .ace-accordion.ace-active {
  border-right: 1px solid var(--ace-pure-white);
}

html[dir="ltr"] .ace-side-menu .ace-scrollview .ace-accordion.ace-active:hover {
  border-left: 1px solid var(--ace-pure-white);
}

html[dir="rtl"] .ace-side-menu .ace-scrollview .ace-accordion.ace-active:hover {
  border-right: 1px solid var(--ace-pure-white);
}

.ace-side-menu .ace-scrollview .ace-accordion:hover {
  background-color: var(--ace-transparent);
  border-radius: 10px;
  transition:
    background-color 300ms cubic-bezier(0.15, 0.5, 0.5, 1) 0s,
    color 300ms cubic-bezier(0.15, 0.5, 0.5, 1) 0s,
    opacity 300ms cubic-bezier(0.15, 0.5, 0.5, 1) 0s,
    box-shadow 200ms cubic-bezier(0.4, 0.3, 0.8, 0.6) 0s;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .ace-side-menu .ace-scrollview {
    display: flex;
    flex-direction: row;
    overflow-y: hidden !important;
    overflow-x: auto;
    justify-content: center;
  }
  .ace-side-menu .ace-scrollview .ace-accordion {
    clear: none;
    width: auto;
    padding: 4px 10px;
    flex: none;
  }
  .ace-side-menu .ace-scrollview .ace-accordion i {
    font-size: 22px !important;
  }
  .ace-side-menu .ace-scrollview .ace-accordion.ace-active {
    box-shadow: none;
  }
  .ace-side-container {
    position: fixed;
    height: 44px;
    z-index: 5;
    top: initial;
    bottom: 0px;
    width: 100%;
  }
  .ace-no-top-bar .ace-side-container {
    top: initial;
  }
  .ace-side-menu {
    visibility: hidden;
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
    transition: width ease 0.16s;
  }
  .ace-side-menu.ace-expand {
    visibility: visible;
    height: 100%;
    width: 100% !important;
    overflow: hidden;
    opacity: 1;
    transition: width ease 0.16s;
  }
}
@media (max-width: 1024px) {
  .ace-side-menu {
    width: 56px;
  }
}
/* end app side menu */
@keyframes fullscreen {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes close {
  0% {
    width: 1500px;
    height: 800px;
    transform: translateX(-70%) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes check {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2.2);
    margin-top: -5px;
    text-shadow: 0px 2px 4px var(--ace-black-25);
  }
}
@keyframes radio {
  from {
    transform: scale(0.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes checkbox {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* begin app content */
.ace-content {
  clear: both;
  bottom: 0px;
  width: 100%;
  -webkit-transition: padding ease 0.18s;
  -moz-transition: padding ease 0.18s;
  -o-transition: padding ease 0.18s;
  -ms-transition: padding ease 0.18s;
  transition: padding ease 0.18s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  margin: 50px 0px 0px 0px;
  overflow: visible;
}

.ace-no-top-bar .ace-content {
  margin: 0px 0px 0px 0px;
  height: calc(var(--vh, 1vh) * 100);
}

.ace-no-top-bar #ace-top-bar {
  display: none !important;
}

.ace-content-no-top-bar {
  margin: 0px;
}

.ace-window {
  height: 100%;
  width: 100%;
  clear: both;
  overflow-y: hidden;
  position: relative;
  display: none;
}

html[dir="ltr"] .ace-window {
  float: left;
}

html[dir="rtl"] .ace-window {
  float: right;
}

.ace-info-side {
  overflow: hidden;
  height: 100%;
  width: calc(100% - 250px);
  position: relative;
  background-color: var(--ace-gray-100);
}

html[dir="ltr"] .ace-info-side {
  float: left;
}

html[dir="rtl"] .ace-info-side {
  float: right;
}

.ace-info-side-details {
  width: 100%;
  max-height: 0;
  opacity: 0;
  height: 100%;
  overflow: hidden;
  transition: ease 0.2s;
}

html[dir="ltr"] .ace-info-side-details {
  float: left;
}

html[dir="rtl"] .ace-info-side-details {
  float: right;
}

.ace-info-side-details ul {
  clear: both;
  height: auto;
  display: inline-block;
}

.ace-footer {
  background: var(--ace-gray-100);
  height: 50px;
  width: 100%;
  padding: 0px 10px;
  position: fixed;
  z-index: 5;
  bottom: 0px;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .ace-content {
    clear: none !important;
    top: 0px;
    z-index: 3;
  }
  .ace-footer {
    display: none;
  }
}
.ace-app-edit-windwow {
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  /*.ace-info-side {
    height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  }*/ /*SM-not sure*/
  .ace-info-side.ace-info-side-mobile-scroll {
    overflow-y: auto;
  }
  /*.ace-no-top-bar .ace-info-side {
    height: smartvh(100);
  }*/ /*SM-not sure*/
}
/* end app content */
/* begin accordion field */
.ace-accordion {
  width: 100%;
  cursor: pointer;
  line-height: 1.8;
  height: 30px;
  padding: 3px 10px;
  list-style: none;
  color: var(--ace-black-90);
  background-color: var(--ace-transparent);
  font-size: 14px;
  font-weight: 500;
}

html[dir="ltr"] .ace-accordion {
  float: left;
}

html[dir="rtl"] .ace-accordion {
  float: right;
}

.ace-accordion li {
  list-style: none;
  color: var(--ace-black-90);
}

.ace-accordion .ace-arrow-icon {
  line-height: 2.5;
}

.ace-accordion-hide-arrows .ace-accordion .ace-arrow-icon {
  display: none;
}

.ace-accordion-list {
  width: 100%;
  max-height: 0px;
  transition:
    max-height 0.3s cubic-bezier(0, 1.05, 0, 1),
    height 0.6s,
    opacity 0.3s;
  overflow: hidden;
}

html[dir="ltr"] .ace-accordion-list {
  float: left;
}

html[dir="rtl"] .ace-accordion-list {
  float: right;
}

html[dir="ltr"] .ace-accordion-list {
  padding-left: 20px;
}

html[dir="rtl"] .ace-accordion-list {
  padding-right: 20px;
}

.ace-accordion-list li {
  list-style: none;
  width: 100%;
}

.ace-accordion-list li a {
  color: var(--ace-black-80);
  width: 100%;
  line-height: 2.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ace-accordion-list li a i {
  line-height: 2.2 !important;
}

html[dir="ltr"] .ace-accordion-list li a {
  float: left;
}

html[dir="rtl"] .ace-accordion-list li a {
  float: right;
}

html[dir="ltr"] .ace-accordion p {
  float: left;
}

html[dir="rtl"] .ace-accordion p {
  float: right;
}

.ace-accordion .ace-checked {
  background: initial;
}

html[dir="ltr"] .ace-accordion .ace-checked {
  border-left: none;
}

html[dir="rtl"] .ace-accordion .ace-checked {
  border-right: none;
}

html[dir="ltr"] .ace-accordion-icon {
  float: left;
}

html[dir="rtl"] .ace-accordion-icon {
  float: right;
}

html[dir="ltr"] .ace-accordion-icon {
  margin-right: 2px;
}

html[dir="rtl"] .ace-accordion-icon {
  margin-left: 2px;
}

.ace-accordion-checkbox {
  color: var(--ace-gray-500);
  padding: 0px 5px;
}

.ace-active {
  color: var(--ace-lime) !important;
}

html[dir="ltr"] .ace-active {
  border-left: 4px solid var(--ace-lime);
}

html[dir="rtl"] .ace-active {
  border-right: 4px solid var(--ace-lime);
}

.ace-accordion-checkbox.ace-checked {
  color: var(--ace-lime);
}

.ace-accordion-item-remote-load:hover .ace-add-icon,
.ace-accordion-item-remote-load:hover .ace-edit-icon,
.ace-accordion-item-remote-load:hover .ace-refresh-icon {
  display: block;
}

.ace-accordion p {
  white-space: nowrap;
}

/* end accordion field */
/* begin accordion modifier */
.ace-horizontal-menu {
  height: auto;
  width: 100% !important;
  top: 0px;
}

.ace-horizontal-menu .ace-accordion.ace-active {
  opacity: 1;
  color: var(--ace-lime);
  border-bottom: 3px solid var(--ace-lime);
}

html[dir="ltr"] .ace-horizontal-menu .ace-accordion.ace-active {
  border-left: none;
}

html[dir="rtl"] .ace-horizontal-menu .ace-accordion.ace-active {
  border-right: none;
}

.ace-horizontal-menu ul {
  width: auto;
}

html[dir="ltr"] .ace-horizontal-menu ul {
  float: left !important;
}

html[dir="rtl"] .ace-horizontal-menu ul {
  float: right !important;
}

.ace-horizontal-menu .ace-side-menu .ace-scrollview {
  height: auto !important;
  width: 100% !important;
}

.ace-horizontal-menu .ace-side-menu {
  height: auto;
  padding-bottom: 0px;
  top: 0px;
  border: none;
  width: 100% !important;
}

.ace-horizontal-menu .ace-accordion {
  opacity: 0.6;
  padding-bottom: 10px !important;
  width: auto;
  clear: none;
}

html[dir="ltr"] .ace-horizontal-menu .ace-accordion {
  float: left !important;
}

html[dir="rtl"] .ace-horizontal-menu .ace-accordion {
  float: right !important;
}

.ace-submenu.ace-horizontal-tabs {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 50px;
}

html[dir="ltr"] .ace-submenu.ace-horizontal-tabs {
  float: left;
}

html[dir="rtl"] .ace-submenu.ace-horizontal-tabs {
  float: right;
}

.ace-submenu.ace-horizontal-tabs .ace-scrollview {
  height: auto;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.ace-submenu.ace-horizontal-tabs .ace-scrollview .ace-accordion {
  flex: none;
  display: block;
  width: auto;
  height: auto;
}

html[dir="ltr"]
  .ace-submenu.ace-horizontal-tabs
  .ace-scrollview
  .ace-accordion {
  float: left !important;
}

html[dir="rtl"]
  .ace-submenu.ace-horizontal-tabs
  .ace-scrollview
  .ace-accordion {
  float: right !important;
}

.ace-submenu.ace-horizontal-tabs a.ace-accordion.ace-error {
  border-bottom: 1px solid var(--ace-red-soft);
}

.ace-submenu.ace-horizontal-tabs a.ace-accordion.ace-error:before {
  content: "*";
  color: var(--ace-red-soft);
  margin-top: 3px;
  width: 0px;
  line-height: 0.8 !important;
  text-align: center;
}

html[dir="ltr"]
  .ace-submenu.ace-horizontal-tabs
  a.ace-accordion.ace-error:before {
  float: right;
}

html[dir="rtl"]
  .ace-submenu.ace-horizontal-tabs
  a.ace-accordion.ace-error:before {
  float: left;
}

.ace-submenu.ace-horizontal-tabs a.ace-accordion.ace-error.ace-active {
  border-color: var(--ace-red-soft) !important;
}

.ace-submenu.ace-horizontal-tabs .ace-active {
  background-color: var(--ace-pure-white);
  border-radius: 10px;
  border-bottom: 1px solid var(--ace-pure-white);
}

html[dir="ltr"] .ace-submenu.ace-horizontal-tabs .ace-active {
  border-left: none;
}

html[dir="rtl"] .ace-submenu.ace-horizontal-tabs .ace-active {
  border-right: none;
}

.ace-standard-form
  .ace-standard-form-inside-with-footer
  .ace-submenu.ace-horizontal-tabs
  .ace-active,
.ace-standard-form
  .ace-standard-form-inside-with-title-and-footer
  .ace-submenu.ace-horizontal-tabs
  .ace-active,
.ace-standard-form
  .ace-standard-form-inside-with-title-and-footer-desktop-only
  .ace-submenu.ace-horizontal-tabs
  .ace-active,
.ace-standard-form
  .ace-standard-form-inside-with-mobile-title-and-footer
  .ace-submenu.ace-horizontal-tabs
  .ace-active,
.ace-standard-form
  .ace-standard-form-inside-with-mobile-title-and-footer-desktop-only
  .ace-submenu.ace-horizontal-tabs
  .ace-active {
  background-color: var(--ace-gray-100);
}

/* end accordion modifier */
/* begin tags */
.ace-tag-edit {
  margin: 0px 3px;
  color: var(--ace-lime) !important;
}

/* end tags */
/* begin chips */
.ace-error .ace-chips-field {
  border-bottom: 1px solid var(--ace-red-soft);
}

.ace-hide-errors .ace-chips-field {
  border-bottom: initial !important;
}

.ace-chips-field {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 5px 2px 5px;
  cursor: text;
  font-size: 16px;
  border-bottom: 1px solid var(--ace-transparent);
}

.ace-chips-field input {
  width: auto !important;
  border: none;
  padding: 0px !important;
}

.ace-chip {
  padding: 2px 5px;
  color: var(--ace-pure-white);
  margin-bottom: 2px;
  background: var(--ace-lime);
}

html[dir="ltr"] .ace-chip {
  margin-right: 3px;
}

html[dir="rtl"] .ace-chip {
  margin-left: 3px;
}

a.ace-chip-remove {
  margin: 0px 3px;
  color: var(--ace-pure-white) !important;
  font-weight: bolder;
}

a.ace-chip-clear {
  margin: 0px 3px;
  color: var(--ace-red-soft) !important;
  background-color: var(--ace-pure-white) !important;
}

/* end chips */
/* begin upload buttons */
.ace-image-upload {
  overflow: hidden;
  padding: 0px;
  cursor: pointer;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid var(--ace-lime);
}

html[dir="ltr"] .ace-image-upload {
  float: left;
}

html[dir="rtl"] .ace-image-upload {
  float: right;
}

.ace-image-upload:after {
  content: "\f030";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  display: inline-block;
  width: 32px;
  height: 32px;
  z-index: 1;
  top: 2%;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  line-height: 2.4;
  transform: scale(0);
  position: absolute;
  cursor: pointer;
  color: var(--ace-pure-white);
  margin: auto;
  transition: ease-in-out 0.2s;
  pointer-events: none;
  left: 0px;
  top: 10px;
  right: 0px;
  /* bottom: 0px; */
}

@keyframes image-icon-change {
  0% {
    transform: scale(1);
    content: "\f030";
  }
  60% {
    transform: scale(0);
    content: "\f040";
  }
  100% {
    transform: scale(1);
    content: "\f040";
  }
}
.ace-image-upload:not(.ace-readonly):hover:after {
  background: var(--ace-lime);
  transform: scale(1);
  content: "\f040";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  animation: image-icon-change ease 0.3s;
}

.ace-image-upload:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--ace-transparent);
  transition: ease 0.1s;
  transform: scale(0.5) translateY(-50%);
  opacity: 0;
}

.ace-image-upload.ace-rounded:before {
  border-radius: 50%;
}

.ace-image-upload:not(.ace-readonly):hover:before {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.ace-image-upload img {
  height: 100%;
}

.ace-image-upload:hover {
  background-color: var(--ace-transparent);
  border: 2px solid var(--ace-transparent);
}

.ace-photo-remove {
  position: static !important;
}

button.ace-photo-remove,
.ace-photo-remove a,
.ace-photo-remove button {
  color: var(--ace-pure-white) !important;
  background: var(--ace-red-pale) !important;
  border-radius: 50%;
  position: absolute !important;
  line-height: 1.6 !important;
  transform: scale(0);
  width: 32px !important;
  height: 32px;
  text-align: center;
  margin: auto !important;
  left: 0px;
  right: 0px;
  bottom: 10px;
  z-index: 2;
}

a.ace-photo-remove:hover,
a.ace-photo-remove:hover,
.ace-photo-remove a:hover,
.ace-photo-remove buttom:hover {
  background: var(--ace-pink-pastel);
}

.ace-image-upload:hover a.ace-photo-remove,
.ace-image-upload:hover button.ace-photo-remove,
.ace-image-upload:hover .ace-photo-remove a,
.ace-image-upload:hover .ace-photo-remove button {
  transform: scale(1);
}

.ace-photo-remove a:before {
  margin: 0px !important;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .ace-file-upload-button a:hover,
  .ace-file-remove a:hover {
    max-width: 400px;
  }
  .ace-file-upload label .ace-file-upload-button,
  .ace-file-upload label .ace-file-remove {
    transform: scale(1) !important;
  }
  .ace-image-upload a.ace-photo-remove,
  .ace-image-upload button.ace-photo-remove,
  .ace-image-upload .ace-photo-remove a,
  .ace-image-upload .ace-photo-remove button {
    transform: scale(1);
  }
  .ace-image-upload:after {
    transform: scale(1);
  }
  .ace-image-upload:before {
    opacity: 1;
    transform: scale(1);
  }
}
/* end upload buttons */
/* begin display field */
html[dir="ltr"] .ace-display-field {
  float: left;
}

html[dir="rtl"] .ace-display-field {
  float: right;
}

.ace-display-field span {
  color: var(--ace-black-80);
}

.ace-display-field label {
  padding: 0px;
}

[class*="col-"] .ace-display-field {
  width: 100%;
}

.ace-display-field .ace-efld {
  padding: 0px !important;
  display: inline-block;
  line-height: 1.8 !important;
  word-break: break-word;
}

.ace-display-field-wrap .ace-efld {
  white-space: normal;
}

.ace-auto-gen.ace-h2 .ace-display-field {
  width: 100%;
}

.ace-auto-gen.ace-h2 .ace-display-field span.ace-efld {
  display: block;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 15px;
  font-size: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid var(--ace-transparent);
}

.ace-auto-gen.ace-h3 .ace-display-field {
  width: 100%;
}

.ace-auto-gen.ace-h3 .ace-display-field span.ace-efld {
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-auto-gen.ace-h3 .ace-display-field span.ace-efld {
  float: left;
}

html[dir="rtl"] .ace-auto-gen.ace-h3 .ace-display-field span.ace-efld {
  float: right;
}

.ace-auto-gen.ace-h4 .ace-display-field {
  width: 100%;
}

.ace-auto-gen.ace-h4 .ace-display-field span.ace-efld {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-auto-gen.ace-h4 .ace-display-field span.ace-efld {
  float: left;
}

html[dir="rtl"] .ace-auto-gen.ace-h4 .ace-display-field span.ace-efld {
  float: right;
}

.ace-auto-gen.ace-bold .ace-display-field span {
  font-weight: 600;
}

.ace-fld-no-padding .ace-display-field {
  padding: 0px !important;
}

.ace-fld-no-padding-top .ace-display-field {
  padding-top: 0px !important;
}

.ace-fld-no-padding-bottom .ace-display-field {
  padding-bottom: 0px !important;
}

.ace-state-checked .ace-display-field .ace-label,
.ace-state-checked .ace-display-field .ace-label span,
.ace-state-unchecked .ace-display-field .ace-label,
.ace-state-unchecked .ace-display-field .ace-label span {
  cursor: default !important;
}

.ace-state-checked .ace-display-field span.ace-efld,
.ace-state-unchecked .ace-display-field span.ace-efld {
  background: var(--ace-transparent);
  display: flex;
}

.ace-state-checked .ace-display-field span.ace-efld:before,
.ace-state-unchecked .ace-display-field span.ace-efld:before {
  width: 18px;
}

.ace-state-checked .ace-display-field span.ace-efld:before {
  content: "\f00c";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  display: inline;
  color: var(--ace-green-soft);
  cursor: default;
  vertical-align: sub;
}

.ace-state-unchecked .ace-display-field span.ace-efld:before {
  content: "\f00d";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  display: inline;
  color: var(--ace-pink);
  cursor: default;
  vertical-align: sub;
}

h3 .ace-display-field {
  height: 0;
}

.ace-label-align-top .ace-display-field .ace-label {
  top: -15px;
  min-width: 150px;
}

.ace-label-align-top.ace-label-no-min-width .ace-display-field .ace-label {
  top: -15px;
  min-width: auto !important;
  line-height: 1.8;
}

/* begin textarea field */
.ace-text-editor {
  padding-bottom: 20px;
  position: relative;
}

.ace-text-editor .ace-efld:focus ~ label {
  display: inline-block;
  top: -20px;
  position: absolute;
  color: var(--ace-lime) !important;
}

.ace-text-editor .ace-efld ~ label {
  display: inline-block;
  top: -20px;
  white-space: nowrap;
  position: absolute;
  transition: all ease-in-out 0.1s;
  text-overflow: ellipsis;
}

.ace-text-editor .ace-empty ~ label {
  top: 5px;
}

.ace-text-editor .ace-error-msg {
  top: 0px;
  position: absolute !important;
}

html[dir="ltr"] .ace-text-editor .ace-error-msg {
  right: 0px;
}

html[dir="rtl"] .ace-text-editor .ace-error-msg {
  left: 0px;
}

.ace-error .ace-text-editor textarea {
  border-bottom: 1px solid var(--ace-red-soft);
}

/* begin progressbar */
.ace-progress-bar {
  background-color: var(--ace-gray-200) !important;
  height: 25px;
}

.ace-efld.ace-progress-bar {
  padding: 0px;
}

.ace-progress-inner-bar {
  text-align: center !important;
  background-color: var(--ace-lime) !important;
  color: var(--ace-pure-white);
  height: 25px;
}

html[dir="ltr"] .ace-progress-inner-bar {
  float: left;
}

html[dir="rtl"] .ace-progress-inner-bar {
  float: right;
}

/* end progressbar */
/* begin progressbar modifiers */
.ace-thin-progress-bar .ace-progress-bar {
  height: 10px;
}

.ace-thin-progress-bar .ace-progress-inner-bar {
  height: 10px;
  font-size: xx-small;
}

.ace-thinnest-progress-bar .ace-progress-bar {
  height: 2px;
}

.ace-thinnest-progress-bar .ace-progress-inner-bar {
  height: 2px;
  font-size: 0px;
}

/* end progressbar modifiers */
/* begin wizard */
.ace-wizard-top-bar,
.ace-wizard-bottom-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

html[dir="rtl"] .ace-wizard-next-button .ace-icon:before,
html[dir="rtl"] .ace-wizard-prev-button .ace-icon:before {
  transform: rotate(180deg);
  display: inline-block;
}

/* end wizard */
/* begin text field */
/* begin text field */
.ace-text-field {
  position: relative;
  padding: 0px;
  width: 100%;
  box-sizing: border-box;
  line-height: 0;
  display: flex;
  align-items: start;
}

html[dir="ltr"] .ace-text-field {
  float: left;
}

html[dir="rtl"] .ace-text-field {
  float: right;
}

.ace-text-field input {
  color: var(--ace-black-80);
}

.ace-text-field input[readonly="readonly"] {
  color: var(--ace-gray-500);
}

.ace-label-align-top .ace-text-field {
  padding-bottom: 20px;
}

.ace-grid-cell .ace-label-align-top .ace-text-field {
  padding-bottom: 0px; /*SM-not sure*/
}

.ace-label-align-left .ace-text-field .ace-label {
  /*padding-top: $ace-label-align-left-inner-top-padding;*/
  padding-top: 8px;
}

.ace-text-field:after {
  display: block;
  width: 0;
  position: absolute;
  bottom: 20px;
  height: 1px;
  background: var(--ace-cyan);
  margin-top: 0px;
  transition: width ease-in-out 0.1s;
}

html[dir="ltr"] .ace-text-field:after {
  right: 10px;
}

html[dir="rtl"] .ace-text-field:after {
  left: 10px;
}

.ace-error .ace-text-field:after {
  width: 100%;
  background-color: var(--ace-red-soft);
  height: 1px;
  margin-top: -1px;
}

.ace-error .ace-text-field .ace-label {
  color: var(--ace-red-soft) !important;
}

.ace-text-field .ace-efld:focus ~ label {
  color: var(--ace-lime) !important;
}

/* end textfield field */
/* begin text modifiers */
[class^="ace-state-badge-"] .ace-text-field {
  display: flex !important;
  margin-bottom: 5px;
  flex-direction: row;
  padding: 5px 10px;
}

html[dir="ltr"] [class^="ace-state-badge-"] .ace-text-field {
  margin-left: -15px;
}

html[dir="rtl"] [class^="ace-state-badge-"] .ace-text-field {
  margin-right: -15px;
}

[class^="ace-state-badge-"] .ace-text-field input {
  color: var(--ace-pure-white);
  padding: 10px 5px 5px 5px !important;
  width: auto !important;
  display: block;
  position: relative;
  top: -3px;
  order: 1;
}

html[dir="ltr"]
  [class^="ace-state-badge-"]
  [class^="ace-state-badge-"]
  .ace-text-field
  input {
  float: right !important;
}

html[dir="rtl"]
  [class^="ace-state-badge-"]
  [class^="ace-state-badge-"]
  .ace-text-field
  input {
  float: left !important;
}

html[dir="ltr"]
  [class^="ace-state-badge-"]
  [class^="ace-state-badge-"]
  .ace-text-field
  input {
  left: 0px;
}

html[dir="rtl"]
  [class^="ace-state-badge-"]
  [class^="ace-state-badge-"]
  .ace-text-field
  input {
  right: 0px;
}

[class^="ace-state-badge-"] .ace-text-field .ace-label {
  position: relative;
  min-width: 50px !important;
  width: auto !important;
  max-width: initial !important;
  order: 0;
  top: -2px;
  padding: 0px;
  z-index: 6;
  color: var(--ace-pure-white) !important;
}

html[dir="ltr"] [class^="ace-state-badge-"] .ace-text-field .ace-label {
  float: left;
}

html[dir="rtl"] [class^="ace-state-badge-"] .ace-text-field .ace-label {
  float: right;
}

.ace-state-badge-green .ace-text-field {
  background: var(--ace-green-soft) !important;
  color: var(--ace-pure-white);
}

.ace-state-badge-red .ace-text-field {
  background: var(--ace-pink) !important;
  color: var(--ace-pure-white);
}

.ace-state-badge-gray .ace-text-field {
  background: var(--ace-gray-600);
  color: var(--ace-black-90) !important;
}

.ace-state-badge-gray .ace-text-field.ace-label {
  color: var(--ace-black-90) !important;
}

/* end text modifiers */
/* begin combo field */
.ace-combo-field {
  position: relative;
  line-height: 0;
}

.ace-combo-field:after {
  content: "\f107";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  top: 8px;
  position: absolute;
}

html[dir="ltr"] .ace-combo-field:after {
  right: 10px;
}

html[dir="rtl"] .ace-combo-field:after {
  left: 10px;
}

.ace-label-align-top .ace-combo-field {
  padding-bottom: 20px;
}

.ace-grid-cell .ace-label-align-top .ace-combo-field {
  padding-bottom: 0px; /*SM-not sure*/
}

/*.ace-combo-field .ace-efld ~ label {
  display: inline-block;
  top: - $position-18;
  position: absolute;
}*/ /*SM-not sure*/
html[dir="ltr"] .ace-combo-field .ace-efld ~ label {
  left: 0px;
}

html[dir="rtl"] .ace-combo-field .ace-efld ~ label {
  right: 0px;
}

.ace-combo-field .ace-efld:focus ~ label {
  display: inline-block;
  top: -18px;
  position: absolute;
  color: var(--ace-lime) !important;
}

.ace-label-align-left .ace-combo-field > label,
.ace-label-align-left .ace-combo-field .ace-efld:focus ~ label {
  display: inline;
  top: initial;
  position: initial;
}

.ace-label-align-left .ace-combo-field .ace-label {
  padding-top: 8px;
}

.ace-combo-field select option {
  background-color: var(--ace-gray-100);
  color: var(--ace-black-80);
}

.ace-combo-field select option:hover {
  color: var(--ace-lime);
}

.ace-combo-field select option:checked {
  color: var(--ace-lime);
  font-weight: bold;
}

[class*="ace-"] select {
  transition: all ease 0.1s;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: var(--ace-transparent);
  cursor: pointer;
  color: var(--ace-black-80);
  position: relative;
  height: 34px;
  padding: 8px 10px;
  -moz-appearance: none;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] [class*="ace-"] select {
  text-align: left;
}

html[dir="rtl"] [class*="ace-"] select {
  text-align: right;
}

[class*="ace-"] select:focus {
  background-color: var(--ace-pure-white);
  border-bottom: 1px solid var(--ace-lime);
}

[class*="ace-"] select:hover {
  background-color: var(--ace-pure-white);
  border-bottom: 1px solid var(--ace-lime);
}

[class*="ace-"] select:disabled {
  color: var(--ace-black-80);
  background-color: var(--ace-gray-200);
  border-bottom: 1px solid var(--ace-black-25);
}

html[dir="ltr"] .ace-popup-combo-target.ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] .ace-popup-combo-target.ace-field-container {
  padding-left: 0px;
}

html[dir="ltr"] .ace-popup-autocomplete-target.ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] .ace-popup-autocomplete-target.ace-field-container {
  padding-left: 0px;
}

.ace-form-popup
  .ace-standard-form-popup-combo
  .ace-popup-combo-target
  .ace-combo-field
  select {
  height: auto;
  margin-top: 20px;
}

.ace-form-popup
  .ace-standard-form-popup-combo
  .ace-popup-combo-target
  .ace-combo-field
  label,
.ace-form-popup
  .ace-standard-form-popup-autocomplete
  .ace-popup-autocomplete-target
  .ace-autocomplete-field
  label {
  font-size: 20px !important;
  height: auto !important;
  font-weight: 600;
}

.ace-form-popup
  .ace-standard-form-popup-combo
  .ace-popup-combo-target
  .ace-combo-field
  select
  option {
  padding: 10px;
  margin: 5px;
  border-radius: 10px;
  background-color: var(--ace-transparent);
}

.ace-form-popup
  .ace-standard-form-popup-combo
  .ace-popup-combo-target
  .ace-combo-field {
  padding: 0px;
}

.ace-form-popup
  .ace-standard-form-popup-autocomplete
  .ace-popup-autocomplete-target
  .ace-autocomplete-field {
  padding-bottom: 0px;
}

.ace-form-popup
  .ace-standard-form-popup-combo
  .ace-popup-combo-target
  .ace-combo-field:after {
  display: none;
}

.ace-form-popup
  .ace-standard-form-popup-autocomplete
  .ace-popup-autocomplete-target
  .ace-autocomplete-field
  > input {
  padding-top: 20px;
}

.ace-form-popup.ace-standard-form-popup .ace-form-container {
  background-color: var(--ace-transparent);
  box-shadow: none;
  border-radius: 10px;
  margin: initial;
}

.ace-form-popup.ace-standard-form-popup .ace-form-container .ace-form-inner {
  background-color: var(--ace-transparent);
  box-shadow: none;
  border-radius: 10px;
}

.ace-standard-form.ace-standard-form-popup.ace-form-show {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* begin multicheck field */
.ace-delete-icon {
  background-color: var(--ace-gray-900);
  color: var(--ace-pure-white);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  line-height: 1.1;
  font-size: 10px;
  display: inline-block;
  border: 0px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.ace-delete-icon::after {
  content: "X";
  font-size: 11px;
}

html[dir="ltr"] .ace-delete-icon::after {
  padding-right: 1px;
}

html[dir="rtl"] .ace-delete-icon::after {
  padding-left: 1px;
}

.ace-delete-icon:hover {
  background-color: var(--ace-red-dark);
}

html[dir="ltr"]
  .ace-multicheck-field
  .ace-multicheck-data-selection.ace-multicheck-field
  .ace-multicheck-data-selection-container
  .ace-delete-icon {
  float: left;
}

html[dir="rtl"]
  .ace-multicheck-field
  .ace-multicheck-data-selection.ace-multicheck-field
  .ace-multicheck-data-selection-container
  .ace-delete-icon {
  float: right;
}

html[dir="ltr"] .ace-multicheck-field .ace-delete-icon {
  margin-right: 10px;
}

html[dir="rtl"] .ace-multicheck-field .ace-delete-icon {
  margin-left: 10px;
}

.ace-mc-options input[type="checkbox"] {
  width: initial;
}

.ace-multicheck-data-selection-container {
  width: 100%;
}

.ace-multicheck-field .ace-box-2 {
  height: 100%;
}

.ace-modal-background {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--ace-black-40);
}

html[dir="ltr"] .ace-modal-background {
  left: 0px;
}

html[dir="rtl"] .ace-modal-background {
  right: 0px;
}

.ace-modal-content {
  background-color: var(--ace-gray-100);
  padding: 10px;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid var(--ace-transparent);
}

.ace-split-top-line {
  border-top: 1px "dotted" var(--ace-gray-700);
}

.ace-action-icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  border-radius: 50%;
  font-weight: bolder;
  color: var(--ace-gray-900);
  cursor: pointer;
  line-height: 1.1;
  display: inline-block;
  border: 0px;
  text-align: center;
  vertical-align: middle;
}

html[dir="ltr"] .ace-action-icon {
  float: right;
}

html[dir="rtl"] .ace-action-icon {
  float: left;
}

.ae-action-icon::after {
  position: relative;
  top: 10px;
}

.ace-down-arrow::after {
  content: "∨";
}

.ace-icon-close::after {
  content: "×";
}

.ace-action-icon:hover {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
}

[class*="ace-box-"] {
  font-family: Roboto, Sans-Serif;
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  padding: 0px;
}

html[dir="ltr"] .ace-box-1 {
  padding-left: 10px;
}

html[dir="rtl"] .ace-box-1 {
  padding-right: 10px;
}

.ace-box-2 {
  padding: 10px;
  background: var(--ace-pure-white);
  white-space: nowrap;
  border-radius: 10px;
  border: 1px solid var(--ace-black-10);
}

.ace-box-2-title {
  color: var(--ace-black-80);
  font-stretch: normal;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
}

.ace-box-2-detail {
  color: var(--ace-lime);
  font-size: 12px;
  line-height: 13px;
}

.ace-submit-btn {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
  font-size: 12px;
  font-weight: 600;
  height: 27px;
  line-height: 27px;
  min-width: 54px;
  cursor: pointer;
  border: 1px solid var(--ace-black-10);
}

.ace-submit-btn:hover,
.ace-submit-btn:active {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
  opacity: 1;
  border: 1px solid var(--ace-transparent);
}

.ace-mc-toggle {
  padding-bottom: 3px;
  border-bottom: 1px solid gray;
}

.ace-mc-toggle input[type="checkbox"] {
  margin-right: 5px;
}

.ace-mc-options label {
  padding-left: 5px;
}

/* end multicheck field */
/* begin daterangepicker field */
.ace-date-picker-wrapper-modal {
  position: fixed;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--ace-black-40);
}

.date-picker-wrapper {
  background-color: var(--ace-gray-100);
  border-radius: 10px;
  font-family: Roboto, Sans-Serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--ace-transparent);
}

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  font-size: 10px;
}

.date-picker-wrapper .month-wrapper table .day {
  font-size: 10px;
  padding: 3px 0px;
}

.date-picker-wrapper .drp_top-bar {
  padding: 10px 0px;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background-color: var(--ace-lime) !important;
  color: var(--ace-pure-white) !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: var(--ace-green-pale);
}

/* end daterangepicker field */
/* begin autocomplete field */
.ace-autocomplete-field {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 20px;
  line-height: 0;
}

html[dir="ltr"] .ace-autocomplete-field {
  float: left;
}

html[dir="rtl"] .ace-autocomplete-field {
  float: right;
}

html[dir="ltr"] .ace-autocomplete-field:after {
  right: 10px;
}

html[dir="rtl"] .ace-autocomplete-field:after {
  left: 10px;
}

.ace-autocomplete-field input {
  width: 100%;
  display: flex;
}

html[dir="ltr"] .ace-autocomplete-field input {
  float: left;
}

html[dir="rtl"] .ace-autocomplete-field input {
  float: right;
}

.ace-autocomplete-details-field .ace-efld.ace-hide ~ .ace-label {
  top: -20px !important;
}

.ace-autocomplete-details-inner-field {
  padding: 10px;
}

.ace-autocomplete-field .ace-autocomplete-extra-link {
  margin-top: -10px;
}

html[dir="ltr"] .ace-autocomplete-field .ace-autocomplete-extra-link {
  float: left;
}

html[dir="rtl"] .ace-autocomplete-field .ace-autocomplete-extra-link {
  float: right;
}

.ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
  opacity: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0px;
  line-height: 1;
  border: none;
  background-color: var(--ace-gray-400);
  color: var(--ace-pure-white);
  font-size: 13px;
  border-radius: 50%;
  margin-top: 7px;
  position: relative;
  display: inline-block;
  z-index: 1;
  backface-visibility: hidden;
  align-items: center;
  justify-content: center;
}

.ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
  background-color: var(--ace-gray-500);
}

.ace-autocomplete-field .ace-autocomplete-clear-button:hover {
  opacity: 1;
}

html[dir="ltr"] .ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
  float: right;
}

html[dir="rtl"] .ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
  float: left;
}

html[dir="ltr"] .ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
  margin-left: -25px;
}

html[dir="rtl"] .ace-autocomplete-field input ~ .ace-autocomplete-clear-button {
  margin-right: -25px;
}

.ace-autocomplete-field input:hover ~ .ace-autocomplete-clear-button,
.ace-autocomplete-field input:focus ~ .ace-autocomplete-clear-button {
  opacity: 1;
  pointer-events: all !important;
}

.ace-autocomplete-field .ace-autocomplete-clear-button:hover {
  opacity: 1;
}

.ace-autocomplete-field .ace-grid-top-toolbar {
  display: none;
}

.ace-autocomplete-field .ace-chips-field span {
  line-height: initial;
}

.ace-autocomplete-field .ace-grid-auto-complete.ace-field-container {
  position: absolute;
  z-index: 5;
  background-color: var(--ace-gray-100);
  color: var(--ace-black-80);
  top: 32px;
  box-shadow: 0px 4px 16px var(--ace-black-25);
}

html[dir="ltr"]
  .ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"]
  .ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  padding-left: 0px;
}

html[dir="ltr"]
  .ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  left: 0px;
}

html[dir="rtl"]
  .ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  right: 0px;
}

.ace-text-center
  .ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  left: 0px !important;
  right: 0px !important;
}

.ace-autocomplete-field .ace-grid-pagination input {
  margin: 0px 5px 0px 5px;
  padding: 0px !important;
}

.ace-autocomplete-field .ace-grid .ace-grid-cell {
  padding-top: 20px;
}

.ace-label-align-left .ace-autocomplete-field input.ace-efld ~ label {
  padding-top: 16px;
}

/* end autocomplete field */
/* begin checkbox */
.ace-checkbox-field .ace-label {
  cursor: pointer;
}

.ace-checkbox-field input[type="checkbox"] {
  display: none !important;
}

.ace-checkbox-field input[type="checkbox"] + span:before {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  color: var(--ace-gray-500);
  line-height: 0;
  font-size: 21px;
  text-align: center;
  content: "\f055";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

html[dir="ltr"] .ace-checkbox-field input[type="checkbox"] + span:before {
  margin: -3px 5px 0px 0px;
}

html[dir="rtl"] .ace-checkbox-field input[type="checkbox"] + span:before {
  margin: -3px 0px 0px 5px;
}

.ace-checkbox-field input[type="checkbox"] + span:after {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  color: var(--ace-gray-500);
  line-height: 0;
  font-size: 21px;
  text-align: center;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

html[dir="rtl"] .ace-checkbox-field input[type="checkbox"] + span:after {
  margin: -3px 0px 0px 5px;
}

.ace-checkbox-field input[type="checkbox"]:checked + span:before {
  content: "\f058";
  color: var(--ace-lime);
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-checkbox-field input[type="checkbox"]:checked + span {
  background-color: var(--ace-blue-glow) !important;
}

.ace-checkbox-field input[type="checkbox"] + span {
  display: inline-block;
  border-radius: 10px;
  color: var(--ace-black-80);
  line-height: 1.5;
  cursor: pointer;
}

html[dir="ltr"] .ace-checkbox-field input[type="checkbox"] + span {
  padding-right: 21px;
}

html[dir="rtl"] .ace-checkbox-field input[type="checkbox"] + span {
  padding-left: 15px;
}

.ace-checkbox-field-checked:before {
  content: "\f058";
  color: var(--ace-lime);
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  padding: 4px;
}

.ace-checkbox-field-unchecked:before {
  content: "\f055";
  color: var(--ace-gray-500);
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  padding: 4px;
}

.ace-checkbox-field {
  padding-top: 5px;
  font-size: 14px;
}

.ace-checkbox-field .ace-label {
  padding: 0px 0px 10px;
  pointer-events: all !important;
}

/* end checkbox */
/* begin checkbox modifiers */
.ace-checkbox-title {
  font-size: 18px;
}

.ace-checkbox-title span:before {
  font-size: 22px !important;
}

.ace-state-check .ace-checkbox-field .ace-label,
.ace-state-check .ace-checkbox-field .ace-label span {
  cursor: default !important;
}

.ace-state-check .ace-checkbox-field input[type="checkbox"] + span {
  background: var(--ace-transparent);
}

.ace-state-check .ace-checkbox-field input[type="checkbox"] + span:before,
.ace-state-check .ace-checkbox-field input[type="checkbox"] + span:after {
  content: "\f00d";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  display: inline;
  color: var(--ace-pink);
  cursor: default;
  vertical-align: sub;
}

html[dir="rtl"]
  .ace-state-check
  .ace-checkbox-field
  input[type="checkbox"]
  + span:before {
  display: none !important;
}

html[dir="ltr"]
  .ace-state-check
  .ace-checkbox-field
  input[type="checkbox"]
  + span:after {
  display: none !important;
}

.ace-state-check .ace-checkbox-field input[type="checkbox"]:checked + span {
  background: var(--ace-transparent);
}

.ace-state-check
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before,
.ace-state-check
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:after {
  content: "\f00c";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  color: var(--ace-green-soft);
  background: var(--ace-transparent);
}

html[dir="rtl"]
  .ace-state-check
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  display: none !important;
}

html[dir="ltr"]
  .ace-state-check
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:after {
  display: none !important;
}

.ace-attention
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-red-dark);
}

.ace-checkbox-field input[type="checkbox"][disabled] + span {
  background-color: var(--ace-gray-200) !important;
}

.ace-checkbox-field input[type="checkbox"][disabled] + span:before,
.ace-checkbox-field input[type="checkbox"][disabled] + span:after {
  background-color: var(--ace-gray-200) !important;
  color: var(--ace-gray-500) !important;
}

/* end checkbox modifiers */
/* begin switch field */
.ace-switch-field input[type="checkbox"] {
  display: none;
}

html[dir="ltr"] .ace-switch-field span.ace-label {
  float: left;
}

html[dir="rtl"] .ace-switch-field span.ace-label {
  float: right;
}

html[dir="ltr"] .ace-switch-field span.ace-label {
  margin: 5px 5px 0px 0px;
}

html[dir="rtl"] .ace-switch-field span.ace-label {
  margin: 5px 0px 0px 5px;
}

.ace-switch-field .ace-label {
  pointer-events: all !important;
  font-size: 14px;
}

.ace-switch-field input[type="checkbox"] + span {
  height: 25px;
  width: 45px;
  position: relative;
  background: var(--ace-gray-200);
  display: inline-block;
  content: "";
  cursor: pointer;
  border-radius: 24px;
  transition: ease-in-out 0.1s;
  margin: 0px !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  border: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-switch-field input[type="checkbox"] + span {
  float: right;
}

html[dir="rtl"] .ace-switch-field input[type="checkbox"] + span {
  float: left;
}

.ace-switch-field input[type="checkbox"] + span:before {
  display: inline-block;
  vertical-align: middle;
  transition: ease-in-out 0.1s;
  top: -2px;
  margin: -1px 1px;
  cursor: pointer;
  border-radius: 50%;
  color: var(--ace-pure-white);
  font-size: 22px;
  text-align: center;
  line-height: 1.3;
  content: "\f111";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  position: absolute;
  text-shadow: 0px 1px 2px var(--ace-black-25);
}

html[dir="ltr"] .ace-switch-field input[type="checkbox"] + span:before {
  left: 1px;
}

html[dir="rtl"] .ace-switch-field input[type="checkbox"] + span:before {
  right: 1px;
}

.ace-switch-field input[type="checkbox"]:checked + span:before {
  animation: 0.2s radio;
}

html[dir="ltr"] .ace-switch-field input[type="checkbox"]:checked + span:before {
  margin-left: 18px;
}

html[dir="rtl"] .ace-switch-field input[type="checkbox"]:checked + span:before {
  margin-right: 18px;
}

.ace-switch-field input[type="checkbox"]:checked + span,
.ace-switch-field label input[type="checkbox"]:checked ~ span {
  background: var(--ace-lime);
}

.ace-switch-field input[type="checkbox"][disabled]:checked + span {
  background-color: var(--ace-gray-200);
}

.ace-switch-field input[type="checkbox"][disabled] + span:before {
  color: var(--ace-gray-200);
}

/* end switch field */
/* begin radio group */
.ace-radio-field input[type="radio"] {
  display: none !important;
}

.ace-radio-field input[type="radio"] + span:before {
  display: block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: content-box;
  height: 12px;
  top: 4px;
  font-size: 14px;
  transform-origin: 6px;
  text-align: center;
  width: 12px;
  content: " ";
  position: absolute;
}

html[dir="ltr"] .ace-radio-field input[type="radio"] + span:before {
  left: 4px;
}

html[dir="rtl"] .ace-radio-field input[type="radio"] + span:before {
  right: 4px;
}

.ace-radio-field span {
  position: relative;
}

.ace-radio-field .ace-error-msg {
  position: absolute !important;
  padding: 0px !important;
  top: 20px;
}

html[dir="ltr"] .ace-radio-field .ace-error-msg {
  right: 10px;
}

html[dir="rtl"] .ace-radio-field .ace-error-msg {
  left: 10px;
}

.ace-auto-gen[type="radiogroup"] {
  padding-bottom: 20px;
}

.ace-auto-gen[type="radiogroup"].ace-error .ace-radio-field {
  border-bottom: 1px solid var(--ace-red-soft);
}

.ace-auto-gen[type="radiogroup"].ace-flex .ace-radio-field {
  display: flex;
}

.ace-radio-field input[type="radio"]:checked + span:after {
  color: var(--ace-lime);
}

.ace-radio-field input[type="radio"] + span:after {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: var(--ace-black-80);
  position: absolute;
  box-sizing: content-box;
  top: 0px;
  border-radius: 50%;
  height: 16px;
  line-height: 18px;
  transition: ease 0.2s;
  transform-origin: 8px;
  width: 16px;
  content: " ";
  border: 2px solid var(--ace-black-80);
}

html[dir="ltr"] .ace-radio-field input[type="radio"] + span:after {
  left: 0px;
}

html[dir="rtl"] .ace-radio-field input[type="radio"] + span:after {
  right: 0px;
}

.ace-radio-field input[type="radio"]:checked + span:before {
  color: var(--ace-lime);
  animation: 0.2s radio;
  background-color: var(--ace-lime);
}

.ace-radio-field input[type="radio"] + span {
  display: inline-block;
  height: 25px;
  border-radius: 10px;
  color: var(--ace-black-80);
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

html[dir="ltr"] .ace-radio-field input[type="radio"] + span {
  padding-left: 25px;
}

html[dir="rtl"] .ace-radio-field input[type="radio"] + span {
  padding-right: 25px;
}

.ace-radio-field input[type="radio"][disabled="disabled"] + span,
.ace-radio-field input[type="radio"][disabled="disabled"] + span:before,
.ace-radio-field input[type="radio"][disabled="disabled"] + span:after {
  color: var(--ace-gray-500);
}

.ace-radio-field {
  position: relative;
  padding-top: 5px;
  white-space: normal;
  font-size: 14px;
}

.ace-radio-field > label {
  pointer-events: all !important;
  clear: both;
  padding: 0px;
  width: 100%;
  height: 34px;
}

.ace-auto-gen[label].ace-error .ace-radio-field .ace-label:nth-child(2) {
  color: var(--ace-red-soft);
}

.ace-label-align-top.ace-auto-gen[label]
  .ace-radio-field
  .ace-label:nth-child(2) {
  width: 100% !important;
  position: absolute;
  top: -18px;
}

.ace-radio-field .ace-rg-custom-check {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
}

html[dir="ltr"] .ace-radio-field .ace-rg-custom-check {
  padding-left: 4px;
}

html[dir="rtl"] .ace-radio-field .ace-rg-custom-check {
  padding-right: 4px;
}

.ace-radio-field .ace-rg-custom-check input {
  display: inline-block;
  width: 10px;
}

html[dir="ltr"] .ace-radio-field .ace-rg-custom-check span {
  padding-left: 10px;
}

html[dir="rtl"] .ace-radio-field .ace-rg-custom-check span {
  padding-right: 10px;
}

/* end radio group! */
/* begin radio group modifiers */
.ace-inline-radio-group > .ace-radio-field > .ace-label {
  width: auto;
}

.ace-fixed-radio-label .ace-radio-field > label > span {
  width: 190px;
}

/* end radio group modifiers */
/* begin grid */
.ace-no-row-selection .ace-grid-cell,
.ace-no-row-selection .ace-grid-row {
  background: var(--ace-transparent) !important;
}

.ace-no-row-selection .ace-grid-cell:hover,
.ace-no-row-selection .ace-grid-row:hover {
  background: var(--ace-transparent) !important;
}

.ace-no-row-selection .ace-grid-cell {
  padding: 0px;
}

.ace-grid-scrollview {
  overflow-y: auto !important;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0px);
}

.ace-grid .ace-grid-cell {
  background-color: var(--ace-white-80);
  padding: 8px 10px;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  vertical-align: middle;
  position: relative;
  min-height: 34px;
  justify-content: space-around;
  font-size: 14px;
}

.ace-grid .ace-grid-row-lines .ace-grid-cell {
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-grid .ace-grid-column-lines .ace-grid-cell {
  border-right: 1px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-grid .ace-grid-column-lines .ace-grid-cell {
  border-left: 1px solid var(--ace-transparent);
}

.ace-grid .ace-grid-cell.ace-grid-cell-selected {
  background-color: var(--ace-blue-glow);
}

.ace-grid .ace-grid-cell.ace-grid-cell-selected .ace-grid-panel-row-tpl {
  color: var(--ace-blue-glow) !important;
}

.ace-grid-cell-dirty {
  transition: all ease-in-out 0.1s;
}

.ace-grid-header .ace-grid-cell,
.ace-grid-footer-totals .ace-grid-cell {
  color: var(--ace-black-90);
  font-size: 16px;
  padding-top: 8px;
  font-weight: 200;
  background: var(--ace-transparent) !important;
}

.ace-grid-footer-totals .ace-grid-cell {
  font-size: 14px;
}

.ace-grid-footer-totals-not-bold .ace-grid-footer-totals .ace-grid-cell {
  font-weight: normal;
}

html[dir="ltr"] .ace-grid-footer-totals > .ace-grid-cell {
  border-right: 1px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-grid-footer-totals > .ace-grid-cell {
  border-left: 1px solid var(--ace-transparent);
}

.ace-grid-action-cell button {
  overflow: hidden;
  margin: -2px 10px 0px 10px;
  padding: 5px;
}

html[dir="ltr"] .ace-grid-action-cell button {
  margin-left: -5px;
}

html[dir="rtl"] .ace-grid-action-cell button {
  margin-right: -5px;
}

.ace-grid-cell .ace-checkbox-field {
  padding-top: 13px !important;
}

.ace-grid-cell .ace-datepicker-field {
  position: static !important;
}

/*.ace-grid-cell .ace-grid-cell-template .ace-datepicker-field input {
  position: absolute;
  margin: inherit;
}*/ /*SM-removed*/
/*
.ace-grid-cell .ace-field-container .ace-autocomplete-field:not(.ace-ignore-cell) {
  height: $meas-full;
  width: $meas-full;
  position: absolute;
  top:  $position-1;
}*
@include positionLTR('.ace-grid-cell .ace-field-container .ace-autocomplete-field:not(.ace-ignore-cell)',left,$position-0);

.ace-grid-cell .ace-grid-cell .ace-field-container .ace-autocomplete-field:not(.ace-ignore-cell) input {
  height: $meas-full;
  width: $meas-full;
}
*/ /*SM-removed*/
.ace-grid-cell-no-padding .ace-grid-cell {
  padding-top: 0px !important;
  padding-bottom: 5px;
}

/*
.ace-grid-cell input {
  background: $grid-secondary-bg-color;
  padding: $ace-common-top-bottom-padding $ace-common-left-right-padding;
  transition: ease-in-out 0.1s;
  overflow: hidden;
  box-sizing: border-box;
  margin: (-$meas-marg-13) (-$meas-marg-10);
  position: absolute;
  width: auto;
  top:  $position-29p;
  width: $meas-full;
}
@include positionLTR('.ace-grid-cell input',left,$position-5);
*/ /*SM-not sure*/
.ace-grid-cell .ace-label-align-left input {
  position: initial;
}

/*
.ace-grid-cell .ui-datepicker-trigger {
  display: none;
  position: absolute;
  top:  $position-6;
}
@include positionLTR('.ace-grid-cell .ui-datepicker-trigger',left,$position-0);
 */ /*SM-remove*/
.ace-grid-cell input:focus {
  background: var(--ace-pure-white);
  box-sizing: border-box;
}

.ace-grid-cell .ace-checkbox-field input[type="checkbox"] + span {
  width: 0;
  background: var(--ace-transparent);
}

/* html[dir="ltr"]
  .ace-grid-cell
  .ace-checkbox-field
  input[type="checkbox"]
  + span {
  margin-left: 5px;
}

html[dir="rtl"]
  .ace-grid-cell
  .ace-checkbox-field
  input[type="checkbox"]
  + span {
  margin-right: 5px;
} */

.ace-grid-cell .ace-switch-field {
  margin: -18px -9px;
}

.ace-grid-cell .ace-entry-card .ace-switch-field {
  margin: 0px;
}

/*
.ace-grid-cell select {
  width: $meas-full;
  position: absolute;
  top: -$position-7;
}
@include positionLTR('.ace-grid-cell select',left,$position-0);
*/ /*SM-removed -> causes alignament trouble in grid panels*/
.ace-grid-cell-normal-position .ace-grid-cell select {
  position: initial !important;
}

.ace-grid-row:hover {
  filter: brightness(100%) grayscale(0%);
}

html[dir="ltr"] .ace-grid-cell {
  float: left;
}

html[dir="rtl"] .ace-grid-cell {
  float: right;
}

.ace-grid {
  clear: both;
  display: inline-block;
}

.ace-grid div {
  color: var(--ace-black-80);
}

.ace-grid-raw {
  clear: both;
}

.ace-grid .ace-grid-header {
  clear: both;
  width: 100%;
  display: flex;
  background-color: var(--ace-transparent);
  border-bottom: 2px solid var(--ace-lime);
}

.ace-grid-footer-totals {
  clear: both;
  width: 100%;
  display: flex;
  border-top: 2px solid var(--ace-lime);
  border-bottom: 2px solid var(--ace-lime);
}

html[dir="ltr"] .ace-grid-header {
  float: left;
}

html[dir="rtl"] .ace-grid-header {
  float: right;
}

html[dir="ltr"] .ace-grid-footer-totals {
  float: left;
}

html[dir="rtl"] .ace-grid-footer-totals {
  float: right;
}

.ace-grid-header .ace-grid-cell,
.ace-grid-footer-totals .ace-grid-cell {
  font-weight: bold;
  white-space: initial;
}

.ace-grid .ace-grid-footer {
  clear: both;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-color: var(--ace-transparent);
}

.ace-grid-footer-with-totals {
  flex-direction: column;
  align-items: center;
  align-content: stretch;
}

.ace-grid .ace-grid-pagination {
  padding: 5px 10px;
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--ace-black-80);
  background-color: var(--ace-transparent);
  align-content: flex-start;
  justify-content: center;
}

.ace-grid .ace-grid-pagination input {
  width: 50px;
  height: 25px;
  position: static;
  color: var(--ace-black-80);
}

.ace-grid .ace-grid-pagination input:focus {
  border-bottom: 1px solid var(--ace-lime);
}

.ace-grid .ace-grid-pagination button {
  padding: 4px 4px 4px 4px;
  width: 25px;
  height: 25px;
}

.ace-grid-pagination div {
  margin: 0px 5px;
  width: auto;
  display: flex;
  height: 34px;
  display: flex;
  align-items: center;
}

.ace-grid-cell-dirty:before {
  display: inline-block;
  width: 1px;
  content: " ";
  position: absolute;
  top: 0px;
  border-top: 8px solid var(--ace-red-soft);
}

html[dir="ltr"] .ace-grid-cell-dirty:before {
  border-right: 8px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-grid-cell-dirty:before {
  border-left: 8px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-grid-cell-dirty:before {
  left: 0px;
}

html[dir="rtl"] .ace-grid-cell-dirty:before {
  right: 0px;
}

.ace-grid .ace-grid-action-button,
.ace-grid .ace-grid-top-toolbar button,
.ace-grid .ace-grid-inline-ctrls button,
.ace-grid .ace-grid-pagination button {
  color: var(--ace-black-80);
  background-color: var(--ace-gray-100);
  min-height: auto;
}

.ace-grid .ace-grid-action-button:disabled,
.ace-grid .ace-grid-top-toolbar button:disabled,
.ace-grid .ace-grid-inline-ctrls button:disabled,
.ace-grid .ace-grid-pagination button:disabled {
  color: var(--ace-gray-500) !important;
  background-color: var(--ace-gray-200) !important;
}

.ace-grid-action-button:before {
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

html[dir="ltr"] .ace-grid-action-button:before {
  padding-right: 5px;
}

html[dir="rtl"] .ace-grid-action-button:before {
  padding-left: 5px;
}

.ace-grid .ace-grid-pagination span {
  margin: 0px 5px;
  font-size: 16px;
}

html[dir="ltr"] .ace-grid-action-button {
  float: left;
}

html[dir="rtl"] .ace-grid-action-button {
  float: right;
}

html[dir="ltr"] .ace-grid-pagination div {
  float: left;
}

html[dir="rtl"] .ace-grid-pagination div {
  float: right;
}

html[dir="ltr"] .ace-grid-pagination button {
  float: left;
}

html[dir="rtl"] .ace-grid-pagination button {
  float: right;
}

.ace-grid .ace-grid-body {
  clear: both;
  height: calc(100% - 131px);
  flex-direction: column;
  width: 100%;
  background-color: var(--ace-transparent);
}

html[dir="ltr"] .ace-grid-body {
  float: left;
}

html[dir="rtl"] .ace-grid-body {
  float: right;
}

.ace-grid .ace-presentation-container {
  height: calc(100% - 131px);
}

.ace-grid .ace-presentation-container > .ace-grid-body {
  height: 100%;
}

.ace-grid .ace-presentation-container > .ace-presentation-info .ace-form-inner {
  height: calc(100% - 89px);
  overflow-y: auto;
}

.ace-grid .ace-checkbox-field input[type="checkbox"] + span,
.ace-grid .ace-checkbox-field input[type="checkbox"] + span:before {
  color: var(--ace-black-80);
}

.ace-grid .ace-checkbox-field input[type="checkbox"]:checked + span:before {
  color: var(--ace-lime);
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-grid-body {
    height: calc(100% - 80px);
    -webkit-overflow-scrolling: touch;
  }
  html[dir="ltr"] [agrid="true"].ace-field-container {
    padding-right: 0px;
  }
  html[dir="rtl"] [agrid="true"].ace-field-container {
    padding-left: 0px;
  }
}
.ace-grid-body .ace-grid-cell {
  cursor: pointer;
  display: table-header-group;
}

.ace-grid-body .ace-grid-cell.ace-center-columns,
.ace-grid-body .ace-grid-cell.ace-center-right-columns {
  display: flex;
}

.ace-no-text-wrap .ace-grid-body .ace-grid-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.ace-grid-row {
  width: 100%;
  display: flex;
}

.ace-grid-top-toolbar {
  margin: 15px;
  display: flex;
}

.ace-grid .ace-grid-inline-ctrls {
  display: none;
  position: absolute;
  z-index: 3;
  padding: 5px;
  background: var(--ace-pure-white);
  box-shadow: 0px 17px 17px var(--ace-black-25);
}

html[dir="ltr"] .ace-grid-inline-ctrls > button {
  float: left;
}

html[dir="rtl"] .ace-grid-inline-ctrls > button {
  float: right;
}

.ace-grid-inline-row {
  box-shadow: 0px 0px 57px var(--ace-black-25);
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: var(--ace-gray-100) !important;
  z-index: 3;
  position: relative;
}

.ace-grid .ace-grid-inline-row input:focus {
  color: var(--ace-black-80);
  border-bottom: 1px solid var(--ace-lime);
}

html[dir="ltr"] .ace-grid-cell-template.ace-field-container,
html[dir="rtl"] .ace-grid-cell-template.ace-field-container {
  padding: 0px;
}

/* end grid */
/* begin nested grid header classes */
.ace-nested-grid-header {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 0px;
}

.ace-nested-grid-header .ace-grid-body {
  height: auto;
}

.ace-nested-grid-header > .ace-grid-cell {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  box-sizing: border-box;
}

.ace-nested-grid-header .ace-grid-body {
  height: auto;
}

.ace-nested-grid-header > .ace-grid-cell {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 12px 0px 0px 0px;
  height: 70px;
}

html[dir="ltr"] .ace-nested-grid-header > .ace-grid-cell {
  border-right: 1px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-nested-grid-header > .ace-grid-cell {
  border-left: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-nested-grid-header > .ace-grid-cell {
  margin-left: 0px;
}

html[dir="rtl"] .ace-nested-grid-header > .ace-grid-cell {
  margin-right: 0px;
}

.ace-nested-grid-header ~ .ace-grid-body .ace-grid-row,
.ace-nested-grid-header > .ace-grid-body .ace-grid-row {
  display: flex;
  flex-wrap: wrap;
}

.ace-nested-grid-header .ace-grid-groupped-header-title-50[groupname]::before {
  content: attr(groupname);
  margin-top: -40px;
  position: absolute;
  text-align: center;
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  background-color: var(--ace-transparent);
}

html[dir="ltr"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title-50[groupname]::before {
  left: 50%;
}

html[dir="rtl"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title-50[groupname]::before {
  right: 50%;
}

.ace-nested-grid-header .ace-grid-groupped-header-title[groupname]::before {
  content: attr(groupname);
  margin-top: -25px;
  position: absolute;
  text-align: center;
  width: 100%;
}

html[dir="ltr"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title[groupname]::before {
  left: 50%;
}

html[dir="rtl"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title[groupname]::before {
  right: 50%;
}

.ace-nested-grid-header .ace-grid-groupped-header-col {
  padding-top: 4px;
  border-top: 1px solid var(--ace-transparent);
}

.ace-grid-groupped-header-col.ace-grid-grouped-header-col-last:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70px;
  top: -71px;
  background: var(--ace-transparent);
}

html[dir="ltr"]
  .ace-grid-groupped-header-col.ace-grid-grouped-header-col-last:after {
  right: -1px;
}

html[dir="rtl"]
  .ace-grid-groupped-header-col.ace-grid-grouped-header-col-last:after {
  left: -1px;
}

.ace-nested-grid-header .ace-col-4 {
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.ace-nested-grid-header .ace-col-5 {
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.ace-nested-grid-header .ace-col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.ace-nested-grid-header .ace-col-7 {
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.ace-nested-grid-header .ace-col-8 {
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.ace-nested-grid-header .ace-col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.ace-nested-grid-header .ace-col-10 {
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.ace-nested-grid-header .ace-col-11 {
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.ace-nested-grid-header .ace-col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.ace-nested-grid-header .ace-grid-groupped-header-title-50[groupname]::before {
  content: attr(groupname);
  margin-top: -34px;
  position: absolute;
  text-align: center;
  width: 100%;
}

html[dir="ltr"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title-50[groupname]::before {
  left: 50%;
}

html[dir="rtl"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title-50[groupname]::before {
  right: 50%;
}

.ace-nested-grid-header .ace-grid-groupped-header-title[groupname]::before {
  content: attr(groupname);
  margin-top: -25px;
  position: absolute;
  text-align: center;
  width: 100%;
}

html[dir="ltr"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title[groupname]::before {
  left: 50%;
}

html[dir="rtl"]
  .ace-nested-grid-header
  .ace-grid-groupped-header-title[groupname]::before {
  right: 50%;
}

.ace-nested-grid-header .ace-grid-groupped-header-col {
  align-self: flex-end;
  height: 30px;
  min-height: 30px;
  border-top: 1px solid var(--ace-transparent);
}

/* end nested grid header classes */
/* begin grid modifiers */
.ace-grid-hide-header .ace-grid-header,
.ace-grid-hide-header .ace-grid-footer-totals {
  display: none;
}

.ace-grid-hide-header .ace-grid .ace-grid-body {
  height: calc(100% - 44px);
}

.ace-grid-hide-toolbar .ace-grid-top-toolbar {
  display: none !important;
}

.ace-compact-grid .ace-grid-row .ace-grid-cell {
  min-height: 34px !important;
  height: 34px !important;
  padding: 2px 0px 0px 2px !important;
}

.ace-grid-only-row .ace-grid-footer,
.ace-grid-only-row .ace-grid-top-toolbar,
.ace-grid-only-row br {
  display: none;
}

.ace-minimal-grid .ace-clear,
.ace-minimal-grid .ace-grid-top-toolbar,
.ace-minimal-grid .ace-grid-header,
.ace-minimal-grid .ace-grid-footer-totals {
  display: none;
}

.ace-thin-rows-grid .ace-grid-header .ace-grid-cell {
  font-size: 14px;
}

.ace-thin-rows-grid .ace-grid-body {
  height: calc(100% - 25px);
}

.ace-thin-rows-grid.ace-thin-rows-grid-with-header .ace-grid-body {
  height: calc(100% - 73px);
}

.ace-thin-rows-grid
  .ace-nested-grid-header
  .ace-grid-groupped-header-title-50[groupname]::before {
  font-size: 14px;
}

html[dir="ltr"] .ace-thin-rows-grid {
  padding-left: 1px;
}

html[dir="rtl"] .ace-thin-rows-grid {
  padding-right: 1px;
}

.ace-thin-rows-grid .ace-grid-cell {
  padding: 0px 5px;
  min-height: 25px;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}

html[dir="ltr"] .ace-thin-rows-grid .ace-grid-cell {
  text-align: left;
}

html[dir="rtl"] .ace-thin-rows-grid .ace-grid-cell {
  text-align: right;
}

.ace-thin-rows-grid .ace-autocomplete-field .ace-grid-cell {
  padding-top: 0px;
}

.ace-thin-rows-grid .ace-grid-cell.ace-grid-cell-justify-center {
  justify-content: center;
}

.ace-thin-rows-grid .ace-grid-cell.ace-grid-cell-justify-end,
.ace-thin-rows-grid .ace-grid-cell.ace-ta-rght {
  justify-content: flex-end;
}

html[dir="ltr"] .ace-thin-rows-grid .ace-field-container {
  padding-right: 0px !important;
}

html[dir="rtl"] .ace-thin-rows-grid .ace-field-container {
  padding-left: 0px !important;
}

.ace-thin-rows-grid:not(.ace-thin-rows-grid-with-header) .ace-grid-header,
.ace-thin-rows-grid:not(.ace-thin-rows-grid-with-header)
  .ace-grid-footer-totals {
  height: 0px;
  overflow: hidden;
}

.ace-thin-rows-grid .ace-grid-row {
  display: flex;
}

.ace-thin-rows-grid.ace-no-text-wrap .ace-grid-body .ace-grid-cell {
  height: 25px;
}

.ace-thin-rows-grid .ace-grid-action-cell,
.ace-thin-rows-grid .ace-grid-action-cell button {
  padding: 0px;
}

html[dir="ltr"] .ace-thin-rows-grid .ace-grid-action-cell {
  padding-left: 5px !important;
}

html[dir="rtl"] .ace-thin-rows-grid .ace-grid-action-cell {
  padding-right: 5px !important;
}

html[dir="ltr"] .ace-thin-rows-grid .ace-grid-action-cell button {
  padding-left: 5px !important;
}

html[dir="rtl"] .ace-thin-rows-grid .ace-grid-action-cell button {
  padding-right: 5px !important;
}

.ace-thin-row {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ace-grid-height-minus-50 .ace-grid,
.ace-grid-body-height-minus-50 .ace-grid-body {
  height: calc(100% - 50px);
}

.ace-grid-height-minus-60 .ace-grid,
.ace-grid-body-height-minus-60 .ace-grid-body {
  height: calc(100% - 60px);
}

.ace-grid-height-minus-80 .ace-grid,
.ace-grid-body-height-minus-80 .ace-grid-body {
  height: calc(100% - 80px);
}

.ace-grid-height-minus-100 .ace-grid,
.ace-grid-body-height-minus-100 .ace-grid-body {
  height: calc(100% - 100px);
}

.ace-grid-height-minus-110 .ace-grid,
.ace-grid-body-height-minus-110 .ace-grid-body {
  height: calc(100% - 110px);
}

.ace-grid-height-minus-120 .ace-grid,
.ace-grid-body-height-minus-120 .ace-grid-body {
  height: calc(100% - 120px);
}

.ace-grid-height-minus-150 .ace-grid,
.ace-grid-body-height-minus-150 .ace-grid-body {
  height: calc(100% - 150px);
}

.ace-grid-height-minus-200 .ace-grid,
.ace-grid-body-height-minus-200 .ace-grid-body {
  height: calc(100% - 200px);
}

.ace-grid-height-minus-230 .ace-grid,
.ace-grid-body-height-minus-230 .ace-grid-body {
  height: calc(100% - 230px);
}

.ace-grid-height-minus-250 .ace-grid,
.ace-grid-body-height-minus-250 .ace-grid-body {
  height: calc(100% - 250px);
}

.ace-flex-grid .ace-grid-auto-complete {
  display: flex;
  flex-direction: column;
}

.ace-flex-grid .ace-grid,
.ace-flex-grid.ace-grid {
  display: flex;
  flex-direction: column;
  height: auto;
}

.ace-flex-grid .ace-grid .ace-grid-body,
.ace-flex-grid.ace-grid .ace-grid-body {
  flex: 1;
}

.ace-flex-grid .ace-grid-footer {
  min-height: 40px;
}

.ace-flex-grid-height-600 .ace-grid-auto-complete,
.ace-flex-grid-height-600 .ace-grid {
  max-height: 600px !important;
}

.ace-flex-grid-height-400 .ace-grid-auto-complete,
.ace-flex-grid-height-400 .ace-grid {
  max-height: 400px !important;
}

.ace-flex-grid-height-350 .ace-grid-auto-complete,
.ace-flex-grid-height-350 .ace-grid {
  max-height: 350px !important;
}

.ace-flex-grid-height-300 .ace-grid-auto-complete,
.ace-flex-grid-height-300 .ace-grid {
  max-height: 300px !important;
}

.ace-flex-grid-height-250 .ace-grid-auto-complete,
.ace-flex-grid-height-250 .ace-grid {
  max-height: 250px !important;
}

.ace-flex-grid-height-200 .ace-grid-auto-complete,
.ace-flex-grid-height-200 .ace-grid {
  max-height: 200px !important;
}

.ace-grid-absolute-footer .ace-grid-footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.ace-grid-cols-3 .ace-grid-row {
  width: 33.33% !important;
}

.ace-grid-cols-2 .ace-grid-row {
  width: 50% !important;
}

.ace-grid-cols-4 .ace-grid-row {
  width: 25% !important;
}

.ace-grid-cols-6 .ace-grid-row {
  width: 16.33% !important;
}

.ace-grid-cols-auto .ace-grid-row {
  width: auto !important;
}

.ace-grid-cols-1 .ace-grid-row {
  width: 100% !important;
}

[class*="ace-grid-cols-"] .ace-grid-cell {
  padding: 0px !important;
}

[class*="ace-grid-cols-"] .ace-grid-row {
  padding: 0px 0px 8px 0px;
}

html[dir="ltr"] [class*="ace-grid-cols-"] .ace-grid-row {
  float: left !important;
}

html[dir="rtl"] [class*="ace-grid-cols-"] .ace-grid-row {
  float: right !important;
}

html[dir="ltr"] [class*="ace-grid-cols-"] .ace-grid-row {
  padding-left: 10px;
}

html[dir="rtl"] [class*="ace-grid-cols-"] .ace-grid-row {
  padding-right: 10px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  [class*="ace-grid-cols-"] .ace-grid-row {
    width: 100% !important;
  }
}
@media screen and (min-width: 680px) and (max-width: 1024px) {
  .ace-grid-cols-4 .ace-grid-row {
    width: 33% !important;
  }
  .ace-grid-cols-6 .ace-grid-row {
    width: 25% !important;
  }
}
.ace-grid-cell-min-height-0 .ace-grid-cell {
  min-height: 0 !important;
}

.ace-grid-cell-normal-position .ace-grid-cell {
  padding: 0px;
}

.ace-grid-cell-normal-position .ace-grid-cell input {
  position: initial !important;
}

.ace-grid-cell-normal-position .ace-grid-cell span.ace-efld {
  line-height: 1 !important;
}

.ace-full-width .ace-grid {
  width: 100%;
}

.ace-full-height .ace-grid {
  height: 100%;
}

.ace-grid-body-fix .ace-grid-body {
  height: 100%;
}

.ace-grid-body-height-auto .ace-grid-body {
  height: auto !important;
}

.ace-grid-body-height-auto .ace-grid {
  height: auto !important;
}

.ace-compact-row-panel .ace-grid-cell .ace-display-field {
  margin-top: 0px;
  padding-bottom: 0px;
}

.ace-compact-row-panel [class*="ace-"] > h4 {
  line-height: inherit;
  font-size: inherit;
}

.ace-compact-row-panel .ace-grid-cell {
  padding-bottom: 0px;
}

.ace-compact-row-panel [class*="ace-"] > input[type="text"],
.ace-compact-row-panel [class*="ace-"] > input[type="password"],
.ace-compact-row-panel [class*="ace-"] > input[type="number"],
.ace-compact-row-panel [class*="ace-"] > .ace-grid-search,
.ace-compact-row-panel [class*="ace-"] > textarea {
  padding: 8px 0px 0px 0px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-responsive-grid .ace-grid-cell-dirty:before {
    border-top: 0px;
    position: relative;
    top: initial;
  }
  html[dir="ltr"] .ace-responsive-grid .ace-grid-cell-dirty:before {
    border-left: 3px solid var(--ace-red-soft);
  }
  html[dir="rtl"] .ace-responsive-grid .ace-grid-cell-dirty:before {
    border-right: 3px solid var(--ace-red-soft);
  }
  .ace-responsive-grid .ace-grid-header {
    display: none;
  }
  .ace-responsive-grid .ace-grid-footer-totals {
    display: none;
  }
  .ace-responsive-grid .ace-grid .ace-grid-row {
    flex-wrap: wrap;
  }
  .ace-responsive-grid .ace-grid-cell {
    display: flex;
    padding: 6px 0px;
    justify-content: start;
  }
  .ace-responsive-grid .ace-grid-row-lines .ace-grid-cell {
    border-bottom: unset;
  }
  .ace-responsive-grid .ace-grid-row-lines {
    border-bottom: 1px solid var(--ace-transparent);
  }
  .ace-responsive-grid .ace-grid-cell:before {
    content: attr(data-label);
    min-width: fit-content;
    display: inline-block;
    font-weight: bold;
  }
  html[dir="ltr"] .ace-responsive-grid .ace-grid-cell:before {
    padding-right: 8px;
  }
  html[dir="rtl"] .ace-responsive-grid .ace-grid-cell:before {
    padding-left: 8px;
  }
  html[dir="ltr"] .ace-responsive-grid .ace-grid-cell:before {
    text-align: right;
  }
  html[dir="rtl"] .ace-responsive-grid .ace-grid-cell:before {
    text-align: left;
  }
  .ace-responsive-grid .ace-grid-cell.ace-grid-action-cell:before {
    content: "";
  }
  .ace-responsive-grid .ace-grid .ace-grid-body {
    height: calc(100% - 89px);
  }
  .ace-responsive-grid .ace-grid .ace-presentation-container {
    height: calc(100% - 89px);
  }
  .ace-responsive-grid .ace-grid .ace-presentation-container .ace-grid-body {
    height: 100%;
  }
}
/* begin forced responsive */
.ace-responsive-grid .ace-grid-cell-dirty:before {
  border-top: 0px;
  position: relative;
  top: initial;
}

html[dir="ltr"] .ace-responsive-grid .ace-grid-cell-dirty:before {
  border-left: 3px solid var(--ace-red-soft);
}

html[dir="rtl"] .ace-responsive-grid .ace-grid-cell-dirty:before {
  border-right: 3px solid var(--ace-red-soft);
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid-header {
  display: none;
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid-footer-totals {
  display: none;
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid .ace-grid-row {
  flex-wrap: wrap;
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid-cell {
  display: flex;
  padding: 6px 0px;
  justify-content: start;
}

.ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid-row-lines
  .ace-grid-cell {
  border-bottom: unset;
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid-row-lines {
  border-bottom: 1px solid var(--ace-transparent);
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid-cell:before {
  content: attr(data-label);
  min-width: fit-content;
  display: inline-block;
  font-weight: bold;
}

html[dir="ltr"]
  .ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid-cell:before {
  padding-right: 8px;
}

html[dir="rtl"]
  .ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid-cell:before {
  padding-left: 8px;
}

html[dir="ltr"]
  .ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid-cell:before {
  text-align: right;
}

html[dir="rtl"]
  .ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid-cell:before {
  text-align: left;
}

.ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid-cell.ace-grid-action-cell:before {
  content: "";
}

.ace-force-responsive-grids .ace-responsive-grid .ace-grid .ace-grid-body {
  height: calc(100% - 89px);
}

.ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid
  .ace-presentation-container {
  height: calc(100% - 89px);
}

.ace-force-responsive-grids
  .ace-responsive-grid
  .ace-grid
  .ace-presentation-container
  .ace-grid-body {
  height: 100%;
}

/* end forced responsive */
.ace-grid-force-overflow-visible {
  overflow: visible !important;
}

.ace-grid-cell-inline-table .ace-grid .ace-grid-cell {
  display: inline-table;
  white-space: nowrap;
}

/* ALL HEIGHT CLASSES UNTIL NOW ARE OBSOLETE
   give the GRID the following class: ace-auto-height-grid
*/
.ace-auto-height-grid .ace-grid {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ace-auto-height-grid .ace-grid > .ace-grid-top-toolbar,
.ace-auto-height-grid .ace-grid > .ace-grid-header,
.ace-auto-height-grid .ace-grid > .ace-grid-footer {
  flex: none;
  height: auto;
}

.ace-auto-height-grid .ace-grid > .ace-grid-body {
  flex: 1;
  height: auto;
}

.ace-auto-height-grid .ace-grid > .ace-presentation-container {
  flex: 1;
  overflow-y: hidden;
}

.ace-auto-height-grid .ace-grid > .ace-presentation-container > .ace-grid-body {
  overflow: auto;
}

.ace-auto-height-grid
  .ace-grid
  > .ace-presentation-container
  > .ace-presentation-info {
  overflow: auto;
  align-self: self-start;
}

/* end grid modifiers */
/* begin expand classes */
.ace-field-force-overflow-visible {
  overflow: visible !important;
}

@keyframes ace-field-expand-50-kf {
  from {
    width: 100%;
    left: 0%;
  }
  to {
    width: 150%;
    left: -50%;
  }
}
@keyframes ace-field-expand-50-reverse-kf {
  from {
    width: 150%;
    left: -50%;
    max-width: 150% !important;
  }
  to {
    width: 100%;
    left: 0%;
    max-width: 100% !important;
  }
}
@keyframes ace-field-expand-75-kf {
  from {
    width: 100%;
    left: 0%;
  }
  to {
    width: 175%;
    left: -75%;
  }
}
@keyframes ace-field-expand-75-reverse-kf {
  from {
    width: 175%;
    left: -75%;
    max-width: 175% !important;
  }
  to {
    width: 100%;
    left: 0%;
    max-width: 100% !important;
  }
}
@keyframes ace-field-expand-100-kf {
  from {
    width: 100%;
    left: 0%;
  }
  to {
    width: 200%;
    left: -100%;
  }
}
@keyframes ace-field-expand-100-reverse-kf {
  from {
    width: 200%;
    left: -100%;
    max-width: 200% !important;
  }
  to {
    width: 100%;
    left: 0%;
    max-width: 100% !important;
  }
}
@keyframes ace-field-expand-200-kf {
  from {
    width: 100%;
    left: 0%;
  }
  to {
    width: 300%;
    left: -200%;
  }
}
@keyframes ace-field-expand-200-reverse-kf {
  from {
    width: 300%;
    left: -200%;
    max-width: 300% !important;
  }
  to {
    width: 100%;
    left: 0%;
    max-width: 100% !important;
  }
}
.ace-field-expand-50 {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  max-width: 150% !important;
  z-index: 100;
  background: var(--ace-gray-100) !important;
  position: relative;
  border: 1px solid var(--ace-lime);
}

html[dir="ltr"] .ace-field-expand-50 {
  animation-name: ace-field-expand-50-kf;
}

.ace-field-expand-50-reverse {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  z-index: initial;
  border: initial;
  background: initial;
}

html[dir="ltr"] .ace-field-expand-50-reverse {
  animation-name: ace-field-expand-50-reverse-kf;
}

.ace-field-expand-75 {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  max-width: 175% !important;
  z-index: 100;
  background: var(--ace-gray-100) !important;
  position: relative;
  border: 1px solid var(--ace-lime);
}

html[dir="ltr"] .ace-field-expand-75 {
  animation-name: ace-field-expand-75-kf;
}

.ace-field-expand-75-reverse {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  z-index: initial;
  border: initial;
  background: initial;
}

html[dir="ltr"] .ace-field-expand-75-reverse {
  animation-name: ace-field-expand-75-reverse-kf;
}

.ace-field-expand-100 {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  max-width: 200% !important;
  z-index: 100;
  background: var(--ace-gray-100) !important;
  position: relative;
  border: 1px solid var(--ace-lime);
}

html[dir="ltr"] .ace-field-expand-100 {
  animation-name: ace-field-expand-100-kf;
}

.ace-field-expand-100-reverse {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  z-index: initial;
  border: initial;
  background: initial;
}

html[dir="ltr"] .ace-field-expand-100-reverse {
  animation-name: ace-field-expand-100-reverse-kf;
}

.ace-field-expand-200 {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  max-width: 300% !important;
  z-index: 100;
  background: var(--ace-gray-100) !important;
  position: relative;
  border: 1px solid var(--ace-lime);
}

html[dir="ltr"] .ace-field-expand-200 {
  animation-name: ace-field-expand-200-kf;
}

.ace-field-expand-200-reverse {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  z-index: initial;
  border: initial;
  background: initial;
}

html[dir="ltr"] .ace-field-expand-200-reverse {
  animation-name: ace-field-expand-200-reverse-kf;
}

html[dir="ltr"] .ace-field-expand-natural,
html[dir="rtl"] .ace-field-expand-natural {
  left: initial !important;
  right: initial !important;
}

/* end expand classes */
/* begin form */
.ace-form-show {
  display: block !important;
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--ace-black-70);
  top: 0px;
  z-index: 16;
  transition: ease 0.1s;
}

html[dir="ltr"] .ace-form-show {
  left: 0px;
}

html[dir="rtl"] .ace-form-show {
  right: 0px;
}

.ace-form-inner {
  display: block !important;
  width: 100%;
  /*left:  $position-0;
  right:  $position-0;
  top:  $position-30p;*/ /*SM-not sure*/
}

.ace-form-inner h2 {
  font-size: 26px;
  width: 100%;
  margin-bottom: 25px;
  font-weight: 400;
  border-bottom: 1px solid var(--ace-transparent);
}

.ace-form-inner p {
  margin: 0px auto;
}

html[dir="ltr"] .ace-form-footer {
  float: right;
}

html[dir="rtl"] .ace-form-footer {
  float: left;
}

.ace-form-popup {
  display: none;
}

.ace-form-popup > .ace-form-container {
  padding: 8px 10px;
  width: 80%;
  margin-top: 75px;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  position: relative;
  background: var(--ace-gray-100);
  box-shadow: 0px 6px 16px var(--ace-black-70);
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-form-popup > .ace-form-container {
    width: 90%;
  }
}
.ace-form-popup.ace-form-popup-small > .ace-form-container {
  max-width: 480px;
}

.ace-form-popup
  > .ace-form-container
  > .ace-form-footer
  > button[action="cancel"] {
  position: absolute;
  top: -39px;
  margin: 0px;
  color: var(--ace-pure-white);
  background: var(--ace-lime) !important;
  padding: 7px 12px;
}

html[dir="ltr"] button[action="cancel"] {
  right: 0px;
}

html[dir="rtl"] button[action="cancel"] {
  left: 0px;
}

html[dir="ltr"] .ace-soft-close button[action="cancel"] {
  right: initial;
}

html[dir="rtl"] .ace-soft-close button[action="cancel"] {
  left: initial;
}

.ace-form-popup
  > .ace-form-container
  > .ace-form-footer
  > button[action="cancel"]:before {
  content: "X";
  margin: 0px 5px;
}

.ace-form-popup .ace-field-container {
  white-space: normal !important;
}

html[dir="ltr"] .ace-form-popup .ace-field-container {
  float: left;
}

html[dir="rtl"] .ace-form-popup .ace-field-container {
  float: right;
}

.ace-form-container h3 {
  width: calc(100% - 15px);
}

.ace-form-container:hover input[type="text"],
.ace-form-container:hover input[type="number"],
.ace-form-container:hover input[type="password"],
.ace-form-container:hover input[type="email"],
.ace-form-container:hover select,
.ace-form-container:hover .hasDatepicker,
.ace-form-container:hover textarea,
.ace-highlight-area:hover textarea,
.ace-highlight-area:hover input,
.ace-highlight-area:hover input[type="text"],
.ace-highlight-area:hover .hasDatepicker,
.ace-highlight-area:hover select {
  background-color: var(--ace-pure-white);
}

.ace-form-container:hover .ace-image-upload {
  background-color: var(--ace-transparent);
  transition: ease-in-out 0.2s;
  border: 1px solid var(--ace-lime);
}

.ace-form-container:hover .ace-image-upload:before {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.ace-form-container:hover .ace-image-upload:after {
  background: var(--ace-lime);
  transform: scale(1);
}

/* end form */
/* begin search form */
.ace-adv-search-panel {
  height: 250px;
  position: relative;
  padding: 15px 0px;
  margin-bottom: 15px;
  width: 100%;
  border-bottom: 1px solid var(--ace-gray-300);
}

html[dir="ltr"] .ace-adv-search-panel {
  float: left;
}

html[dir="rtl"] .ace-adv-search-panel {
  float: right;
}

.ace-adv-search-panel .ace-advanced-expand {
  color: var(--ace-pure-white) !important;
  font-size: 20px;
  position: absolute;
  z-index: 114;
  top: 0px;
  padding: 8px 10px;
  background: var(--ace-red-pale) !important;
}

html[dir="ltr"] .ace-adv-search-panel .ace-advanced-expand {
  right: -30px;
}

html[dir="rtl"] .ace-adv-search-panel .ace-advanced-expand {
  left: -30px;
}

orderbyfields,
advsearchfields {
  display: none;
}

/* end search form */
/* begin prompt */
.ace-prompt-el {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.ace-prompt-el div button {
  margin: 3px;
  min-height: 34px;
  max-height: 34px;
  padding: 5px 10px;
  line-height: 1 !important;
}

.ace-prompt-el div button#mask_el_prompt_cancel,
.ace-prompt-el div button#mask_el_prompt_ok {
  height: 34px;
  display: block;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  border-radius: 10px;
}

.ace-prompt-el div button#mask_el_prompt_ok {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
  border-bottom: 1px solid transparent-color;
}

.ace-prompt-el div button#mask_el_prompt_ok:hover {
  background: var(--ace-lime);
  box-shadow: 0px 2px 4px var(--ace-black-25);
}

.ace-prompt-el div button#mask_el_prompt_cancel {
  background: var(--ace-transparent);
  color: var(--ace-lime);
  border-bottom: 1px solid transparent-color;
}

.ace-prompt-el div button#mask_el_prompt_cancel:hover {
  background: var(--ace-transparent);
  box-shadow: 0px 2px 4px var(--ace-black-25);
}

.ace-prompt-el > .ace-prompt-inner-el {
  height: auto;
  display: table;
  position: relative;
  background: var(--ace-gray-100);
  margin: initial;
  padding: 8px 10px;
  width: 80%;
  max-width: 480px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
}

.ace-prompt-el > .ace-prompt-inner-el > input {
  width: 100%;
  margin-bottom: 12px;
  color: var(--ace-black-80);
}

html[dir="ltr"] .ace-prompt-el > div > button {
  float: right;
}

html[dir="rtl"] .ace-prompt-el > div > button {
  float: left;
}

.ace-prompt-el .ace-button-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.ace-prompt-el .ace-button-bar > button {
  flex-basis: 35%;
}

.ace-prompt-inner-el p {
  color: var(--ace-black-80);
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-prompt-el > .ace-prompt-inner-el {
    width: 100%;
    height: auto;
    top: initial;
    bottom: 0px;
    position: absolute;
    max-width: 100%;
    -webkit-transform: translateY(100%) translate3d(0px, 0px, 0px);
    transform: translateY(100%) translate3d(0px, 0px, 0px);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .ace-prompt-el > .ace-prompt-inner-el.ace-show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: ease 0.3s;
  }
}
/* end prompt */
/* begin value inner field */
.ace-efld {
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  transition: ease-in-out 0.1s;
  padding: 8px 10px;
}

.ace-efld:focus ~ label {
  display: inline-block;
  top: -20px;
  position: absolute;
  color: var(--ace-lime);
}

.ace-label-align-left .ace-efld:focus ~ label {
  top: initial;
  position: initial;
}

.ace-efld ~ label {
  display: inline-block;
  top: -20px;
  position: absolute;
  transition: all ease-in-out 0.1s;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 20px !important;
  text-overflow: ellipsis;
  font-size: 14px;
}

.ace-label-align-left .ace-efld ~ label {
  height: auto !important;
  padding-top: 0px;
  align-items: center;
  align-content: center;
  line-height: 1.8;
}

html[dir="ltr"] .ace-efld ~ label {
  left: 0px;
}

html[dir="rtl"] .ace-efld ~ label {
  right: 0px;
}

.ace-empty ~ label {
  display: inline-block;
  top: 7px;
  position: absolute;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-size: 14px;
}

html[dir="ltr"] .ace-empty ~ label {
  left: 0px;
}

html[dir="rtl"] .ace-empty ~ label {
  right: 0px;
}

.ace-empty:focus ~ label {
  display: inline-block;
  top: -20px;
  position: absolute;
  transition: 0.1s ease all;
  -moz-transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
}

/* end value inner field */
/* begin mask element: this is used to mask a specific elements during operations*/
.ace-screen-mask .ace-loader.ace-loader-overlay:after {
  background: var(--ace-transparent);
}

.ace-mask-el {
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--ace-black-70);
  top: 0px;
  z-index: 999999;
}

html[dir="ltr"] .ace-mask-el {
  left: 0px;
}

html[dir="rtl"] .ace-mask-el {
  right: 0px;
}

.ace-mask-el > div {
  width: 400px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 17%;
  margin-bottom: auto;
  padding: 5px 20px 13px 20px;
  color: var(--ace-pure-white);
  font-size: 14px;
}

.ace-mask-el div p {
  padding: 25px 0px 10px;
  overflow-wrap: break-word;
}

.ace-mask-el.ace-prompt-el {
  background: var(--ace-black-70);
}

.ace-mask-div {
  text-align: center;
  margin-top: -5px;
  opacity: 0.3;
  background-color: var(--ace-gray-200);
  position: absolute;
  z-index: 999998;
}

.ace-mask-div:before {
  font-size: 2em;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  animation: fa-spin 1s infinite steps(8);
  content: "\f110";
  color: var(--ace-lime);
  background: var(--ace-pure-white);
  border-radius: 50%;
  position: absolute;
  left: 40%;
  top: 40%;
}

@media (max-width: 480px) {
  .ace-mask-el > div {
    width: 90%;
  }
  .ace-content {
    height: 100%;
    clear: none;
    padding: 0px;
  }
}
.ace-check-div {
  text-align: center;
  background-color: var(--ace-lime);
  position: absolute;
  z-index: 999998;
  width: 20px;
  height: 20px;
  color: var(--ace-pure-white);
  border-radius: 50px;
}

.ace-check-div .ace-icon {
  font-size: small;
  margin: auto;
}

/* end mask element: this is used to mask a specific elements during operations*/
/* begin datepicker */
.ui-datepicker {
  display: none;
  padding: 15px;
  margin: 5px auto 0px;
  box-shadow: 0px 4px 16px var(--ace-black-25);
  background: var(--ace-gray-100);
  font-family: "FontAwesome", "Lato";
}

.ui-datepicker:before {
  border-bottom: 7px solid var(--ace-gray-100);
  border-right: 7px solid var(--ace-transparent);
  border-left: 7px solid var(--ace-transparent);
  top: -7px;
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
}

html[dir="ltr"] .ui-datepicker:before {
  margin-left: -7px;
}

html[dir="rtl"] .ui-datepicker:before {
  margin-right: -7px;
}

html[dir="ltr"] .ui-datepicker:before {
  left: 25%;
}

html[dir="rtl"] .ui-datepicker:before {
  right: 25%;
}

.ui-datepicker a {
  text-decoration: none;
}

.ui-datepicker-calendar {
  padding: 25px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  color: var(--ace-lime);
  font-size: 16px;
  border: none;
  background: none;
  transition: ease 0.1s;
  padding: 10px 5px 10px 5px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

input.ace-datepicker {
  width: 80%;
}

.ui-datepicker-trigger {
  margin: 0px !important;
  padding: 4px !important;
  height: 34px;
  width: 34px !important;
  background: none;
  transition: ease 0.1s;
  cursor: pointer;
  color: var(--ace-lime);
  text-align: center;
  z-index: 1000;
  border: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ui-datepicker-trigger {
  float: right;
}

html[dir="rtl"] .ui-datepicker-trigger {
  float: left;
}

.ui-datepicker-trigger:hover {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
  box-shadow: 0px 2px 4px var(--ace-black-25);
}

.ui-datepicker-unselectable .ui-state-default {
  background: var(--ace-gray-200);
  color: var(--ace-gray-500);
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--ace-black-80);
}

.ui-datepicker th {
  font-size: 10pt;
  padding: 5px 2px;
  margin: 0px 2px;
  color: var(--ace-lime);
  text-transform: uppercase;
}

.ui-datepicker-calendar .ui-state-active {
  background: var(--ace-lime) !important;
  box-shadow: 0px 1px 2px var(--ace-black-25);
  color: var(--ace-pure-white);
}

.ui-datepicker-calendar .ui-state-hover {
  background: var(--ace-bluegray-glow);
}

.ui-datepicker-title {
  text-align: center;
  color: var(--ace-lime);
  background-color: var(--ace-gray-100);
  font-size: 18px;
  padding-top: 5px;
  margin-bottom: 15px;
}

.ui-datepicker-title select {
  color: var(--ace-black-80);
  background-color: var(--ace-gray-100);
}

.ace-field-container .ace-datepicker-field {
  white-space: nowrap;
}

.ace-datepicker-field {
  position: relative;
  padding: 0px 0px 0px 0px;
  width: 100%;
  box-sizing: border-box;
  line-height: 0;
}

.ace-no-bottom-padding .ace-datepicker-field {
  padding-bottom: 0px;
}

html[dir="ltr"] .ace-datepicker-field {
  float: left;
}

html[dir="rtl"] .ace-datepicker-field {
  float: right;
}

.ace-datepicker-container {
  width: 200px;
}

#ui-datepicker-div {
  z-index: 1000 !important;
}

.hasDatepicker {
  background: var(--ace-transparent);
  height: 34px;
  border-top: 1px solid var(--ace-transparent);
  border-bottom: 1px solid var(--ace-transparent);
}

.ui-datepicker-trigger i {
  margin: 0px !important;
}

.hasDatepicker[disabled] {
  background: var(--ace-transparent) !important;
  border-bottom: 1px solid var(--ace-transparent);
}

[readonly="readonly"] .ui-datepicker-trigger {
  display: none;
}

.ace-label-align-top .ace-datepicker-field {
  padding-bottom: 20px;
}

.ace-label-align-left .ace-datepicker-field .ace-label {
  padding-top: 16px;
}

.ace-grid-cell .ace-label-align-top .ace-datepicker-field {
  padding-bottom: 0px; /*SM-not sure*/
}

/* end datepicker */
/* begin toast */
.ace-toast {
  padding: 15px 10px 25px 10px;
  width: 25%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0px 3px 6px var(--ace-black-25);
  opacity: 1;
  transition: ease 0.1s;
  z-index: 10000;
}

.ace-toast-icon {
  width: 10%;
  text-align: center;
  position: relative;
}

html[dir="ltr"] .ace-toast-icon {
  float: left;
}

html[dir="rtl"] .ace-toast-icon {
  float: right;
}

.ace-toast-hide {
  transition: ease-in-out 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 0;
  height: 0px !important;
  width: 0px !important;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  z-index: 9;
  padding: 0px !important;
  overflow: hidden;
  visibility: hidden;
}

.ace-toast-icon span {
  font-size: 26px;
  color: var(--ace-pure-white);
  width: 34px;
  line-height: 1 !important;
  height: 34px;
  padding: 5px;
  border-radius: 50%;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

html[dir="ltr"] .ace-toast-icon span {
  float: left;
}

html[dir="rtl"] .ace-toast-icon span {
  float: right;
}

.ace-toast-text {
  transition: none;
  width: 90%;
}

html[dir="ltr"] .ace-toast-text {
  float: left;
}

html[dir="rtl"] .ace-toast-text {
  float: right;
}

.ace-dialog-action-border {
  display: block;
  width: 30%;
  height: 2px;
  background: var(--ace-cyan);
  margin-top: 10px;
  transition: width ease-in-out 0.1s;
  z-index: 1;
  position: absolute;
}

.ace-toast-text p {
  transition: none;
  width: 90%;
  color: var(--ace-black-80);
}

html[dir="ltr"] .ace-toast-text p {
  float: right;
}

html[dir="rtl"] .ace-toast-text p {
  float: left;
}

.ace-toast-error {
  background-color: var(--ace-pink-verylight);
  border: 1px solid var(--ace-red-pale);
}

.ace-toast-error .ace-toast-icon span {
  background: var(--ace-red-pale);
}

.ace-toast-warning {
  background-color: var(--ace-yellow-pale);
  border: 1px solid var(--ace-yellow);
}

.ace-toast-warning .ace-toast-icon span {
  background: var(--ace-yellow);
}

.ace-toast-success {
  background-color: var(--ace-blue-pale);
  border: 1px solid var(--ace-cyan);
}

.ace-toast-success .ace-toast-icon span {
  background: var(--ace-cyan);
}

.ace-toast-help {
  background-color: var(--ace-beige);
  border: 1px solid var(--ace-yellow-warm);
}

.ace-toast-help .ace-toast-icon span {
  background: var(--ace-yellow-warm);
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-toast {
    width: 80%;
  }
}
/* end toast */
/* begin readonly */
.ace-readonly * {
  pointer-events: none !important;
}

.ace-readonly .ace-radio-field {
  pointer-events: none !important;
}

.ace-readonly .ace-switch-field {
  pointer-events: none !important;
}

.ace-readonly .ace-checkbox-field {
  pointer-events: none !important;
}

.ace-readonly .ace-radio-field .ace-label {
  pointer-events: none !important;
}

.ace-readonly .ace-switch-field .ace-label {
  pointer-events: none !important;
}

.ace-readonly .ace-checkbox-field .ace-label {
  pointer-events: none !important;
}

/* end readonly */
/* begin flex */
.ace-flex {
  display: flex;
}

.ace-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ace-row:after {
  content: " ";
  clear: both;
  display: block;
}

.ace-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.ace-flex-column {
  flex-direction: column;
}

.ace-flex-column-reverse {
  flex-direction: column-reverse;
}

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

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

.ace-flex-align-strech,
.ace-flex-align-baseline {
  align-items: stretch;
}

.ace-flex-align-center,
.ace-flex-valign-center {
  align-items: center;
}

.ace-flex-align-start {
  align-items: flex-start;
}

.ace-flex-align-end {
  align-items: flex-end;
}

.ace-flex-valign-middle {
  align-content: center;
}

.ace-flex-align-self-stretch {
  align-self: stretch;
}

.ace-flex-align-self-center {
  align-self: center;
}

.ace-flex-align-self-start {
  align-self: flex-end;
}

.ace-flex-align-self-end,
.ace-flex-align-self-flexend {
  align-self: flex-end;
}

.ace-flex-shrink-1 {
  flex-shrink: 1;
}

.ace-flex-shrink-2 {
  flex-shrink: 2;
}

.ace-flex-shrink-3 {
  flex-shrink: 3;
}

.ace-flex-shrink-4 {
  flex-shrink: 4;
}

.ace-flex-shrink-5 {
  flex-shrink: 5;
}

.ace-flex-shrink-6 {
  flex-shrink: 6;
}

.ace-flex-shrink-7 {
  flex-shrink: 7;
}

.ace-flex-shrink-8 {
  flex-shrink: 8;
}

.ace-flex-shrink-9 {
  flex-shrink: 9;
}

.ace-flex-shrink-10 {
  flex-shrink: 10;
}

.ace-flex-none {
  flex: none;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-1,
.ace-thin-row-flex-1 {
  flex: 1;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-2,
.ace-thin-row-flex-2 {
  flex: 2;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-3,
.ace-thin-row-flex-3 {
  flex: 3;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-4,
.ace-thin-row-flex-4 {
  flex: 4;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-5,
.ace-thin-row-flex-5 {
  flex: 5;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-6 {
  flex: 6;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-7 {
  flex: 7;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-8 {
  flex: 8;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-9 {
  flex: 9;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-10,
.ace-thin-row-flex-10 {
  flex: 10;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-11 {
  flex: 11;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-12 {
  flex: 12;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-20,
.ace-thin-row-flex-20 {
  flex: 20;
  min-height: 0px;
  min-width: 0px;
}

.ace-flex-wrap-no {
  flex-wrap: nowrap;
}

.ace-flex-wrap-yes {
  flex-wrap: wrap;
}

.ace-flex-wrap-yes-reverse {
  flex-wrap: wrap-reverse;
}

.ace-flex-full-width {
  flex: 1 0 100%;
}

.ace-flex-justify-center {
  justify-content: center;
}

.ace-flex-justify-end {
  justify-content: flex-end;
}

.ace-flex-justify-start {
  justify-content: flex-start;
}

.ace-flex-justify-spacebetween {
  justify-content: space-between;
}

.ace-flex-justify-spacearound {
  justify-content: space-around;
}

.ace-center {
  display: flex;
  justify-content: center;
  text-align: center;
}

.ace-center-columns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ace-center-right-columns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.ace-centered-blocks {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
}

/* end flex */
/* begin file upload */
.ace-file-upload input,
.ace-file-upload .ace-file-upload input {
  /*not a mistake to be two ace-file-uploads here*/
  display: none;
}

.ace-file-upload {
  height: 34px;
  font-size: 16px;
}

html[dir="ltr"] .ace-file-upload {
  float: left;
}

html[dir="rtl"] .ace-file-upload {
  float: right;
}

.ace-label-align-top .ace-file-upload {
  padding-bottom: 20px;
}

.ace-grid-cell .ace-label-align-top .ace-file-upload {
  padding-bottom: 0px; /*SM-not sure*/
}

.ace-file-upload .ace-file-upload {
  padding-bottom: 0px;
}

.ace-file-upload span {
  transition: ease 0.2s;
  color: var(--ace-black-80);
  line-height: 1.5;
  padding: 6px 10px;
  min-width: 150px;
  height: 34px;
  border: 1px solid var(--ace-transparent);
}

[class*="ace-col-"] .ace-file-upload {
  width: 100%;
}

[class*="ace-col-"] .ace-file-upload .ace-file-upload-placeholder {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir="ltr"]
  [class*="ace-col-"]
  .ace-file-upload
  .ace-file-upload-placeholder {
  padding-right: 70px;
}

html[dir="rtl"]
  [class*="ace-col-"]
  .ace-file-upload
  .ace-file-upload-placeholder {
  padding-left: 70px;
}

.ace-file-upload label {
  transition: ease 0.2s;
  cursor: pointer;
  position: relative;
  flex-direction: row;
}

html[dir="ltr"] .ace-file-upload label {
  float: left;
}

html[dir="rtl"] .ace-file-upload label {
  float: right;
}

.ace-file-upload .ace-file-type-icon {
  background: var(--ace-gray-400);
  color: var(--ace-pure-white);
  padding: 6px 13px;
  line-height: 1;
}

.ace-label-align-top .ace-file-upload {
  display: flex;
  align-items: stretch;
  height: auto;
}

.ace-label-align-left .ace-file-upload .ace-label {
  margin-top: 8px;
  height: 0;
}

html[dir="ltr"] .ace-label-align-left .ace-file-upload .ace-label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-file-upload .ace-label {
  float: right;
}

.ace-label-align-top .ace-file-upload .ace-label {
  position: absolute;
  top: -20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ace-file-upload-button,
.ace-file-remove {
  transform: scale(0);
  transition: ease 0.2s;
  transform-origin: right;
  height: 100%;
}

.ace-file-upload-button a,
.ace-file-remove a {
  max-width: 45px;
  padding: 10px !important;
  margin: 0px;
}

.ace-file-upload-button a:hover,
.ace-file-remove a:hover {
  max-width: 400px;
}

.ace-file-upload label:hover .ace-file-upload-button,
.ace-file-upload label:hover .ace-file-remove {
  transform: scale(1) !important;
}

.ace-file-upload-button a:before,
.ace-file-remove a:before {
  margin: 0px !important;
  line-height: 1 !important;
}

html[dir="ltr"] .ace-file-upload-button a:before {
  float: right;
}

html[dir="rtl"] .ace-file-upload-button a:before {
  float: left;
}

html[dir="ltr"] .ace-file-remove a:before {
  float: right;
}

html[dir="rtl"] .ace-file-remove a:before {
  float: left;
}

.ace-file-upload-button a {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
  display: block;
  height: 100%;
  transition: all ease 0.2s;
}

.ace-file-upload-button a:hover {
  background: var(--ace-cyan);
  color: var(--ace-pure-white);
  padding: 10px;
}

.ace-file-upload-button a:hover span {
  opacity: 1;
  width: auto !important;
  transform: scaleX(1);
}

html[dir="ltr"] .ace-file-upload-button a:hover span {
  padding: 0px 10px 0px 0px !important;
}

html[dir="rtl"] .ace-file-upload-button a:hover span {
  padding: 0px 0px 0px 10px !important;
}

.ace-file-remove a span,
.ace-file-upload-button a span {
  border: none;
  color: var(--ace-pure-white);
  transition:
    ease 0.2s,
    width 2s;
  width: 0 !important;
  display: block;
  opacity: 0;
  transform: scaleX(0);
  min-width: 0 !important;
  height: 0;
  padding: 0px !important;
  line-height: 1;
}

html[dir="ltr"] .ace-file-remove a span {
  float: left;
}

html[dir="rtl"] .ace-file-remove a span {
  float: right;
}

html[dir="ltr"] .ace-file-upload-button a span {
  float: left;
}

html[dir="rtl"] .ace-file-upload-button a span {
  float: right;
}

html[dir="ltr"] .ace-file-remove a span,
html[dir="ltr"] .ace-file-upload-button a span {
  transform-origin: right;
}

html[dir="rtl"] .ace-file-remove a span,
html[dir="rtl"] .ace-file-upload-button a span {
  transform-origin: left;
}

.ace-file-remove a {
  background: var(--ace-red-pale);
  color: var(--ace-pure-white);
  padding: 10px;
  height: 100%;
  transition: ease 0.2s;
}

.ace-file-remove a:hover {
  background: var(--ace-pink-pastel);
  color: var(--ace-pure-white);
  padding: 10px;
}

.ace-file-remove a:hover span {
  width: auto !important;
  opacity: 1;
  transform: scaleX(1);
}

html[dir="ltr"] .ace-file-remove a:hover span {
  padding: 0px 10px 0px 0px !important;
}

html[dir="rtl"] .ace-file-remove a:hover span {
  padding: 0px 0px 0px 10px !important;
}

.ace-upload-buttons-container {
  position: absolute;
  display: flex;
  height: 100%;
}

html[dir="ltr"] .ace-upload-buttons-container {
  right: 0px;
}

html[dir="rtl"] .ace-upload-buttons-container {
  left: 0px;
}
/* end file upload */

/* begin breadcrumbs */
/* a.ace-breadcrumbs-link {
  background: var(--ace-pure-white);
  color: var(--ace-lime);
  display: block;
  position: relative;
  padding: 5px 15px;
}

html[dir="ltr"] a.ace-breadcrumbs-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

html[dir="rtl"] a.ace-breadcrumbs-link {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

html[dir="ltr"] a.ace-breadcrumbs-link {
  float: left;
}

html[dir="rtl"] a.ace-breadcrumbs-link {
  float: right;
}

html[dir="ltr"] a.ace-breadcrumbs-link {
  margin-right: -5px;
}

html[dir="rtl"] a.ace-breadcrumbs-link {
  margin-left: -5px;
}

html[dir="ltr"] a.ace-breadcrumbs-link {
  padding-left: 20px;
}

html[dir="rtl"] a.ace-breadcrumbs-link {
  padding-right: 20px;
}

.ace-breadcrumbs-separator:after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  z-index: 2;
  top: -4px;
  border-top: 17px solid var(--ace-transparent);
  border-bottom: 17px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-breadcrumbs-separator:after {
  border-left: 12px solid var(--ace-pure-white);
}

html[dir="rtl"] .ace-breadcrumbs-separator:after {
  border-right: 12px solid var(--ace-pure-white);
}

html[dir="ltr"] .ace-breadcrumbs-separator:after {
  right: -7px;
}

html[dir="rtl"] .ace-breadcrumbs-separator:after {
  left: -7px;
}

span.ace-breadcrumbs-separator {
  position: relative;
  z-index: 3;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 5px;
}

html[dir="ltr"] span.ace-breadcrumbs-separator {
  float: left;
}

html[dir="rtl"] span.ace-breadcrumbs-separator {
  float: right;
}

.ace-breadcrumbs-field {
  border-radius: 10px;
  height: 25px;
  white-space: normal;
  overflow: hidden;
  width: 100%;
  box-shadow: 0px 1px 2px var(--ace-black-25);
}

html[dir="ltr"] .ace-breadcrumbs-field {
  float: left;
}

html[dir="rtl"] .ace-breadcrumbs-field {
  float: right;
}

.ace-breadcrumbs-field span,
.ace-breadcrumbs-field a {
  font-size: 16px;
}

html[dir="ltr"] .ace-breadcrumbs-field .ace-breadcrumbs-link:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

html[dir="rtl"] .ace-breadcrumbs-field .ace-breadcrumbs-link:last-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

html[dir="ltr"] a.ace-breadcrumbs-link:not(:first-child) {
  margin-left: -3px;
}

html[dir="rtl"] a.ace-breadcrumbs-link:not(:first-child) {
  margin-right: -3px;
}

html[dir="ltr"] a.ace-breadcrumbs-link:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

html[dir="rtl"] a.ace-breadcrumbs-link:first-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

a.ace-breadcrumbs-link.ace-breadcrumbs-active {
  background: var(--ace-lime);
  color: var(--ace-pure-white) !important;
  border-radius: 0px;
}

html[dir="ltr"] a.ace-breadcrumbs-link.ace-breadcrumbs-active + :after {
  border-left: 12px solid var(--ace-lime);
}

html[dir="rtl"] a.ace-breadcrumbs-link.ace-breadcrumbs-active + :after {
  border-right: 12px solid var(--ace-lime);
}

a.ace-breadcrumbs-link[disabled] {
  color: var(--ace-gray-500);
  background: var(--ace-gray-200);
  border-radius: 0px;
}

html[dir="ltr"] a.ace-breadcrumbs-link[disabled] + :after {
  border-left: 12px solid var(--ace-gray-200) !important;
}

html[dir="rtl"] a.ace-breadcrumbs-link[disabled] + :after {
  border-right: 12px solid var(--ace-gray-200) !important;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-breadcrumbs-field {
    display: flex;
    overflow-x: auto !important;
    max-width: 100%;
  }
  .ace-breadcrumbs-field .ace-breadcrumbs-link {
    flex: none;
  }
} */
/* end breadcrumbs */

/* begin breadcrumbs – simplified */

.ace-breadcrumbs-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  background: var(--ace-gray-100) !important;
  border-radius: 10px;
  padding: 4px;
  margin: 0;
  height: auto;
  box-shadow: none;
  white-space: nowrap;
  overflow-x: auto;
}

/* reset most of the vechi layout rules (float, position, etc.) */
.ace-breadcrumbs-field a,
.ace-breadcrumbs-field span {
  float: none;
  position: static;
  font-size: 12px;
}

/* pastile breadcrumb */
a.ace-breadcrumbs-link {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  background: transparent;
  border-radius: 6px;
  line-height: 1.2;
  color: var(--ace-gray-500);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/* activ */
a.ace-breadcrumbs-link.ace-breadcrumbs-active {
  color: var(--ace-cyan);
  /* font-weight: 600; */
}

/* hover */
a.ace-breadcrumbs-link:hover {
  background: var(--ace-gray-300);
  color: var(--ace-gray-900);
  text-decoration: underline;
}

/* disabled */
a.ace-breadcrumbs-link[disabled] {
  color: var(--ace-gray-400);
  background: transparent;
  cursor: default;
  pointer-events: none;
}

/* separator – chevron right (Font Awesome) */
span.ace-breadcrumbs-separator {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: auto;
}

/* necesita Font Awesome deja incarcat in pagina */
span.ace-breadcrumbs-separator:before {
  content: "\f054"; /* fa-chevron-right */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 11px;
  color: var(--ace-gray-500);
}

/* anulam triunghiul vechi */
.ace-breadcrumbs-separator:after {
  content: none !important;
}

/* end breadcrumbs */

/* begin recaptcha re-styling */
.recaptcha_div table {
  display: block;
  position: relative;
  height: 142px;
}

.recaptcha_div table tbody {
  display: block;
}

.recaptcha_div table tr {
  display: block;
}

.recaptcha_div table td {
  display: inline-block;
}

.recaptcha_div table td img {
  max-width: 200px;
  max-height: 50px;
}

.recaptcha_div div#recaptcha_image {
  max-width: 100%;
}

.recaptcha_div center {
  width: 100%;
}

.recaptcha_div .recaptcha_input_area {
  width: 213px !important;
}

.recaptcha_div input#recaptcha_response_field {
  width: 100% !important;
  border: none !important;
  border-bottom: 1px solid var(--ace-transparent);
}

.recaptcha_div input#recaptcha_response_field:focus {
  border-bottom: 1px solid var(--ace-lime);
}

.recaptcha_div img#recaptcha_logo {
  width: 57px;
  height: 28px;
  margin-top: 5px;
}

html[dir="ltr"] .recaptcha_div img#recaptcha_logo {
  margin-left: -25px;
}

html[dir="rtl"] .recaptcha_div img#recaptcha_logo {
  margin-right: -25px;
}

.recaptcha_div td.recaptcha_image_cell {
  height: 150px !important;
  width: 100%;
  border-bottom: 1px solid var(--ace-transparent);
}

.recaptcha_div a#recaptcha_reload_btn {
  position: absolute;
  top: 0px;
}

html[dir="ltr"] .recaptcha_div a#recaptcha_reload_btn {
  right: -25px;
}

html[dir="rtl"] .recaptcha_div a#recaptcha_reload_btn {
  left: -25px;
}

.recaptcha_div .recaptcha-field {
  position: relative;
}

.recaptcha_div a#recaptcha_switch_audio_btn {
  position: absolute;
  top: 17px;
}

html[dir="ltr"] .recaptcha_div a#recaptcha_switch_audio_btn {
  right: -25px;
}

html[dir="rtl"] .recaptcha_div a#recaptcha_switch_audio_btn {
  left: -25px;
}

.recaptcha_div img#recaptcha_whatsthis {
  position: absolute;
  top: 31px;
}

html[dir="ltr"] .recaptcha_div img#recaptcha_whatsthis {
  right: -25px;
}

html[dir="rtl"] .recaptcha_div img#recaptcha_whatsthis {
  left: -25px;
}

.recaptcha_div span#recaptcha_privacy {
  margin: auto;
  width: 220px;
  text-align: center;
}

a#recaptcha_switch_img_btn {
  position: absolute;
  top: 17px;
}

html[dir="ltr"] a#recaptcha_switch_img_btn {
  right: -25px;
}

html[dir="rtl"] a#recaptcha_switch_img_btn {
  left: -25px;
}

.recaptcha_div a {
  color: var(--ace-lime) !important;
}

.recaptcha_div a:hover {
  color: var(--ace-cyan) !important;
}

/* end recaptcha re-styling */
/* begin blur - this control is hiding menus and other controls till something is selected in an autocomplete input (also defined as "deblur zone") */
.ace-blur-zone {
  transform: translateY(350%);
  transition: ease-in-out 0.3s;
}

.ace-blur-zone .ace-scrollview {
  height: calc(100% - 190px);
}

.ace-blur-zone.ace-show {
  transform: translateY(0);
  position: relative;
  z-index: 1;
}

.ace-deblur-zone {
  margin: 35px 0px;
  position: relative;
  transition: ease-in-out 0.3s;
  z-index: 2;
  border: 1px solid var(--ace-transparent);
  display: flex;
  justify-content: center;
  height: 58px;
  display: flex;
  align-items: center;
  width: 100%;
}

.ace-deblur-zone.ace-show {
  transform: scale(1);
  height: 34px;
  display: flex;
  align-items: center;
  width: 60%;
}

.ace-deblur-zone.ace-show .ace-grid-auto-complete {
  transform: scale(1);
}

.ace-deblur-zone > i,
.ace-deblur-zone > div > .ace-autocomplete-field > .ace-label {
  font-size: 22px;
  height: auto !important;
}

.ace-deblur-zone > div > .ace-autocomplete-field > .ace-efld ~ .ace-label {
  top: -38px;
}

.ace-deblur-zone > div > .ace-autocomplete-field > .ace-empty ~ .ace-label {
  top: 10px;
}

.ace-deblur-zone
  > div
  > .ace-autocomplete-field
  > .ace-efld:focus
  ~ .ace-label {
  top: -38px;
}

.ace-deblur-zone .ace-autocomplete-field > input {
  height: 100%;
  display: flex;
  font-size: 38px !important;
}

.ace-deblur-zone > div > .ace-autocomplete-field > button {
  top: 10px;
}

.ace-deblur-zone .ace-field-container {
  flex-basis: 100%;
}

.ace-deblur-zone i {
  width: 30px;
  padding: 5px;
  opacity: 0.5;
}

.ace-deblur-zone input {
  flex-basis: 100%;
  max-width: 100%;
  background: var(--ace-transparent) !important;
  border: none !important;
}

.ace-deblur-zone .ace-autocomplete-field {
  padding-bottom: 0px;
}

.ace-deblur-zone.ace-show > i,
.ace-deblur-zone.ace-show > div > .ace-autocomplete-field > .ace-label {
  font-size: 14px;
}

.ace-deblur-zone.ace-show
  > div
  > .ace-autocomplete-field
  > .ace-efld
  ~ .ace-label {
  top: -24px;
}

.ace-deblur-zone.ace-show
  > div
  > .ace-autocomplete-field
  > .ace-empty
  ~ .ace-label {
  top: 6px;
}

.ace-deblur-zone.ace-show
  > div
  > .ace-autocomplete-field
  > .ace-efld:focus
  ~ .ace-label {
  top: -24px;
}

.ace-deblur-zone.ace-show .ace-autocomplete-field > input {
  height: 100%;
  display: flex;
  font-size: 14px !important;
}

.ace-deblur-zone.ace-show > div > .ace-autocomplete-field > button {
  top: 0px;
}

.ace-text-center
  .ace-deblur-zone
  .ace-autocomplete-field
  .ace-grid-auto-complete {
  left: 0px;
  right: 0px;
}

.ace-text-center
  .ace-deblur-zone.ace-show
  .ace-autocomplete-field
  .ace-grid-auto-complete {
  top: 40px !important;
}

/* end blur */
/* begin collaps */
.ace-collapsible {
  position: relative;
}

.ace-collapsible .ace-collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: all cubic-bezier(0, 0.53, 0.22, 0.9) 0.2s;
  position: relative;
  opacity: 0;
}

/* .ace-collapsible .ace-collapsible-trigger:before {
  content: "\f107";
  transition: all ease 0.2s;
  display: inline-block;
  padding: 0px 5px;
}

.ace-collapsible.ace-show .ace-collapsible-trigger:before {
  transform: rotate(180deg);
  top: -3px;
  position: relative;
} */

.ace-collapsible.ace-show .ace-collapsible-content.ace-show {
  max-height: 1000px;
  transition: all ease 0.2s;
  overflow: visible;
  opacity: 1;
}

/* end collaps */
/* begin loader */
@keyframes ace-aswaq-loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ace-aswaq-loader {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.ace-loader {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.ace-loader-spinner {
  width: 45px;
  flex-basis: 45px;
  z-index: 3;
  box-sizing: content-box;
  border-radius: 50%;
  height: 45px;
  -webkit-animation: ace-aswaq-loader cubic-bezier(0, 1.28, 0.76, -0.23) 0.8s
    infinite;
  animation: ace-aswaq-loader cubic-bezier(0, 1.28, 0.76, 0.77) 0.8s infinite;
  border: 4px solid var(--ace-blue);
  border-top: 4px solid var(--ace-lime);
}

html[dir="ltr"] .ace-loader-spinner {
  float: left;
}

html[dir="rtl"] .ace-loader-spinner {
  float: right;
}

.ace-loader-text {
  color: var(--ace-pure-white);
  padding: 10px;
  z-index: 1;
}

.ace-loader-spinner.ace-middle {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}

.ace-loader-text:before {
  content: attr(data-loadtext);
}

.ace-loader.ace-loader-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.ace-loader.ace-middle {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

html[dir="ltr"] .ace-loader.ace-middle {
  float: left;
}

html[dir="rtl"] .ace-loader.ace-middle {
  float: right;
}

.ace-loader.ace-loader-overlay:after {
  content: " ";
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}

html[dir="ltr"] .ace-loader.ace-loader-overlay:after {
  left: 0px;
}

html[dir="rtl"] .ace-loader.ace-loader-overlay:after {
  right: 0px;
}

/* end loader */
/* begin menubutton field */
.ace-dropdown-list {
  min-width: 182px;
  display: none;
  list-style: none;
  position: absolute;
  padding: 8px 10px;
  top: 35px;
  background-color: var(--ace-gray-100);
  box-shadow: 0px 2px 4px var(--ace-black-25);
}

html[dir="ltr"] .ace-dropdown-list {
  left: 0px;
}

html[dir="rtl"] .ace-dropdown-list {
  right: 0px;
}

.ace-dropdown-trigger:hover + .ace-dropdown-list,
.ace-dropdown-list:hover {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.ace-dropdown:hover .ace-dropdown-trigger {
  color: var(--ace-pure-white);
  background-color: var(--ace-lime);
  box-shadow: 0px 1px 2px var(--ace-black-25);
  border: 1px solid var(--ace-lime);
}

.ace-dropdown {
  z-index: 2;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: ease-in-out 0.1s;
  padding: 5px 0px !important;
  font-size: 16px;
}

html[dir="ltr"] .ace-dropdown {
  float: left;
}

html[dir="rtl"] .ace-dropdown {
  float: right;
}

.ace-dropdown-list li {
  width: 100%;
  float: none;
  /*  min-height: $meas-10; */ /*SM-not sure*/
}

.ace-dropdown-list li a {
  color: var(--ace-black-80);
  padding: 8px 8px !important;
  width: 100%;
  display: block;
  font-size: inherit !important;
  border-bottom: 1px solid var(--ace-transparent);
}

.ace-dropdown-list li a:hover {
  color: var(--ace-lime);
}

.ace-dropdown-list li a:active {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
}

.ace-dropdown-inside {
  position: absolute;
  margin: -24px 0px !important;
  background-color: var(--ace-transparent);
  cursor: pointer;
}

html[dir="ltr"] .ace-dropdown-inside {
  right: 0px;
}

html[dir="rtl"] .ace-dropdown-inside {
  left: 0px;
}

.ace-dropdown-list a:hover {
  color: var(--ace-lime);
}

html[dir="ltr"] .ace-dropdown-list a i {
  margin-right: 5px;
}

html[dir="rtl"] .ace-dropdown-list a i {
  margin-left: 5px;
}

.ace-main-nav .ace-dropdown-trigger-click {
  height: 50px;
}

html[dir="ltr"] .ace-right .ace-dropdown-list ul li {
  float: left;
}

html[dir="rtl"] .ace-right .ace-dropdown-list ul li {
  float: right;
}

.ace-right .ace-dropdown-list ul li ul li {
  width: 100%;
  margin-top: 0px;
  padding: 0px;
}

.ace-dropdown-trigger {
  padding: 10px;
  color: var(--ace-lime);
  background-color: var(--ace-transparent);
  cursor: pointer;
  border: none;
}

a.ace-advanced-search-trigger img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
}

html[dir="ltr"] a.ace-advanced-search-trigger img {
  float: left;
}

html[dir="rtl"] a.ace-advanced-search-trigger img {
  float: right;
}

html[dir="ltr"] a.ace-advanced-search-trigger img {
  margin-right: 5px;
}

html[dir="rtl"] a.ace-advanced-search-trigger img {
  margin-left: 5px;
}

.ace-dropdown-trigger:hover {
  color: var(--ace-pure-white);
  background-color: var(--ace-lime);
  box-shadow: 0px 1px 2px var(--ace-black-25);
  border: 1px solid var(--ace-lime);
}

.ace-dropdown-trigger-click {
  padding: 5px 10px 5px !important;
  color: var(--ace-black-80);
  background-color: var(--ace-transparent);
  cursor: pointer;
  display: block;
  line-height: 1 !important;
}

.ace-dropdown-trigger-click .ace-icon {
  color: var(--ace-black-80);
}

.ace-button-active {
  box-shadow: inset 0px 1px 4px var(--ace-black-25);
  color: var(--ace-pure-white) !important;
  background-color: var(--ace-lime);
}

.ace-button-active.ace-dropdown-trigger-click .ace-icon {
  color: var(--ace-pure-white) !important;
}

.ace-radio {
  display: none !important;
}

.ace-radio + span:before {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  color: var(--ace-gray-500);
  font-size: 18px;
  text-align: center;
  content: "\f10c";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

html[dir="ltr"] .ace-radio + span:before {
  margin: -5px 9px 0px 0px;
}

html[dir="rtl"] .ace-radio + span:before {
  margin: -5px 0px 0px 9px;
}

.ace-radio:checked + span:before {
  content: "\f192";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  color: var(--ace-lime);
}

.ace-radio + span {
  display: inline-block;
  height: 25px;
  border-radius: 10px;
  color: var(--ace-black-80);
  transition: ease-in-out 0.1s;
  cursor: pointer;
}

html[dir="ltr"] .ace-radio + span {
  padding-right: 15px;
}

html[dir="rtl"] .ace-radio + span {
  padding-left: 15px;
}

.ace-input {
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ace-input + label span:before {
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ace-input + label {
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  border-radius: 16px;
}

html[dir="ltr"] .ace-input + label {
  padding: 1px 15px 0px 3px;
}

html[dir="rtl"] .ace-input + label {
  padding: 1px 0px 3px 15px;
}

.ace-radio:checked + label span:before {
  content: "\f192";
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
  color: var(--ace-lime);
}

.ace-separator {
  width: 100%;
  display: block;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-separator {
  float: left;
}

html[dir="rtl"] .ace-separator {
  float: right;
}

/* begin modifiers*/
.ace-dropdown-no-border .ace-dropdown .ace-dropdown-list li a {
  border-bottom: 0px solid var(--ace-transparent);
}

/* end menubutton field */
.ace-filter-container {
  margin-top: 5px;
}

.ace-filter-container:hover .ace-filter-remove {
  opacity: 1;
  border-radius: 10px;
  padding: 6px 10px;
  top: 10px;
}

.ace-filter-remove {
  opacity: 0;
  border: none;
  background: var(--ace-red-pale);
  color: var(--ace-pure-white);
  top: 15px;
}

/* begin buttons field */
.ace-button-field button .ace-icon,
.ace-button-field button span {
  line-height: 1;
}

.ace-button-field button[disabled],
.ace-button-field button[disabled] .ace-icon {
  color: var(--ace-gray-500);
  background: var(--ace-gray-200) !important;
}

html[dir="ltr"] .ace-button-field .ace-icon {
  padding-right: 5px;
}

html[dir="rtl"] .ace-button-field .ace-icon {
  padding-left: 5px;
}

html[dir="ltr"] .ace-button-field .ace-icon.ace-icon-after {
  padding-left: 5px;
}

html[dir="rtl"] .ace-button-field .ace-icon.ace-icon-after {
  padding-right: 5px;
}

/* end buttons field */
/* begin button modifiers */
.ace-button-full-width button {
  width: 100%;
}

.ace-flat-button {
  text-align: center;
}

.ace-flat-button button {
  margin: 0px;
  color: var(--ace-lime);
  background-color: var(--ace-transparent);
  border-color: var(--ace-lime);
  border-radius: 10px;
}

.ace-flat-button button .ace-icon {
  color: var(--ace-lime);
  background-color: var(--ace-transparent);
}

.ace-flat-button button:hover,
.ace-flat-button button:hover .ace-icon {
  opacity: 0.6;
  background-color: var(--ace-transparent);
  color: var(--ace-lime);
}

.ace-grid-row .ace-flat-button button {
  padding: 6px !important;
  margin: 0px 8px;
  text-align: center;
}

.ace-flat-button .fa,
.ace-flat-button .far {
  display: flex;
  justify-content: center;
  margin: 0px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  line-height: 1;
}

.ace-no-border-button button,
button.ace-no-border-button,
a.ace-no-border-button {
  border: none !important;
  padding: 0px !important;
  background-color: var(--ace-transparent) !important;
  color: var(--ace-black-90);
}

.ace-no-border-button button .ace-icon,
button.ace-no-border-button .ace-icon,
a.ace-no-border-button .ace-icon {
  background-color: var(--ace-transparent) !important;
  color: var(--ace-lime) !important;
}

.ace-no-border-button button:hover,
button.ace-no-border-button:hover,
a.ace-no-border-button:hover {
  color: var(--ace-lime) !important;
  background-color: var(--ace-transparent) !important;
}

.ace-no-border-button button:disabled,
button:disabled.ace-no-border-button,
a:disabled.ace-no-border-button {
  border: none !important;
}

.ace-no-border-button button:disabled .ace-icon,
button.ace-no-border-button:disabled .ace-icon,
a.ace-no-border-button:disabled .ace-icon {
  color: var(--ace-gray-500) !important;
}

a.ace-normal-button,
button.ace-normal-button,
.ace-normal-button a,
.ace-normal-button button {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all ease-in-out 0.1s;
  text-align: center;
  background-color: var(--ace-transparent);
  padding: 10px 15px 10px 15px;
  margin: 0px 5px;
  cursor: pointer;
  color: var(--ace-lime);
  position: relative;
  border: 1px solid var(--ace-lime);
}

.ace-normal-button button .ace-icon {
  color: var(--ace-lime);
  background-color: var(--ace-transparent);
}

a.ace-normal-button[disabled],
button.ace-normal-button[disabled],
.ace-normal-button a[disabled],
.ace-normal-button button[disabled] {
  border-color: var(--ace-black-25);
  color: var(--ace-gray-500);
  background-color: var(--ace-gray-200) !important;
}

.ace-normal-button button[disabled] .ace-icon {
  color: var(--ace-gray-500);
  background-color: var(--ace-gray-200) !important;
}

a.ace-normal-button:hover,
button.ace-normal-button:hover,
.ace-normal-button a:hover,
.ace-normal-button button:hover {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
}

.ace-normal-button:before {
  display: inline-block;
}

html[dir="ltr"] .ace-normal-button i {
  margin-right: 5px;
}

html[dir="rtl"] .ace-normal-button i {
  margin-left: 5px;
}

html[dir="ltr"] .ace-normal-button:before {
  float: left;
}

html[dir="rtl"] .ace-normal-button:before {
  float: right;
}

html[dir="ltr"] .ace-normal-button:before {
  margin-right: 5px;
}

html[dir="rtl"] .ace-normal-button:before {
  margin-left: 5px;
}

.ace-normal-button a,
.ace-normal-button button {
  width: 100%;
}

a.ace-tiny-button,
button.ace-tiny-button,
.ace-tiny-button a,
.ace-tiny-button button {
  height: 25px;
  padding: 4px 12px;
}

.ace-button {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all ease-out 0.2s;
  text-align: center;
  padding: 10px 16px 10px 15px;
  background: var(--ace-transparent);
  cursor: pointer;
  color: var(--ace-lime);
  height: 34px;
  margin: 5px 0px;
  border: 1px solid var(--ace-transparent);
}

.ace-button:not([disabled]):hover {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
  border: 1px solid var(--ace-transparent);
}

.ace-floating-button {
  position: fixed;
  cursor: pointer;
  bottom: 25px;
  z-index: 1;
  box-shadow: 0px 3px 6px var(--ace-black-25);
  border-radius: 50%;
  height: 56px !important;
  width: 56px;
  font-size: 22px;
  text-align: center;
  line-height: 2;
  background-color: var(--ace-gray-100);
  color: var(--ace-pure-white);
}

html[dir="ltr"] .ace-floating-button {
  right: 30px;
}

html[dir="rtl"] .ace-floating-button {
  left: 30px;
}

.ace-floating-button:not([disabled]):hover {
  box-shadow: 0px 6px 12px var(--ace-black-25);
  color: var(--ace-pure-white);
}

.ace-floating-button i {
  line-height: 2.3 !important;
}

a.ace-cancel-button,
.ace-cancel-button a,
.ace-cancel-button button {
  border-color: var(--ace-red-pale);
  color: var(--ace-red-pale);
}

a.ace-cancel-button .ace-icon,
.ace-cancel-button a .ace-icon,
.ace-cancel-button button .ace-icon {
  color: var(--ace-red-pale);
}

a.ace-cancel-button:hover,
.ace-cancel-button:hover a,
.ace-cancel-button:hover button {
  background-color: var(--ace-red-pale);
  border-color: var(--ace-red-pale);
  color: var(--ace-pure-white);
}

a.ace-cancel-button:hover .ace-icon,
.ace-cancel-button:hover a .ace-icon,
.ace-cancel-button:hover button .ace-icon {
  background-color: var(--ace-red-pale);
  color: var(--ace-pure-white);
}

button.ace-filled-button,
.ace-filled-button button {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
  border-radius: 10px;
  text-align: center;
  position: relative;
  margin: 3px 0px;
}

.ace-auto-gen.ace-filled-button {
  background: var(--ace-transparent);
}

button.ace-filled-button .ace-icon,
.ace-filled-button button .ace-icon {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
}

button[disabled].ace-filled-button .ace-icon,
.ace-filled-button button[disabled] .ace-icon {
  background-color: var(--ace-gray-200) !important;
  color: var(--ace-gray-500) !important;
}

.ace-inside {
  top: 0px;
  margin: 0px;
  border: none;
  padding: 5px 8px;
  height: 34px;
  padding: 0px !important;
}

html[dir="ltr"] .ace-inside {
  float: right;
}

html[dir="rtl"] .ace-inside {
  float: left;
}

.ace-inside button {
  position: absolute;
  top: 0px;
  padding: 5px 8px;
  height: 34px;
  margin: 0px;
}

html[dir="ltr"] .ace-inside button {
  right: 0px;
}

html[dir="rtl"] .ace-inside button {
  left: 0px;
}

html[dir="ltr"] .ace-inside.ace-inside-double button {
  right: 36.5px;
}

html[dir="rtl"] .ace-inside.ace-inside-double button {
  left: 36.5px;
}

.ace-buttons-groups {
  position: static;
}

html[dir="ltr"] .ace-buttons-groups {
  right: 15px;
}

html[dir="rtl"] .ace-buttons-groups {
  left: 15px;
}

.ace-attention .ace-button-field button,
.ace-attention .ace-button-field button .ace-icon {
  color: var(--ace-red-dark);
}

.ace-attention .ace-button-field button[disabled],
.ace-attention .ace-button-field button[disabled] .ace-icon {
  background-color: var(--ace-gray-200) !important;
  color: var(--ace-gray-500) !important;
}

.ace-big-button .ace-button-field button,
button.ace-big-button {
  font-size: 20px;
}

/* end button modifiers */
/* begin icon button - obsolete, kept for backwards compatibility*/
.ace-iconbutton a {
  width: auto;
  transition: all ease 0.1s;
  text-align: center;
  background: var(--ace-gray-100);
  padding: 8px 10px;
  cursor: pointer;
  color: var(--ace-black-80);
  position: relative;
  margin: 3px;
  font-family: "Lato", "Font Awesome 5 Pro", "FontAwesome";
  font-size: 14px;
  /* border: 1px solid var(--ace-transparent); */
}

.ace-iconbutton a:hover {
  background: var(--ace-lime);
  color: var(--ace-pure-white);
}

/* end icon button modifiers */
/* begin title bar */
.ace-title-bar {
  width: 100%;
  height: 50px;
  padding: unset;
  background: var(--ace-gray-100);
  position: relative;
  display: flex;
  z-index: 5;
  justify-content: space-between;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-title-bar {
  box-shadow: -2px 2px 5px var(--ace-transparent);
}

html[dir="rtl"] .ace-title-bar {
  box-shadow: 2px 1px 2px var(--ace-transparent);
}

.ace-title-bar h2 {
  display: inline-block;
  border: none;
  line-height: 2.3;
  margin: 0px;
  white-space: nowrap;
  padding: 0px;
  color: var(--ace-black-90);
  overflow: hidden;
  text-overflow: ellipsis;
}

.ace-title-bar h2 > i {
  margin: 0px 15px;
}

/* end title bar */
/* begin transparent title bar */
.ace-transparent-title-bar {
  background: var(--ace-gray-100);
  height: 50px;
  box-shadow: 0px 0px var(--ace-transparent);
  padding: 8px 10px;
  position: relative;
  width: 100%;
  z-index: 7;
  border-bottom: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-transparent-title-ba {
  float: left;
}

html[dir="rtl"] .ace-transparent-title-ba {
  float: right;
}

.ace-transparent-title-bar h2 {
  color: var(--ace-black-90);
  width: auto;
  border: none;
  font-size: 20px;
}

.ace-transparent-title-bar .ace-auto-gen.ace-h2 .ace-display-field {
  width: 100%;
}

.ace-transparent-title-bar .ace-auto-gen.ace-h2 .ace-display-field span {
  color: var(--ace-black-90);
  border: none !important;
  width: 100%;
  font-size: 20px;
}

.ace-independent-form .ace-transparent-title-bar,
.ace-independent-style.ace-transparent-title-bar {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-transparent-title-bar .ace-col-11 {
    width: 91.66%;
  }
}
/* end transparent title bar */
/* begin thumbsup */
.ace-thumbs-up:before {
  color: var(--ace-green-soft);
  height: 12px;
}

html[dir="ltr"] .ace-thumbs-up:before {
  float: left;
}

html[dir="rtl"] .ace-thumbs-up:before {
  float: right;
}

html[dir="ltr"] .ace-thumbs-up:before {
  margin-right: 5px;
}

html[dir="rtl"] .ace-thumbs-up:before {
  margin-left: 5px;
}

.ace-thumbs-up .ace-display-field {
  width: auto !important;
}

/* end thumbsup */
.ace-field-container .ace-label {
  pointer-events: none;
}

.ace-label {
  display: inline-block;
  padding: 0px 10px 8px;
  width: auto;
  color: var(--ace-gray-500);
  font-weight: 400;
}

.ace-label-wrap label {
  white-space: normal;
}

.ace-label-align-top .ace-label {
  padding-bottom: 0px;
  line-height: 1.6 !important;
}

.ace-label-align-left .ace-label,
.ace-label-align-left .ace-empty ~ label,
.ace-label-align-left .ace-efld ~ label,
.ace-label-align-left .ace-error .ace-efld ~ label,
.ace-label-align-left .ace-error .ace-empty ~ label,
.ace-label-align-left .ace-error-req .ace-efld ~ label,
.ace-label-align-left .ace-error-req .ace-empty ~ label {
  position: static;
  display: table-cell;
  width: auto;
}

html[dir="ltr"] .ace-label-align-left .ace-label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-label {
  float: right;
}

html[dir="ltr"] .ace-label-align-left .ace-empty ~ label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-empty ~ label {
  float: right;
}

html[dir="ltr"] .ace-label-align-left .ace-efld ~ label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-efld ~ label {
  float: right;
}

html[dir="ltr"] .ace-label-align-left .ace-error .ace-efld ~ label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-error .ace-efld ~ label {
  float: right;
}

html[dir="ltr"] .ace-label-align-left .ace-error .ace-empty ~ label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-error .ace-empty ~ label {
  float: right;
}

html[dir="ltr"] .ace-label-align-left .ace-error-req .ace-efld ~ label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-error-req .ace-efld ~ label {
  float: right;
}

html[dir="ltr"] .ace-label-align-left .ace-error-req .ace-empty ~ label {
  float: left;
}

html[dir="rtl"] .ace-label-align-left .ace-error-req .ace-empty ~ label {
  float: right;
}

html[dir="ltr"] ace-label-align-left .ace-label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] ace-label-align-left .ace-label {
  border-left: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-label-align-left .ace-empty ~ label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-label-align-left .ace-empty ~ label {
  border-left: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-label-align-left .ace-efld ~ label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-label-align-left .ace-efld ~ label {
  border-left: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-label-align-left .ace-error .ace-efld ~ label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-label-align-left .ace-error .ace-efld ~ label {
  border-left: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-label-align-left .ace-error .ace-empty ~ label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-label-align-left .ace-error .ace-empty ~ label {
  border-left: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-label-align-left .ace-error-req .ace-efld ~ label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-label-align-left .ace-error-req .ace-efld ~ label {
  border-left: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-label-align-left .ace-error-req .ace-empty ~ label {
  border-right: 5px solid var(--ace-transparent);
}

html[dir="rtl"] .ace-label-align-left .ace-error-req .ace-empty ~ label {
  border-left: 5px solid var(--ace-transparent);
}

.ace-label-align-left .ace-error-msg {
  margin-top: 10px !important;
}

.ace-label-align-left .ace-text-field,
.ace-label-align-left .ace-combo-field,
.ace-label-align-left .ace-datepicker-field,
.ace-label-align-left .ace-text-editor {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.ace-label-align-left .ace-autocomplete-field {
  display: flex;
}

.ace-label-align-left .ace-autocomplete-field > label {
  order: 1;
}

.ace-label-align-left .ace-autocomplete-field > input {
  order: 10;
}

.ace-label-align-left .ace-autocomplete-field > button {
  order: 20;
}

.ace-label-align-left input,
.ace-label-align-left select,
.ace-label-align-left textarea {
  width: 100% !important;
  display: inline-block;
  white-space: nowrap;
}

html[dir="ltr"] .ace-label-align-left {
  float: right;
}

html[dir="rtl"] .ace-label-align-left {
  float: left;
}

/* end label related classes */
/* begin label modifiers */
.ace-no-label label {
  display: none !important;
}

.ace-label-width-auto label {
  width: auto !important;
  min-width: 0 !important;
}

.ace-label-max label {
  width: 100% !important;
}

html[dir="ltr"] .ace-label-text-right .ace-label {
  text-align: right;
}

html[dir="rtl"] .ace-label-text-right .ace-label {
  text-align: left;
}

html[dir="ltr"] .ace-label-text-left .ace-label {
  text-align: left;
}

html[dir="rtl"] .ace-label-text-left .ace-label {
  text-align: right;
}

/* end label modifiers */
[ace-tooltip]:hover::after {
  display: block;
  position: absolute;
  margin-top: 10px;
  z-index: 1000;
  content: attr(ace-tooltip);
  background-color: var(--ace-transparent);
  color: var(--ace-lime);
  padding: 5px;
  border-bottom: 1px solid var(--ace-transparent);
}

/* begin badge related classes */
.ace-badge {
  margin-top: 0px;
  line-height: 1.2;
  padding: 8px 10px;
  height: 34px;
  color: var(--ace-pure-white);
  background: var(--ace-lime);
  z-index: 3;
  position: relative;
  font-size: 16px;
}

html[dir="ltr"] .ace-badge {
  margin-right: 5px;
}

html[dir="rtl"] .ace-badge {
  margin-left: 5px;
}

html[dir="ltr"] .ace-badge {
  float: right;
}

html[dir="rtl"] .ace-badge {
  float: left;
}

.ace-badge-pointer {
  cursor: pointer;
}

.ace-text-editor .ace-badge {
  top: -20px;
}

.ace-display-field span.ace-badge {
  color: var(--ace-pure-white);
}

.ace-round-badge .ace-badge {
  border-radius: 10px;
}

.ace-badge i {
  line-height: 1 !important;
}

/* end badge related classes */
/* begin chat bubbles */
.ace-chat-buble {
  padding: 10px !important;
  position: relative;
  border-radius: 10px;
}

html[dir="ltr"] ace-chat-buble {
  padding-right: 10px !important;
}

html[dir="rtl"] ace-chat-buble {
  padding-left: 10px !important;
}

.ace-chat-from:before {
  content: " ";
  display: inline-block;
  position: absolute;
  font-size: 20px;
  color: var(--ace-lime);
  top: 0px;
  border-top: 25px solid var(--ace-gray-200);
  border-right: 25px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-chat-from:before {
  left: -15px;
}

html[dir="rtl"] .ace-chat-from:before {
  right: -15px;
}

html[dir="ltr"] .ace-chat-from:before {
  transform: rotateY(180deg);
}

.ace-chat-from:after {
  content: " ";
  display: inline-block;
  position: absolute;
  font-size: 20px;
  background: var(--ace-gray-100);
  top: 0px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

html[dir="ltr"] .ace-chat-from:after {
  left: -35px;
}

html[dir="rtl"] .ace-chat-from:after {
  right: -35px;
}

.ace-chat-for:before {
  content: " ";
  display: inline-block;
  position: absolute;
  font-size: 20px;
  color: var(--ace-pure-white);
  top: 0px;
  border-bottom: 5px solid var(--ace-transparent);
  border-top: 35px solid var(--ace-gray-200);
  border-right: 25px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-chat-for:before {
  right: -15px;
}

html[dir="rtl"] .ace-chat-for:before {
  left: -15px;
}

.ace-chat-for:after {
  content: " ";
  display: inline-block;
  position: absolute;
  font-size: 20px;
  height: 34px;
  z-index: 0;
  border-radius: 50%;
  background: var(--ace-gray-100);
  top: 0px;
  width: 34px;
  border-bottom: 5px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-chat-for:after {
  left: -35px;
}

html[dir="rtl"] .ace-chat-for:after {
  right: -35px;
}

html[dir="ltr"] .ace-chat-for {
  margin-left: 48px;
}

html[dir="rtl"] .ace-chat-for {
  margin-right: 48px;
}

html[dir="ltr"] .ace-chat-from {
  margin-left: 48px;
}

html[dir="rtl"] .ace-chat-from {
  margin-right: 48px;
}

/* end chat bubbles */
/* begin timeline */
.ace-timeline .ace-grid-body {
  height: calc(100% - 220px);
}

.ace-timeline .ace-grid-body:before {
  content: " ";
  width: 4px;
  height: 100%;
  position: absolute;
  background: var(--ace-gray-200);
}

.ace-timeline-block {
  width: 100%;
  position: relative;
}

html[dir="ltr"] .ace-timeline-block {
  float: left;
}

html[dir="rtl"] .ace-timeline-block {
  float: right;
}

.ace-timeline-content {
  border-radius: 10px;
  position: relative;
  background: var(--ace-gray-100);
  box-shadow: 0px 1px 2px var(--ace-black-25);
}

html[dir="ltr"] .ace-timeline-content .ace-field-container {
  padding-right: 0px !important;
}

html[dir="rtl"] .ace-timeline-content .ace-field-container {
  padding-left: 0px !important;
}

.ace-timeline-content-subtitle {
  width: 100%;
  clear: both;
  opacity: 0.5;
  font-size: 14px;
}

.ace-timeline-content-title {
  font-size: 18px;
}

.ace-timeline-content-state {
  opacity: 0.7;
}

.ace-timeline-content-timestamp {
  font-size: 14px;
  color: var(--ace-blue-glow);
}

.ace-timeline-icon i:before {
  line-height: 2;
  font-size: 22px;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon {
  color: var(--ace-pure-white);
}

.ace-timeline-icon[cpat="1"] {
  background: var(--ace-yellow-soft);
}

.ace-timeline-icon[cpat="2"] {
  background: var(--ace-lime);
}

.ace-timeline-icon[cpat="3"] {
  background: var(--ace-yellow-soft);
}

.ace-timeline-icon[cpat="5"] {
  background: var(--ace-lime);
}

.ace-timeline-icon[cpat="4BP"],
.ace-timeline-icon[cpat="4PR/HR"],
.ace-timeline-icon[cpat="4RR"],
.ace-timeline-icon[cpat="4TEMP"],
.ace-timeline-icon[cpat="4O2Sat"],
.ace-timeline-icon[cpat="4F/RBS"] {
  background: var(--ace-teal);
}

.ace-timeline-icon[cpat="1"] i:before {
  content: "\ed0b" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="2"] i:before {
  content: "\f0f5" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="3"] i:before {
  content: "\ed02" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="4BP"] i:before {
  content: "\ecef" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="4PR/HR"] i:before {
  content: "\f21e" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="4RR"] i:before {
  content: "\ecef" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="4TEMP"] i:before {
  content: "\ed16" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="4O2sar"] i:before {
  content: "\ee84" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="4F/RBS"] i:before {
  content: "\ed15" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

.ace-timeline-icon[cpat="5"] i:before {
  content: "\ee84" !important;
  font-family: FontAwesome, "Font Awesome 5 Pro", "icofont";
}

@media screen and (min-width: 1181px) {
  .ace-timeline {
    max-width: 1 270px;
    margin: 0px auto !important;
    display: block;
    float: none !important;
  }
  .ace-timeline-content {
    border-radius: 10px;
    width: 45%;
    position: relative;
    background: var(--ace-gray-100);
    box-shadow: 0px 1px 2px var(--ace-black-25);
  }
  .ace-timeline .ace-grid-body:before {
    content: " ";
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  html[dir="ltr"] .ace-timeline-content {
    float: left;
  }
  html[dir="rtl"] .ace-timeline-content {
    float: right;
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content {
    float: right;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content {
    float: left;
  }
  .ace-timeline-block .ace-timeline-content:before {
    content: " ";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;
    z-index: 1;
    border-top: 12px solid var(--ace-transparent);
    border-bottom: 12px solid var(--ace-transparent);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:before {
    border-left: 10px solid var(--ace-pure-white);
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:before {
    border-right: 10px solid var(--ace-pure-white);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:before {
    right: -8px;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:before {
    left: -8px;
  }
  .ace-grid-row:nth-child(odd) .ace-timeline-block .ace-timeline-content:after {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: -1;
    filter: blur(2px);
    width: 0;
    height: 0;
    border-top: 10px solid var(--ace-transparent);
    border-bottom: 10px solid var(--ace-transparent);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:after {
    border-left: 8px solid var(--ace-black-25);
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:after {
    border-right: 8px solid var(--ace-black-25);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:after {
    right: -8px;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content:after {
    left: -8px;
  }
  .ace-timeline-content-timestamp {
    position: absolute;
    top: 16px;
    white-space: nowrap;
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content-timestamp {
    left: 122%;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content-timestamp {
    right: 122%;
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content-timestamp {
    right: 122%;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content-timestamp {
    left: 122%;
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content-timestamp
    div {
    float: left;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(odd)
    .ace-timeline-block
    .ace-timeline-content-timestamp
    div {
    float: right;
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content-timestamp
    div {
    float: right;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content-timestamp
    div {
    float: left;
  }
  .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:before {
    content: " ";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;
    z-index: 1;
    border-top: 12px solid var(--ace-transparent);
    border-bottom: 12px solid var(--ace-transparent);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:before {
    border-right: 10px solid var(--ace-pure-white);
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:before {
    border-left: 10px solid var(--ace-pure-white);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:before {
    left: -8px;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:before {
    right: -8px;
  }
  .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:after {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: -1;
    filter: blur(2px);
    width: 0;
    height: 0;
    border-top: 10px solid var(--ace-transparent);
    border-bottom: 10px solid var(--ace-transparent);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:after {
    border-right: 8px solid var(--ace-black-25);
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:after {
    border-left: 8px solid var(--ace-black-25);
  }
  html[dir="ltr"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:after {
    left: -8px;
  }
  html[dir="rtl"]
    .ace-grid-row:nth-child(even)
    .ace-timeline-block
    .ace-timeline-content:after {
    right: -8px;
  }
  .ace-timeline-icon {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    background: var(--ace-gray-200);
    box-shadow:
      0px 1px 2px var(--ace-black-25),
      inset 0px 1px 2px var(--ace-black-25);
    border: 6px solid var(--ace-pure-white);
  }
}
@media screen and (min-width: 320px) and (max-width: 1180px) {
  html[dir="ltr"] .ace-timeline-block {
    padding-left: 83px;
  }
  html[dir="rtl"] .ace-timeline-block {
    padding-right: 83px;
  }
  .ace-timeline .ace-grid-body:before {
    content: " ";
  }
  html[dir="ltr"] .ace-timeline .ace-grid-body:before {
    left: 40px;
  }
  html[dir="rtl"] .ace-timeline .ace-grid-body:before {
    right: 40px;
  }
  .ace-timeline-content-timestamp {
    position: static;
    padding-top: 15px;
  }
  .ace-timeline-content:before {
    content: " ";
    position: absolute;
    top: 16px;
    width: 0;
    height: 0;
    z-index: 1;
    border-top: 12px solid var(--ace-transparent);
    border-bottom: 12px solid var(--ace-transparent);
  }
  html[dir="ltr"] .ace-timeline-content:before {
    border-right: 10px solid var(--ace-pure-white);
  }
  html[dir="rtl"] .ace-timeline-content:before {
    border-left: 10px solid var(--ace-pure-white);
  }
  html[dir="ltr"] .ace-timeline-content:before {
    left: -8px;
  }
  html[dir="rtl"] .ace-timeline-content:before {
    right: -8px;
  }
  .ace-timeline-icon {
    position: absolute;
    margin: 0px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    background: var(--ace-gray-200);
    box-shadow:
      0px 1px 2px var(--ace-black-25),
      inset 0px 1px 2px var(--ace-black-25);
    border: 6px solid var(--ace-pure-white);
  }
  html[dir="ltr"] .ace-timeline-icon {
    left: 15px;
  }
  html[dir="rtl"] .ace-timeline-icon {
    right: 15px;
  }
  .ace-timeline-content:after {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: -1;
    filter: blur(2px);
    width: 0;
    height: 0;
    border-top: 10px solid var(--ace-transparent);
    border-bottom: 10px solid var(--ace-transparent);
  }
  html[dir="ltr"] .ace-timeline-content:after {
    border-right: 8px solid var(--ace-black-25);
  }
  html[dir="rtl"] .ace-timeline-content:after {
    border-left: 8px solid var(--ace-black-25);
  }
  html[dir="ltr"] .ace-timeline-content:after {
    left: -8px;
  }
  html[dir="rtl"] .ace-timeline-content:after {
    right: -8px;
  }
  .ace-timeline-content {
    border-radius: 10px;
    width: 100%;
    position: relative;
    background: var(--ace-transparent);
    box-shadow: 0px 1px 2px var(--ace-black-25);
  }
  html[dir="ltr"] .ace-timeline-content {
    float: left;
  }
  html[dir="rtl"] .ace-timeline-content {
    float: right;
  }
}
/* end timeline */
/* begin panel colors */
div.ace-panel-white {
  padding: 0px 15px;
  background-color: var(--ace-gray-100);
}

html[dir="ltr"] .ace-panel-white {
  border-left: 4px solid var(--ace-pure-white);
}

html[dir="rtl"] .ace-panel-white {
  border-right: 4px solid var(--ace-pure-white);
}

.ace-panel-white
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-gray-500) !important;
}

div.ace-panel-blue {
  padding: 0px 15px;
  background-color: var(--ace-blue-glow);
}

html[dir="ltr"] .ace-panel-blue {
  border-left: 4px solid var(--ace-lime);
}

html[dir="rtl"] .ace-panel-blue {
  border-right: 4px solid var(--ace-lime);
}

.ace-panel-blue
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-lime) !important;
}

div.ace-panel-yellow {
  padding: 0px 15px;
  background-color: var(--ace-yellow-glow);
}

html[dir="ltr"] .ace-panel-yellow {
  border-left: 4px solid var(--ace-yellow-soft);
}

html[dir="rtl"] .ace-panel-yellow {
  border-right: 4px solid var(--ace-yellow-soft);
}

.ace-panel-yellow
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-yellow-soft) !important;
}

div.ace-panel-orange {
  background-color: var(--ace-pure-orange);
  padding: 0px 15px;
}

html[dir="ltr"] .ace-panel-orange {
  border-left: 4px solid var(--ace-orange);
}

html[dir="rtl"] .ace-panel-orange {
  border-right: 4px solid var(--ace-orange);
}

.ace-panel-orange
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-orange) !important;
}

div.ace-panel-red {
  background-color: var(--ace-pink-glow);
  padding: 0px 15px;
}

html[dir="ltr"] .ace-panel-red {
  border-left: 4px solid var(--ace-pure-red);
}

html[dir="rtl"] .ace-panel-red {
  border-right: 4px solid var(--ace-pure-red);
}

.ace-panel-red
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-pure-red) !important;
}

div.ace-panel-green {
  background-color: var(--ace-green);
  padding: 0px 15px;
}

html[dir="ltr"] .ace-panel-green {
  border-left: 4px solid var(--ace-teal);
}

html[dir="rtl"] .ace-panel-green {
  border-right: 4px solid var(--ace-teal);
}

.ace-panel-green
  .ace-checkbox-field
  input[type="checkbox"]:checked
  + span:before {
  color: var(--ace-teal) !important;
}

[class*="ace-panel-"] .ace-checkbox-field span {
  background-color: var(--ace-transparent) !important;
}

/* end panel colors */
/* begin entry card */
.ace-entry-card {
  transition: ease 0.2s;
  background: var(--ace-gray-100);
  border-radius: 10px;
  margin: 0px 0px 15px 0px;
  position: relative;
  min-height: 45px;
  max-height: 750px;
  overflow: hidden;
  box-shadow: 0px 1px 2px var(--ace-black-25);
}

html[dir="ltr"] .ace-entry-card {
  float: left;
}

html[dir="rtl"] .ace-entry-card {
  float: right;
}

.ace-entry-card.ace-auto-height {
  max-height: initial !important;
  margin-bottom: 25px !important;
}

html[dir="ltr"] .ace-entry-card .ace-field-container {
  padding-right: 0px !important;
}

html[dir="rtl"] .ace-entry-card .ace-field-container {
  padding-left: 0px !important;
}

html[dir="ltr"] .ace-entry-card .ace-field-container.ace-small-padding-right {
  padding-right: 10px !important;
}

html[dir="rtl"] .ace-entry-card .ace-field-container.ace-small-padding-right {
  padding-left: 10px !important;
}

.ace-entry-card.ace-colapsed {
  max-height: 45px !important;
}

.ace-closing-animation {
  animation: close 0.4s;
}

.ace-entry-card.ace-full-screen {
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 100%;
  animation: fullscreen 0.2s;
  width: 100%;
  max-width: 100%;
}

html[dir="ltr"] .ace-entry-card.ace-full-screen {
  left: 0px;
}

html[dir="rtl"] .ace-entry-card.ace-full-screen {
  right: 0px;
}

.ace-independent-form .ace-entry-card {
  margin: 0px;
}

.ace-entry-card:hover .ace-entry-card-title {
  border-color: var(--ace-lime);
}

.ace-entry-card-title {
  background: var(--ace-gray-100);
  width: 100%;
  color: var(--ace-black-90);
  padding: 0px 15px;
  height: 45px;
  transition: ease-out 0.2s;
  overflow: hidden;
}

html[dir="ltr"] .ace-entry-card-title {
  float: left;
}

html[dir="rtl"] .ace-entry-card-title {
  float: right;
}

.ace-entry-card.ace-flex a:before {
  line-height: 1.8 !important;
}

.ace-entry-card-title h2 {
  width: auto;
  border: none;
  font-size: 20px;
  padding: 4px 0px 0px 0px;
  white-space: nowrap;
}

.ace-entry-card-title .ace-auto-gen.ace-h2 .ace-display-field span.efld {
  width: auto;
  border: none;
  font-size: 20px;
  padding: 4px 0px 0px 0px;
}

.ace-entry-card-title .ace-auto-gen.ace-h2 .ace-display-field {
  width: 100%;
}

.ace-entry-card-title .ace-auto-gen.ace-h2 .ace-display-field span {
  width: auto;
  color: var(--ace-black-90);
  width: 100%;
  border: none !important;
  font-size: 20px !important;
  padding: 4px 0px 0px 0px !important;
}

.ace-entry-card-title p {
  line-height: 3.5;
}

.ace-entry-card-title span {
  line-height: 3.5;
}

.ace-entry-card-title .ace-display-field span {
  line-height: 3.4;
  color: var(--ace-black-80);
}

.ace-entry-card-title .ace-display-field .ace-label {
  line-height: 3.4;
}

.ace-entry-card-title .ace-display-field label {
  line-height: 1.4;
  min-width: 0 !important;
}

.ace-entry-card-image {
  height: 125px;
  overflow: hidden;
}

.ace-entry-card-image img {
  height: 100%;
}

.ace-entry-card h5 {
  float: none;
  line-height: 0.5;
  font-weight: 200;
  opacity: 0.7;
  clear: both;
}

.ace-entry-card.ace-no-shadow button {
  padding: 2px 5px !important;
  margin: 0px;
  font-size: 14px;
}

.ace-entry-card .ace-title-bar {
  margin-bottom: 9px;
  background: var(--ace-gray-100);
  z-index: initial;
}

html[dir="ltr"] .ace-entry-card .ace-title-bar {
  float: left;
}

html[dir="rtl"] .ace-entry-card .ace-title-bar {
  float: right;
}

.ace-entry-card .ace-title-bar h2 {
  color: var(--ace-black-90);
}

.ace-entry-card.ace-no-shadow h3 {
  width: auto;
}

.ace-entry-card.ace-no-shadow .ace-auto-gen {
  padding: 0px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-entry-card {
    max-height: unset;
  }
}
/* end entry card */
/* begin entry */
.ace-entry {
  display: flex;
}

.ace-entry .ace-display-field {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ace-entry.ace-active {
  border: none !important;
}

.ace-entry .ace-flex-wrap-yes {
  width: 70%;
}

.ace-entry .ace-flex-wrap-yes .ace-auto-gen {
  width: 100%;
}

.ace-entry .ace-flex-wrap-yes .ace-auto-gen .ace-efld {
  width: 100%;
  max-width: 10px !important;
}

.ace-entry .ace-flex-wrap-yes .ace-display-field {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-basis: 100%;
  width: 100%;
  max-width: 100% !important;
}

.ace-entry .ace-flex-wrap-yes .ace-auto-gen .ace-display-field span.ace-efld {
  width: 100%;
  max-width: 100% !important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ace-entry img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

html[dir="ltr"] .ace-entry img {
  margin-right: 10px;
}

html[dir="rtl"] .ace-entry img {
  margin-left: 10px;
}

.ace-entry.ace-active img,
.ace-grid-cell-selected .ace-entry img {
  border: 2px solid var(--ace-lime);
}

.ace-entry i.fa-many-arrows {
  position: absolute;
  top: 0px;
}

html[dir="ltr"] .ace-entry i.fa-many-arrows {
  right: 0px;
}

html[dir="rtl"] .ace-entry i.fa-many-arrows {
  left: 0px;
}

.ace-entry.ace-active i.fa-many-arrows:after,
.ace-grid-cell-selected i.fa-many-arrows:after {
  content: " ";
  background: url("https://cdn.jsdelivr.net/gh/GoAswaq/acejs/css/images/manyarrows.png")
    0;
  width: 27px;
  height: 18px;
  display: block;
}

html[dir="ltr"] .ace-entry.ace-active i.fa-many-arrows:after {
  float: right;
}

html[dir="rtl"] .ace-entry.ace-active i.fa-many-arrows:after {
  float: left;
}

html[dir="ltr"] .ace-grid-cell-selected i.fa-many-arrows:after {
  float: right;
}

html[dir="rtl"] .ace-grid-cell-selected i.fa-many-arrows:after {
  float: left;
}

html[dir="rtl"] .ace-entry.ace-active i.fa-many-arrows:after,
html[dir="rtl"] .ace-grid-cell-selected i.fa-many-arrows:after {
  transform: rotate(180deg);
}

.ace-entry.ace-active i.fa-many-arrows {
  position: relative;
}

.ace-entry-subtitle {
  font-size: 12px;
  margin-top: -5px;
}

/* end entry */
/* begin searchform */
.ace-search-panel input {
  color: var(--ace-gray-500);
  background-color: var(--ace-transparent);
}

.ace-search-panel a.fa-search {
  color: var(--ace-lime);
  background-color: var(--ace-transparent);
}

/* end searchform field */
/* begin simple card */
.ace-simple-card {
  border: 1px solid;
  background: var(--ace-gray-100);
  border: 1px solid var(--ace-black-80);
}

html[dir="ltr"] .ace-simple-card {
  float: left;
}

html[dir="rtl"] .ace-simple-card {
  float: right;
}

.ace-simple-card .ace-label {
  max-width: 100%;
  min-width: auto !important;
  color: var(--ace-black-90);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir="ltr"] ace-simple-card {
  margin-right: 5px;
}

html[dir="rtl"] ace-simple-card {
  margin-left: 5px;
}

.ace-simple-card-footer {
  padding-top: 15px !important;
}

html[dir="ltr"] .ace-simple-card-footer {
  float: left;
}

html[dir="rtl"] .ace-simple-card-footer {
  float: right;
}

.ace-simple-card-fixed-image {
  height: 105px;
  width: 100%;
}

html[dir="ltr"] .ace-simple-card-fixed-image {
  float: left;
}

html[dir="rtl"] .ace-simple-card-fixed-image {
  float: right;
}

html[dir="ltr"] .ace-simple-card-fixed-image {
  padding-right: 15px;
}

html[dir="rtl"] .ace-simple-card-fixed-image {
  padding-left: 15px;
}

.ace-simple-card-fixed-image img {
  max-height: 100%;
  max-width: 100%;
  height: auto !important;
  width: auto !important;
  display: block;
  margin: auto;
  padding: 8px 10px;
}

a.ace-simple-card {
  color: var(--ace-black-90);
  opacity: 0.7;
  overflow: hidden;
  border-radius: 10px;
}

a.ace-simple-card:hover,
[class*="ace-"] a.ace-simple-card:hover,
a.ace-simple-card-hover,
[class*="ace-"] a.ace-simple-card-hover {
  color: var(--ace-black-90);
  opacity: 1;
}

a.ace-simple-card h3 {
  border: none;
}

/* end simple card */
/* begin icon card */
.ace-icon-card {
  text-align: center;
}

.ace-icon-card i {
  display: block;
  width: 80px;
  height: 80px;
  padding: 5px;
  font-size: 48px;
  text-align: center;
  color: var(--ace-pure-white);
  border-radius: 50%;
  background: var(--ace-lime);
  margin: 0px auto;
}

.ace-icon-card.ace-icon-card-small i {
  width: 40px;
  height: 40px;
  font-size: 20px;
}

html[dir="ltr"] .ace-icon-card.ace-icon-card-small i {
  margin-right: 10px;
}

html[dir="rtl"] .ace-icon-card.ace-icon-card-small i {
  margin-left: 10px;
}

.ace-icon-card i {
  line-height: 1.5;
}

@media screen and (min-width: 320px) and (max-width: 600px) {
  html[dir="ltr"] .ace-icon-card {
    margin-left: 8px;
  }
  html[dir="rtl"] .ace-icon-card {
    margin-right: 8px;
  }
}
/* end icon card */
/* begin checkable card */
.ace-checkable-card {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  background: var(--ace-gray-100);
  align-items: flex-start;
  padding: 18px 12px 12px 12px;
  transition: ease 0.2s;
  box-shadow: 0px 1px 4px var(--ace-black-25);
  cursor: pointer;
  position: relative;
}

.ace-checkable-card span.ace-card-highlight {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0px;
  transition: ease 0.3s;
  pointer-events: none;
  border: 1px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-checkable-card span.ace-card-highlight {
  left: 0px;
}

html[dir="rtl"] .ace-checkable-card span.ace-card-highlight {
  right: 0px;
}

.ace-checkable-card input[type="checkbox"]:checked ~ span.ace-card-highlight {
  border-color: var(--ace-lime);
}

span.ace-card-highlight:after {
  position: absolute;
  top: -8px;
  content: "\f00c";
  transition: ease 0.3s;
  background: var(--ace-lime);
  font-size: 16px;
  text-align: center;
  opacity: 0;
  transform: scale(0);
  padding: 4px;
  width: 20px;
  height: 20px;
  color: var(--ace-pure-white);
  border-radius: 50%;
}

html[dir="ltr"] span.ace-card-highlight:after {
  left: -16px;
}

html[dir="rtl"] span.ace-card-highlight:after {
  right: -16px;
}

.ace-checkable-card
  input[type="checkbox"]:checked
  ~ span.ace-card-highlight:after {
  opacity: 1;
  transform: scale(1);
}

.ace-checkable-card input[type="checkbox"] {
  display: none;
}

html[dir="ltr"] .ace-checkable-card p {
  margin-right: auto;
}

html[dir="rtl"] .ace-checkable-card p {
  margin-left: auto;
}

.ace-checkable-card:hover {
  box-shadow: 0px 0px var(--ace-black-25);
}

/* end checkable card */
/* begin advanced panel */
.ace-advanced-panel-trigger.active-filters .ace-numbered-badge {
  color: var(--ace-pure-white);
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 10px;
  text-align: center;
  top: -7px;
  background: var(--ace-red-dark);
  position: absolute;
  line-height: 1;
}

html[dir="ltr"] .ace-advanced-panel-trigger.active-filters .ace-numbered-badge {
  right: -8px;
}

html[dir="rtl"] .ace-advanced-panel-trigger.active-filters .ace-numbered-badge {
  left: -8px;
}

.ace-advanced-panel {
  position: absolute;
  width: 180px;
  height: 100%;
  top: 0px;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  overflow: hidden;
  box-shadow: 10px 0px 362px var(--ace-black-25);
  background: var(--ace-gray-50);
  transition: ease 0.3s;
  -webkit-transform: translateX(-100%) translate3d(0px, 0px, 0px);
  transform: translateX(-100%) translate3d(0px, 0px, 0px);
}

html[dir="ltr"] .ace-advanced-panel {
  left: 0px;
}

html[dir="rtl"] .ace-advanced-panel {
  right: 0px;
}

html[dir="rtl"] .ace-advanced-panel {
  -webkit-transform: translateX(100%) translate3d(0px, 0px, 0px);
  transform: translateX(100%) translate3d(0px, 0px, 0px);
}

.ace-advanced-panel.ace-show,
html[dir="rtl"] .ace-advanced-panel.ace-show {
  transition: ease 0.3s;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  pointer-events: all;
}

html[dir="ltr"] .ace-advanced-panel.from-right {
  right: 0px;
  left: initial;
  -webkit-transform: translateX(100%) translate3d(0px, 0px, 0px);
  transform: translateX(100%) translate3d(0px, 0px, 0px);
}

html[dir="rtl"] .ace-advanced-panel.from-right {
  left: 0px;
  right: initial;
  -webkit-transform: translateX(-100%) translate3d(0px, 0px, 0px);
  transform: translateX(-100%) translate3d(0px, 0px, 0px);
}

html[dir="ltr"] .ace-advanced-panel.from-right.ace-show,
html[dir="rtl"] .ace-advanced-panel.from-right.ace-show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.ace-advanced-panel.from-top {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0px;
  -webkit-transform: translateY(-100%) translate3d(0px, 0px, 0px);
  transform: translateY(-100%) translate3d(0px, 0px, 0px);
}

.ace-advanced-panel.from-top.ace-show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0px 4px 80px var(--ace-black-25);
}

.ace-advanced-panel.from-bottom {
  width: 100%;
  height: auto;
  top: initial;
  bottom: 0px;
  -webkit-transform: translateY(100%) translate3d(0px, 0px, 0px);
  transform: translateY(100%) translate3d(0px, 0px, 0px);
}

.ace-advanced-panel.from-bottom.ace-show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* end advanced panel */
/* begin independent form */
.ace-independent-form {
  position: absolute !important;
  width: 100% !important;
  height: 100%;
  top: 0px;
  z-index: 6;
  overflow: hidden;
  background: var(--ace-gray-100);
  will-change: transform;
  transition: ease 0.3s;
}

html[dir="ltr"] .ace-independent-form {
  padding-left: 10px;
}

html[dir="rtl"] .ace-independent-form {
  padding-right: 10px;
}

.ace-independent-form .ace-grid .ace-entry-card {
  margin-bottom: 10px;
}

.ace-independent-form.ace-show {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) translateZ(0px) !important;
  transition: ease-out 0.3s;
  box-shadow: 0 0px 24px var(--ace-transparent);
}

html[dir="ltr"] .ace-independent-form {
  -webkit-transform: translateX(100%) translate3d(0px, 0px, 0px);
  transform: translateX(150%) translate3d(0px, 0px, 0px);
}

html[dir="rtl"] .ace-independent-form {
  -webkit-transform: translateX(-100%) translate3d(0px, 0px, 0px);
  transform: translateX(-150%) translate3d(0px, 0px, 0px);
}

.ace-lateral-form {
  max-width: 400px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-lateral-form {
    max-width: 100vw;
  }
}
html[dir="ltr"] .ace-lateral-form .ace-soft-close {
  left: 10px;
}

html[dir="rtl"] .ace-lateral-form .ace-soft-close {
  right: 10px;
}

html[dir="ltr"] .ace-lateral-form {
  right: 0px;
}

html[dir="rtl"] .ace-lateral-form {
  left: 0px;
}

.ace-lateral-form [class*="ace-col-"],
.ace-lateral-form [class*="ace-thin-col-"],
.ace-lateral-form [class*="ace-extra-thin-col-"] {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}

.ace-lateral-form .ace-col-fm-1 {
  width: 8.33%;
  flex-basis: 8.33%;
  max-width: 8.33%;
}

.ace-lateral-form .ace-col-fm-2 {
  width: 16.66%;
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.ace-lateral-form .ace-col-fm-3 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.ace-lateral-form .ace-col-fm-4 {
  width: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.ace-lateral-form .ace-col-fm-5 {
  width: 41.66%;
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.ace-lateral-form .ace-col-fm-6 {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.ace-lateral-form .ace-col-fm-7 {
  width: 58.33%;
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.ace-lateral-form .ace-col-fm-8 {
  width: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.ace-lateral-form .ace-col-fm-9 {
  width: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.ace-lateral-form .ace-col-fm-10 {
  width: 83.33%;
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.ace-lateral-form .ace-col-fm-11 {
  width: 91.66%;
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.ace-lateral-form .ace-col-fm-12 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

/* end independent form */
/* begin quick access bar */
.ace-quick-access-bar {
  height: 100%;
  width: 250px;
  overflow: visible;
  padding: 15px;
  z-index: 6;
  opacity: 0.99;
  display: flex;
  flex-direction: column;
  position: relative;
}

html[dir="ltr"] .ace-quick-access-bar {
  float: left;
}

html[dir="rtl"] .ace-quick-access-bar {
  float: right;
}

html[dir="ltr"] .ace-quick-access-bar .ace-dropdown-list {
  left: initial;
}

html[dir="rtl"] .ace-quick-access-bar .ace-dropdown-list {
  right: initial;
}

html[dir="ltr"] .ace-quick-access-bar .ace-dropdown-list {
  right: 0px;
}

html[dir="rtl"] .ace-quick-access-bar .ace-dropdown-list {
  left: 0px;
}

.ace-advanced-panel.ace-quick-access-bar {
  width: 0px;
  display: block;
  position: relative;
}

html[dir="ltr"] .ace-advanced-panel.ace-quick-access-bar {
  left: -300px;
}

html[dir="rtl"] .ace-advanced-panel.ace-quick-access-bar {
  right: -300px;
}

.ace-advanced-panel.ace-not-default.ace-quick-access-bar {
  position: absolute;
}

.ace-advanced-panel.ace-quick-access-bar.ace-show {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}

html[dir="ltr"] .ace-advanced-panel.ace-quick-access-bar.ace-show {
  left: 0px;
}

html[dir="rtl"] .ace-advanced-panel.ace-quick-access-bar.ace-show {
  right: 0px;
}

.ace-quick-access-bar.ace-entries-menu {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.ace-quick-access-bar .ace-text-field {
  padding-bottom: 0px;
}

.ace-quick-access-bar .ace-search-panel {
  margin-bottom: 0px !important;
  width: 100%;
}

.ace-quick-access-bar .ace-title-bar {
  overflow: visible;
}

html[dir="ltr"] .ace-quick-access-bar .ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] .ace-quick-access-bar .ace-field-container {
  padding-left: 0px;
}

.ace-quick-access-bar .ace-grid {
  width: 100%;
  max-height: 100%;
}

.ace-quick-access-bar .ace-grid .ace-grid-body {
  max-height: 100%;
  height: auto;
}

.ace-quick-access-bar .ace-grid .ace-grid-footer {
  width: 100% !important;
}

.ace-quick-access-bar .ace-grid .ace-grid-footer .ace-grid-pagination {
  width: 100% !important;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-quick-access-bar .ace-search-panel {
    display: flex;
    justify-content: space-around;
  }
}
/* end quick access bar */
/* begin popover */
.ace-popover {
  background: var(--ace-gray-100);
  z-index: 2;
  padding: 15px;
  border-radius: 10px;
  top: 41px;
  position: absolute;
  transform: translateY(-15%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0px 0px 10px var(--ace-black-25);
  transition:
    height 0s,
    opacity ease 0.2s,
    transform ease 0.2s !important;
}

.ace-popover.ace-show {
  height: auto;
  pointer-events: all;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

html[dir="ltr"] .ace-popover .ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] .ace-popover .ace-field-container {
  padding-left: 0px;
}

.ace-popover:before {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -10px;
  width: 0px;
  height: 0px;
  content: " ";
  border-bottom: 10px solid var(--ace-transparent);
  border-left: 10px solid var(--ace-transparent);
  border-right: 10px solid var(--ace-transparent);
}

.ace-pop-over:before {
  top: -7px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  z-index: 50;
  border-bottom: 7px solid var(--ace-transparent);
  border-right: 7px solid var(--ace-transparent);
  border-left: 7px solid var(--ace-transparent);
}

html[dir="ltr"] .ace-pop-over:before {
  margin-left: -7px;
}

html[dir="rtl"] .ace-pop-over:before {
  margin-right: -7px;
}

/* end popover */
/* begin advanced panel */
.ace-presentation-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: stretch;
}

html[dir="ltr"] .ace-presentation-container {
  padding-left: 10px;
}

html[dir="rtl"] .ace-presentation-container {
  padding-right: 10px;
}

html[dir="ltr"] .ace-grid .ace-presentation-container {
  padding-left: 0px;
}

html[dir="rtl"] .ace-grid .ace-presentation-container {
  padding-right: 0px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  html[dir="ltr"] .ace-presentation-container {
    padding-left: 1px;
  }
  html[dir="rtl"] .ace-presentation-container {
    padding-right: 1px;
  }
}
.ace-presentation-container.ace-presentation-container-reverse {
  flex-direction: row-reverse;
}

.ace-presentation-container > .ace-presentation-main,
.ace-grid .ace-presentation-container > .ace-presentation-main.ace-grid-body {
  width: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
  background-color: var(--ace-pure-white);
  color: var(--ace-black-80);
}

.ace-presentation-container.ace-presentation-transparent-main
  > .ace-presentation-main {
  background-color: var(--ace-transparent);
}

.ace-presentation-container > .ace-presentation-info,
.ace-grid .ace-presentation-container > .ace-presentation-info {
  width: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
  background-color: var(--ace-gray-100);
  color: var(--ace-pure-white);
}

.ace-presentation-container.ace-presentation-transparent-info
  > .ace-presentation-info {
  background-color: var(--ace-transparent);
  color: var(--ace-black-80);
}

.ace-grid .ace-presentation-container > .ace-presentation-info {
  background-color: var(--ace-gray-100);
  color: var(--ace-black-80);
}

.ace-presentation-container.ace-presentation-ration-10-2
  > .ace-presentation-main,
.ace-grid
  .ace-presentation-container.ace-presentation-ration-10-2
  > .ace-presentation-main.ace-grid-body {
  width: 83.33%;
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.ace-presentation-container.ace-presentation-ration-10-2
  > .ace-presentation-info,
.ace-grid
  .ace-presentation-container.ace-presentation-ration-10-2
  > .ace-presentation-info {
  width: 16.66%;
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.ace-presentation-container.ace-presentation-ration-6-6
  > .ace-presentation-main,
.ace-grid
  .ace-presentation-container.ace-presentation-ration-6-6
  > .ace-presentation-main.ace-grid-body {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.ace-presentation-container.ace-presentation-ration-6-6
  > .ace-presentation-info,
.ace-grid
  .ace-presentation-container.ace-presentation-ration-6-6
  > .ace-presentation-info {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.ace-presentation-container.ace-presentation-hidden-info
  > .ace-presentation-main,
.ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-10-2
  > .ace-presentation-main,
.ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-6-6
  > .ace-presentation-main,
.ace-grid
  .ace-presentation-container.ace-presentation-hidden-info
  > .ace-presentation-main.ace-grid-body,
.ace-grid
  .ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-10-2
  > .ace-presentation-main.ace-grid-body,
.ace-grid
  .ace-presentation-container.ace-presentation-hidden-info.ace-presentation-ration-6-6
  > .ace-presentation-main.ace-grid-body {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.ace-presentation-container.ace-presentation-hidden-info
  > .ace-presentation-info {
  display: none;
}

html[dir="ltr"] .ace-presentation-container > .ace-presentation-info {
  padding-left: 1px;
}

html[dir="rtl"] .ace-presentation-container > .ace-presentation-info {
  padding-right: 1px;
}

html[dir="ltr"]
  .ace-presentation-container.ace-presentation-container-reverse
  > .ace-presentation-info {
  padding-left: 0px;
}

html[dir="rtl"]
  .ace-presentation-container.ace-presentation-container-reverse
  > .ace-presentation-info {
  padding-right: 0px;
}

html[dir="ltr"]
  .ace-presentation-container.ace-presentation-container-reverse
  > .ace-presentation-info {
  padding-right: 1px;
}

html[dir="rtl"]
  .ace-presentation-container.ace-presentation-container-reverse
  > .ace-presentation-info {
  padding-left: 1px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-presentation-container {
    flex-wrap: wrap;
  }
  .ace-presentation-container > .ace-presentation-main,
  .ace-presentation-container.ace-presentation-ration-10-2
    > .ace-presentation-main,
  .ace-presentation-container.ace-presentation-ration-6-6
    > .ace-presentation-main,
  .ace-grid .ace-presentation-container > .ace-presentation-main.ace-grid-body,
  .ace-grid
    .ace-presentation-container.ace-presentation-ration-10-2
    > .ace-presentation-main.ace-grid-body,
  .ace-grid
    .ace-presentation-container.ace-presentation-ration-6-6
    > .ace-presentation-main.ace-grid-body {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
  .ace-presentation-container > .ace-presentation-info {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding-top: 8px;
  }
  html[dir="ltr"] .ace-presentation-container > .ace-presentation-info {
    padding-left: 0px;
  }
  html[dir="rtl"] .ace-presentation-container > .ace-presentation-info {
    padding-right: 0px;
  }
  html[dir="ltr"]
    .ace-presentation-container.ace-presentation-container-reverse
    > .ace-presentation-info {
    padding-right: 0px;
  }
  html[dir="rtl"]
    .ace-presentation-container.ace-presentation-container-reverse
    > .ace-presentation-info {
    padding-left: 0px;
  }
  .ace-presentation-container.ace-presentation-hide-mobile-info
    > .ace-presentation-info {
    display: none;
  }
}
/* begin col */
html[dir="ltr"] [class*="ace-col-"] {
  float: left;
}

html[dir="rtl"] [class*="ace-col-"] {
  float: right;
}

html[dir="ltr"] [class*="ace-thin-col-"] {
  float: left;
}

html[dir="rtl"] [class*="ace-thin-col-"] {
  float: right;
}

html[dir="ltr"] [class*="ace-extra-thin-col-"] {
  float: left;
}

html[dir="rtl"] [class*="ace-extra-thin-col-"] {
  float: right;
}

.ace-col-1 {
  width: 8.33%;
  flex-basis: 8.33%;
  max-width: 8.33%;
}

.ace-col-2 {
  width: 16.66%;
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.ace-col-3 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.ace-col-4 {
  width: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.ace-col-5 {
  width: 41.66%;
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.ace-col-6 {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.ace-col-7 {
  width: 58.33%;
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.ace-col-8 {
  width: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.ace-col-9 {
  width: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.ace-col-10 {
  width: 83.33%;
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.ace-col-11 {
  width: 91.66%;
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.ace-col-12 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.ace-thin-col-1 {
  width: 4.16%;
  flex-basis: 4.16%;
  max-width: 4.16%;
}

.ace-thin-col-2 {
  width: 8.33%;
  flex-basis: 8.33%;
  max-width: 8.33%;
}

.ace-thin-col-3 {
  width: 12.5%;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.ace-thin-col-4 {
  width: 16.66%;
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.ace-thin-col-5 {
  width: 20.83%;
  flex-basis: 20.83%;
  max-width: 20.83%;
}

.ace-thin-col-6 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.ace-thin-col-7 {
  width: 29.16%;
  flex-basis: 29.16%;
  max-width: 29.16%;
}

.ace-thin-col-8 {
  width: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.ace-thin-col-9 {
  width: 37.5%;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.ace-thin-col-10 {
  width: 41.66%;
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.ace-thin-col-11 {
  width: 45.83%;
  flex-basis: 45.83%;
  max-width: 45.83%;
}

.ace-thin-col-12 {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.ace-thin-col-13 {
  width: 54.16%;
  flex-basis: 54.16%;
  max-width: 54.16%;
}

.ace-thin-col-14 {
  width: 58.33%;
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.ace-thin-col-15 {
  width: 62.5%;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.ace-thin-col-16 {
  width: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.ace-thin-col-17 {
  width: 70.83%;
  flex-basis: 70.83%;
  max-width: 70.83%;
}

.ace-thin-col-18 {
  width: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.ace-thin-col-19 {
  width: 79.16%;
  flex-basis: 79.16%;
  max-width: 79.16%;
}

.ace-thin-col-20 {
  width: 83.33%;
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.ace-thin-col-21 {
  width: 87.5%;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.ace-thin-col-22 {
  width: 91.66%;
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.ace-thin-col-23 {
  width: 95.83%;
  flex-basis: 95.83%;
  max-width: 95.83%;
}

.ace-thin-col-24 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

/* html[dir="ltr"] [class*="ace-sidebar"] {
  float: left;
}

html[dir="rtl"] [class*="ace-sidebar"] {
  float: right;
} */

.ace-shell-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.ace-sidebar {
  padding: 10px;
  padding-right: 0px;
  width: 6.25%;
  flex-basis: 6.25%;
  max-width: 96px;
  min-width: 54px;
  flex: 0 0 auto;
}

.ace-hero {
  flex: 1 1 auto;
  flex-basis: 0;
  width: auto;
  max-width: none;
  min-width: 0;
}

.ace-extra-thin-col-1 {
  width: 2.08%;
  flex-basis: 2.08%;
  max-width: 2.08%;
}

.ace-extra-thin-col-2 {
  width: 4.16%;
  flex-basis: 4.16%;
  max-width: 4.16%;
}

.ace-extra-thin-col-3 {
  width: 6.25%;
  flex-basis: 6.25%;
  max-width: 6.25%;
}

.ace-extra-thin-col-4 {
  width: 8.33%;
  flex-basis: 8.33%;
  max-width: 8.33%;
}

.ace-extra-thin-col-5 {
  width: 10.41%;
  flex-basis: 10.41%;
  max-width: 10.41%;
}

.ace-extra-thin-col-6 {
  width: 12.5%;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.ace-extra-thin-col-7 {
  width: 14.58%;
  flex-basis: 14.58%;
  max-width: 14.58%;
}

.ace-extra-thin-col-8 {
  width: 16.66%;
  flex-basis: 16.66%;
  max-width: 16.66%;
}

.ace-extra-thin-col-9 {
  width: 18.75%;
  flex-basis: 18.75%;
  max-width: 18.75%;
}

.ace-extra-thin-col-10 {
  width: 20.83%;
  flex-basis: 20.83%;
  max-width: 20.83%;
}

.ace-extra-thin-col-11 {
  width: 22.91%;
  flex-basis: 22.91%;
  max-width: 22.91%;
}

.ace-extra-thin-col-12 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.ace-extra-thin-col-13 {
  width: 27.08%;
  flex-basis: 27.08%;
  max-width: 27.08%;
}

.ace-extra-thin-col-14 {
  width: 29.16%;
  flex-basis: 29.16%;
  max-width: 29.16%;
}

.ace-extra-thin-col-15 {
  width: 31.25%;
  flex-basis: 31.25%;
  max-width: 31.25%;
}

.ace-extra-thin-col-16 {
  width: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.ace-extra-thin-col-17 {
  width: 35.41%;
  flex-basis: 35.41%;
  max-width: 35.41%;
}

.ace-extra-thin-col-18 {
  width: 37.5%;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.ace-extra-thin-col-19 {
  width: 39.58%;
  flex-basis: 39.58%;
  max-width: 39.58%;
}

.ace-extra-thin-col-20 {
  width: 41.66%;
  flex-basis: 41.66%;
  max-width: 41.66%;
}

.ace-extra-thin-col-21 {
  width: 43.75%;
  flex-basis: 43.75%;
  max-width: 43.75%;
}

.ace-extra-thin-col-22 {
  width: 45.83%;
  flex-basis: 45.83%;
  max-width: 45.83%;
}

.ace-extra-thin-col-23 {
  width: 47.91%;
  flex-basis: 47.91%;
  max-width: 47.91%;
}

.ace-extra-thin-col-24 {
  width: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.ace-extra-thin-col-25 {
  width: 52.08%;
  flex-basis: 52.08%;
  max-width: 52.08%;
}

.ace-extra-thin-col-26 {
  width: 54.16%;
  flex-basis: 54.16%;
  max-width: 54.16%;
}

.ace-extra-thin-col-27 {
  width: 56.25%;
  flex-basis: 56.25%;
  max-width: 56.25%;
}

.ace-extra-thin-col-28 {
  width: 58.33%;
  flex-basis: 58.33%;
  max-width: 58.33%;
}

.ace-extra-thin-col-29 {
  width: 60.41%;
  flex-basis: 60.41%;
  max-width: 60.41%;
}

.ace-extra-thin-col-30 {
  width: 62.5%;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.ace-extra-thin-col-31 {
  width: 64.58%;
  flex-basis: 64.58%;
  max-width: 64.58%;
}

.ace-extra-thin-col-32 {
  width: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.ace-extra-thin-col-33 {
  width: 68.75%;
  flex-basis: 68.75%;
  max-width: 68.75%;
}

.ace-extra-thin-col-34 {
  width: 70.83%;
  flex-basis: 70.83%;
  max-width: 70.83%;
}

.ace-extra-thin-col-35 {
  width: 72.91%;
  flex-basis: 72.91%;
  max-width: 72.91%;
}

.ace-extra-thin-col-36 {
  width: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.ace-extra-thin-col-37 {
  width: 77.08%;
  flex-basis: 77.08%;
  max-width: 77.08%;
}

.ace-extra-thin-col-38 {
  width: 79.16%;
  flex-basis: 79.16%;
  max-width: 79.16%;
}

.ace-extra-thin-col-39 {
  width: 81.25%;
  flex-basis: 81.25%;
  max-width: 81.25%;
}

.ace-extra-thin-col-40 {
  width: 83.33%;
  flex-basis: 83.33%;
  max-width: 83.33%;
}

.ace-extra-thin-col-41 {
  width: 85.41%;
  flex-basis: 85.41%;
  max-width: 85.41%;
}

.ace-extra-thin-col-42 {
  width: 87.5%;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.ace-extra-thin-col-43 {
  width: 89.58%;
  flex-basis: 89.58%;
  max-width: 89.58%;
}

.ace-extra-thin-col-44 {
  width: 91.66%;
  flex-basis: 91.66%;
  max-width: 91.66%;
}

.ace-extra-thin-col-45 {
  width: 93.75%;
  flex-basis: 93.75%;
  max-width: 93.75%;
}

.ace-extra-thin-col-46 {
  width: 95.83%;
  flex-basis: 95.83%;
  max-width: 95.83%;
}

.ace-extra-thin-col-47 {
  width: 97.91%;
  flex-basis: 97.91%;
  max-width: 97.91%;
}

.ace-extra-thin-col-48 {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .ace-col-l-1 {
    width: 8.33%;
    flex-basis: 8.33%;
    max-width: 8.33%;
  }
  .ace-col-l-2 {
    width: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
  .ace-col-l-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .ace-col-l-4 {
    width: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .ace-col-l-5 {
    width: 41.66%;
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .ace-col-l-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .ace-col-l-7 {
    width: 58.33%;
    flex-basis: 58.33%;
    max-width: 58.33%;
  }
  .ace-col-l-8 {
    width: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
  }
  .ace-col-l-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .ace-col-l-10 {
    width: 83.33%;
    flex-basis: 83.33%;
    max-width: 83.33%;
  }
  .ace-col-l-11 {
    width: 91.66%;
    flex-basis: 91.66%;
    max-width: 91.66%;
  }
  .ace-col-l-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 681px) and (max-width: 1024px) {
  .ace-col-m-1 {
    width: 8.33%;
    flex-basis: 8.33%;
    max-width: 8.33%;
  }
  .ace-col-m-2 {
    width: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
  .ace-col-m-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .ace-col-m-4 {
    width: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .ace-col-m-5 {
    width: 41.66%;
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .ace-col-m-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .ace-col-m-7 {
    width: 58.33%;
    flex-basis: 58.33%;
    max-width: 58.33%;
  }
  .ace-col-m-8 {
    width: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
  }
  .ace-col-m-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .ace-col-m-10 {
    width: 83.33%;
    flex-basis: 83.33%;
    max-width: 83.33%;
  }
  .ace-col-m-11 {
    width: 91.66%;
    flex-basis: 91.66%;
    max-width: 91.66%;
  }
  .ace-col-m-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  [class*="ace-col-"],
  [class*="ace-thin-col-"],
  [class*="ace-extra-thin-col-"] {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
  .ace-col-fm-1 {
    width: 8.33%;
    flex-basis: 8.33%;
    max-width: 8.33%;
  }
  .ace-col-fm-2 {
    width: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
  .ace-col-fm-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .ace-col-fm-4 {
    width: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .ace-col-fm-5 {
    width: 41.66%;
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .ace-col-fm-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .ace-col-fm-7 {
    width: 58.33%;
    flex-basis: 58.33%;
    max-width: 58.33%;
  }
  .ace-col-fm-8 {
    width: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
  }
  .ace-col-fm-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .ace-col-fm-10 {
    width: 83.33%;
    flex-basis: 83.33%;
    max-width: 83.33%;
  }
  .ace-col-fm-11 {
    width: 91.66%;
    flex-basis: 91.66%;
    max-width: 91.66%;
  }
  .ace-col-fm-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.ace-a4-size {
  width: 21cm;
  height: 29.7cm;
}

.ace-a4-width {
  width: 21cm;
}

.ace-a4-height {
  height: 29.7cm;
}

/* end col */
/* begin padding controll classes */
.ace-form-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}

html[dir="ltr"] .ace-form-padding {
  padding-right: 0px;
  padding-left: 15px;
}

html[dir="rtl"] .ace-form-padding {
  padding-right: 15px;
  padding-left: 0px;
}

.ace-extra-small-padding-top {
  padding-top: 5px;
}

html[dir="ltr"] .ace-extra-small-padding-left {
  padding-left: 5px;
}

html[dir="rtl"] .ace-extra-small-padding-left {
  padding-right: 5px;
}

html[dir="ltr"] .ace-extra-small-padding-right {
  padding-right: 5px;
}

html[dir="rtl"] .ace-extra-small-padding-right {
  padding-left: 5px;
}

.ace-extra-small-padding-bottom {
  padding-bottom: 5px;
}

.ace-extra-small-padding {
  padding: 5px;
}

.ace-tiny-padding-top {
  padding-top: 5px;
}

html[dir="ltr"] .ace-tiny-padding-left {
  padding-left: 5px;
}

html[dir="rtl"] .ace-tiny-padding-left {
  padding-right: 5px;
}

html[dir="ltr"] .ace-tiny-padding-right {
  padding-right: 5px;
}

html[dir="rtl"] .ace-tiny-padding-right {
  padding-left: 5px;
}

.ace-tiny-padding-bottom {
  padding-bottom: 5px;
}

.ace-tiny-padding {
  padding: 5px;
}

.ace-small-padding-top {
  padding-top: 10px;
}

html[dir="ltr"] .ace-small-padding-left {
  padding-left: 10px;
}

html[dir="rtl"] .ace-small-padding-left {
  padding-right: 10px;
}

html[dir="ltr"] .ace-small-padding-right {
  padding-right: 10px;
}

html[dir="rtl"] .ace-small-padding-right {
  padding-left: 10px;
}

.ace-small-padding-bottom {
  padding-bottom: 10px;
}

.ace-small-padding {
  padding: 10px;
}

.ace-medium-padding-top {
  padding-top: 15px;
}

html[dir="ltr"] .ace-medium-padding-left {
  padding-left: 15px;
}

html[dir="rtl"] .ace-medium-padding-left {
  padding-right: 15px;
}

html[dir="ltr"] .ace-medium-padding-right {
  padding-right: 15px;
}

html[dir="rtl"] .ace-medium-padding-right {
  padding-left: 15px;
}

.ace-medium-padding-bottom {
  padding-bottom: 15px;
}

.ace-medium-padding {
  padding: 15px;
}

.ace-medium-plus-padding-top {
  padding-top: 20px;
}

html[dir="ltr"] .ace-medium-plus-padding-left {
  padding-left: 20px;
}

html[dir="rtl"] .ace-medium-plus-padding-left {
  padding-right: 20px;
}

html[dir="ltr"] .ace-medium-plus-padding-right {
  padding-right: 20px;
}

html[dir="rtl"] .ace-medium-plus-padding-right {
  padding-left: 20px;
}

.ace-medium-plus-padding-bottom {
  padding-bottom: 20px;
}

.ace-medium-plus-padding {
  padding: 20px;
}

.ace-big-padding-top {
  padding-top: 25px;
}

html[dir="ltr"] .ace-big-padding-left {
  padding-left: 25px;
}

html[dir="rtl"] .ace-big-padding-left {
  padding-right: 25px;
}

html[dir="ltr"] .ace-big-padding-right {
  padding-right: 25px;
}

html[dir="rtl"] .ace-big-padding-right {
  padding-left: 25px;
}

.ace-big-padding-bottom {
  padding-bottom: 25px;
}

.ace-big-padding {
  padding: 25px;
}

.ace-large-padding-top {
  padding-top: 35px;
}

html[dir="ltr"] .ace-large-padding-left {
  padding-left: 35px;
}

html[dir="rtl"] .ace-large-padding-left {
  padding-right: 35px;
}

html[dir="ltr"] .ace-large-padding-right {
  padding-right: 35px;
}

html[dir="rtl"] .ace-large-padding-right {
  padding-left: 35px;
}

.ace-large-padding-bottom {
  padding-bottom: 35px;
}

.ace-large-padding {
  padding: 35px;
}

.ace-i-tiny-padding-top {
  padding-top: 5px !important;
}

html[dir="ltr"] .ace-i-tiny-padding-left {
  padding-left: 5px !important;
}

html[dir="rtl"] .ace-i-tiny-padding-left {
  padding-right: 5px !important;
}

html[dir="ltr"] .ace-i-tiny-padding-right {
  padding-right: 5px !important;
}

html[dir="rtl"] .ace-i-tiny-padding-right {
  padding-left: 5px !important;
}

.ace-i-tiny-padding-bottom {
  padding-bottom: 5px !important;
}

.ace-i-tiny-padding {
  padding: 5px !important;
}

.ace-i-small-padding-top {
  padding-top: 10px !important;
}

html[dir="ltr"] .ace-i-small-padding-left {
  padding-left: 10px !important;
}

html[dir="rtl"] .ace-i-small-padding-left {
  padding-right: 10px !important;
}

html[dir="ltr"] .ace-i-small-padding-right {
  padding-right: 10px !important;
}

html[dir="rtl"] .ace-i-small-padding-right {
  padding-left: 10px !important;
}

.ace-i-small-padding-bottom {
  padding-bottom: 10px !important;
}

.ace-i-small-padding {
  padding: 10px !important;
}

.ace-i-medium-padding-top {
  padding-top: 15px !important;
}

html[dir="ltr"] .ace-i-medium-padding-left {
  padding-left: 15px !important;
}

html[dir="rtl"] .ace-i-medium-padding-left {
  padding-right: 15px !important;
}

html[dir="ltr"] .ace-i-medium-padding-right {
  padding-right: 15px !important;
}

html[dir="rtl"] .ace-i-medium-padding-right {
  padding-left: 15px !important;
}

.ace-i-medium-padding-bottom {
  padding-bottom: 15px !important;
}

.ace-i-medium-padding {
  padding: 15px !important;
}

.ace-i-big-padding-top {
  padding-top: 25px !important;
}

html[dir="ltr"] .ace-i-big-padding-left {
  padding-left: 25px !important;
}

html[dir="rtl"] .ace-i-big-padding-left {
  padding-right: 25px !important;
}

html[dir="ltr"] .ace-i-big-padding-right {
  padding-right: 25px !important;
}

html[dir="rtl"] .ace-i-big-padding-right {
  padding-left: 25px !important;
}

.ace-i-big-padding-bottom {
  padding-bottom: 25px !important;
}

.ace-i-big-padding {
  padding: 25px !important;
}

.ace-i-large-padding-top {
  padding-top: 35px !important;
}

html[dir="ltr"] .ace-i-large-padding-left {
  padding-left: 35px !important;
}

html[dir="rtl"] .ace-i-large-padding-left {
  padding-right: 35px !important;
}

html[dir="ltr"] .ace-i-large-padding-right {
  padding-right: 35px !important;
}

html[dir="rtl"] .ace-i-large-padding-right {
  padding-left: 35px !important;
}

.ace-i-large-padding-bottom {
  padding-bottom: 35px !important;
}

.ace-i-large-padding {
  padding: 35px !important;
}

.ace-no-padding {
  padding: 0px !important;
}

.ace-no-padding-top {
  padding-top: 0px !important;
}

html[dir="ltr"] .ace-no-padding-left {
  padding-left: 0px !important;
}

html[dir="rtl"] .ace-no-padding-left {
  padding-right: 0px !important;
}

html[dir="ltr"] .ace-no-padding-right {
  padding-right: 0px !important;
}

html[dir="rtl"] .ace-no-padding-right {
  padding-left: 0px !important;
}

.ace-no-padding-bottom {
  padding-bottom: 0px !important;
}

/* end padding controll classes */
/* begin positioning related classes */
html[dir="ltr"] .ace-left {
  float: left !important;
}

html[dir="rtl"] .ace-left {
  float: right !important;
}

html[dir="ltr"] .ace-right {
  float: right !important;
}

html[dir="rtl"] .ace-right {
  float: left !important;
}

html[dir="ltr"] .ace-left-float {
  float: left;
}

html[dir="rtl"] .ace-left-float {
  float: right;
}

html[dir="ltr"] .ace-right-float {
  float: right;
}

html[dir="rtl"] .ace-right-float {
  float: left;
}

.ace-to-bottom {
  position: absolute;
  bottom: 15px;
}

.ace-static-position {
  position: static !important;
}

.ace-relative-position {
  position: relative !important;
}

.ace-fixed-position {
  position: fixed !important;
}

.ace-absolute-position {
  position: absolute !important;
}

/* end positioning related classes */
/* begin height classes */
.ace-full-height {
  height: 100%;
}

.ace-height-minus-50 {
  height: calc(100% - 50px);
}

.ace-height-minus-60 {
  height: calc(100% - 60px);
}

.ace-height-minus-80 {
  height: calc(100% - 80px);
}

.ace-height-minus-100 {
  height: calc(100% - 100px);
}

.ace-height-minus-120 {
  height: calc(100% - 120px);
}

.ace-height-minus-130 {
  height: calc(100% - 130px);
}

.ace-height-minus-140 {
  height: calc(100% - 150px);
}

.ace-height-minus-150 {
  height: calc(100% - 150px);
}

.ace-height-minus-200 {
  height: calc(100% - 200px);
}

.ace-height-minus-210 {
  height: calc(100% - 210px);
}

.ace-height-minus-230 {
  height: calc(100% - 230px);
}

.ace-height-minus-250 {
  height: calc(100% - 250px);
}

.ace-height-minus-290 {
  height: calc(100% - 290px);
}

.ace-height-minus-300 {
  height: calc(100% - 300px);
}

.ace-height-minus-350 {
  height: calc(100% - 350px);
}

.ace-height-minus-400 {
  height: calc(100% - 400px);
}

.ace-height-minus-450 {
  height: calc(100% - 450px);
}

.ace-i-full-height {
  height: 100% !important;
}

.ace-i-height-minus-50 {
  height: calc(100% - 50px) !important;
}

.ace-i-height-minus-60 {
  height: calc(100% - 60px) !important;
}

.ace-i-height-minus-80 {
  height: calc(100% - 80px) !important;
}

.ace-i-height-minus-100 {
  height: calc(100% - 100px) !important;
}

.ace-i-height-minus-120 {
  height: calc(100% - 120px) !important;
}

.ace-i-height-minus-150 {
  height: calc(100% - 150px) !important;
}

.ace-i-height-minus-200 {
  height: calc(100% - 200px) !important;
}

.ace-i-height-minus-230 {
  height: calc(100% - 230px) !important;
}

.ace-i-height-minus-250 {
  height: calc(100% - 250px) !important;
}

.ace-i-height-minus-290 {
  height: calc(100% - 290px) !important;
}

.ace-i-height-minus-300 {
  height: calc(100% - 300px) !important;
}

.ace-i-height-minus-350 {
  height: calc(100% - 350px) !important;
}

.ace-i-height-minus-400 {
  height: calc(100% - 400px) !important;
}

.ace-i-height-minus-450 {
  height: calc(100% - 450px) !important;
}

.ace-full-height-vh {
  height: calc(var(--vh, 1vh) * 100);
}

.ace-height-minus-50-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
}

.ace-height-minus-60-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 60px);
}

.ace-height-minus-80-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 80px);
}

.ace-height-minus-100-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 100px);
}

.ace-height-minus-120-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 120px);
}

.ace-height-minus-130-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 130px);
}

.ace-height-minus-150-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 150px);
}

.ace-height-minus-200-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 200px);
}

.ace-height-minus-230-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 230px);
}

.ace-height-minus-250-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 250px);
}

.ace-height-minus-290-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 290px);
}

.ace-height-minus-300-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 300px);
}

.ace-height-minus-350-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 350px);
}

.ace-height-minus-400-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 400px);
}

.ace-height-minus-450-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 450px);
}

.ace-i-full-height-vh {
  height: calc(var(--vh, 1vh) * 100) !important;
}

.ace-i-height-minus-50-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 50px) !important;
}

.ace-i-height-minus-60-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 60px) !important;
}

.ace-i-height-minus-80-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 80px) !important;
}

.ace-i-height-minus-100-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 100px) !important;
}

.ace-i-height-minus-120-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 120px) !important;
}

.ace-i-height-minus-150-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 150px) !important;
}

.ace-i-height-minus-200-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 200px) !important;
}

.ace-i-height-minus-230-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 230px) !important;
}

.ace-i-height-minus-250-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 250px) !important;
}

.ace-i-height-minus-290-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 290px) !important;
}

.ace-i-height-minus-300-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 300px) !important;
}

.ace-i-height-minus-350-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 350px) !important;
}

.ace-i-height-minus-400-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 400px) !important;
}

.ace-i-height-minus-450-vh {
  height: calc(calc(var(--vh, 1vh) * 100) - 450px) !important;
}

.ace-vcol-1 {
  height: 8.33%;
}

.ace-vcol-2 {
  height: 16.66%;
}

.ace-vcol-3 {
  height: 25%;
}

.ace-vcol-4 {
  height: 33.33%;
}

.ace-vcol-5 {
  height: 41.66%;
}

.ace-vcol-6 {
  height: 50%;
}

.ace-vcol-7 {
  height: 58.33%;
}

.ace-vcol-8 {
  height: 66.66%;
}

.ace-vcol-9 {
  height: 75%;
}

.ace-vcol-10 {
  height: 83.33%;
}

.ace-vcol-11 {
  height: 91.66%;
}

.ace-vcol-12 {
  height: 100%;
}

.ace-vcol-1 select {
  height: 8.33%;
}

.ace-vcol-2 select {
  height: 16.66%;
}

.ace-vcol-3 select {
  height: 25%;
}

.ace-vcol-4 select {
  height: 33.33%;
}

.ace-vcol-5 select {
  height: 41.66%;
}

.ace-vcol-6 select {
  height: 50%;
}

.ace-vcol-7 select {
  height: 58.33%;
}

.ace-vcol-8 select {
  height: 66.66%;
}

.ace-vcol-9 select {
  height: 75%;
}

.ace-vcol-10 select {
  height: 83.33%;
}

.ace-vcol-11 select {
  height: 91.66%;
}

.ace-vcol-12 select {
  height: 100%;
}

[class*="ace-vcol-"] select {
  height: 100%;
}

.ace-height-minus-titlebar-and-tabs {
  height: calc(100% - 100px);
}

.ace-height-minus-normal-titlebar {
  height: calc(100% - 50px);
}

/* end height classes */
/* begin utility classes */
.ace-no-after:after {
  content: initial !important;
}

.ace-no-visibility {
  visibility: hidden !important;
}

.ace-visibility {
  visibility: visible !important;
}

.ace-hide {
  display: none !important;
}

.ace-show {
  max-height: 2500px;
  opacity: 1;
  visibility: visible;
  transition:
    max-height 0.3s cubic-bezier(0.03, -0.01, 0.74, 0.16),
    height 0.6s,
    opacity 0.3s;
}

.ace-clear {
  clear: both;
}

.ace-scrollview {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  margin: 0px;
  overflow-x: hidden;
  padding: 0px;
  transform: translateZ(0px);
}

.ace-no-scrolling {
  overflow: hidden;
}

body.ace-no-scrolling {
  position: relative;
}

.ace-no-overflow {
  overflow: hidden;
}

.ace-visible-overflow {
  overflow: visible !important;
}

.ace-no-radius {
  border-radius: 0px;
}

.ace-rounded {
  border-radius: 50%;
}

.ace-no-border {
  border: none !important;
}

.ace-force-z-index {
  z-index: 16 !important;
}

.ace-full-width {
  width: 100% !important;
  position: relative;
}

.ace-width-minus-50 {
  width: calc(100% - 50px);
}

.ace-no-shadow {
  box-shadow: none !important;
}

.ace-no-break br {
  display: none;
}

.ace-arrow-down {
  width: 0;
  height: 0;
  position: absolute;
  transform: rotate(-90deg);
  top: 23px;
  border-left: 20px solid var(--ace-transparent);
  border-right: 20px solid var(--ace-transparent);
  border-top: 20px solid var(--ace-lime);
}

html[dir="ltr"] .ace-arrow-down {
  right: -30px;
}

html[dir="rtl"] .ace-arrow-down {
  left: -30px;
}

.ace-hover:hover {
  z-index: 999;
}

.ace-field-cell {
  display: inline;
}

.ace-hidden-menu-screen {
  transform: translateX(-90px);
  width: calc(100% + 90px) !important;
}

.ace-active-border[active="1"] {
  border-radius: 10px;
  border: 3px solid var(--ace-lime);
}

.ace-primary-border {
  border: 1px solid var(--ace-lime);
}

.ace-default-border {
  border: 1px solid var(--ace-transparent);
}

.ace-highlight-shadow-form,
.ace-highlight-shadow-form.ace-independent-form.ace-show {
  border-radius: 10px;
  box-shadow: inset 0 1px 3px var(--ace-black-25);
}

html[dir="ltr"]
  .ace-highlight-shadow-form.ace-independent-form.ace-lateral-form.ace-show {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

html[dir="rtl"]
  .ace-highlight-shadow-form.ace-independent-form.ace-lateral-form.ace-show {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.ace-hint {
  display: none;
}

.ace-expl-anchor {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--ace-transparent);
  color: var(--ace-lime);
  text-align: center;
}

.ace-expl-anchor:hover {
  background-color: var(--ace-lime);
  color: var(--ace-pure-white);
}

html[dir="ltr"] .ace-expl-left.ace-expl-anchor-l1 {
  left: -20px;
}

html[dir="rtl"] .ace-expl-left.ace-expl-anchor-l1 {
  right: -20px;
}

html[dir="ltr"] .ace-expl-left.ace-expl-anchor-l2 {
  left: -40px;
}

html[dir="rtl"] .ace-expl-left.ace-expl-anchor-l2 {
  right: -40px;
}

html[dir="ltr"] .ace-expl-right.ace-expl-anchor-l1 {
  right: -20px;
}

html[dir="rtl"] .ace-expl-right.ace-expl-anchor-l1 {
  left: -20px;
}

html[dir="ltr"] .ace-expl-right.ace-expl-anchor-l2 {
  right: -40px;
}

html[dir="rtl"] .ace-expl-right.ace-expl-anchor-l2 {
  left: -40px;
}

.ace-expl-anchor.ace-expl-onhover {
  display: none;
}

.ace-field-container:hover .ace-expl-anchor.ace-expl-onhover {
  display: flex;
}

.ace-expl-anchor i {
  font-size: 10px;
}

/* end utility classes */
/* begin app presentation */
.ace-presentation-container .ace-side-container {
  position: initial;
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
}

.ace-no-top-bar .ace-presentation-container .ace-side-container {
  height: 100%;
}

.ace-main-presentation {
  margin: 50px 0px 0px 0px;
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
}

html[dir="ltr"] .ace-main-presentation {
  padding-left: 0px;
}

html[dir="rtl"] .ace-main-presentation {
  padding-right: 0px;
}

.ace-main-presentation .ace-content {
  margin-top: 0px;
}

.ace-no-top-bar .ace-main-presentation {
  margin-top: 0px;
  height: calc(var(--vh, 1vh) * 100);
}

.ace-main-presentation .ace-side-menu {
  width: 100% !important;
}

.ace-main-presentation .ace-side-menu .ace-accordion {
  width: 100% !important;
}

.ace-main-presentation .ace-side-menu i.ace-accordion-icon {
  width: initial;
  min-width: 20px;
  max-width: auto;
  min-height: auto;
  font-size: 16px;
  font-weight: 400;
}

.ace-main-presentation .ace-side-menu .ace-accordion p {
  font-size: 16px;
  font-weight: 500;
}

.ace-main-presentation .ace-side-menu a p {
  width: initial;
}

.ace-full-screen-popup.ace-main-presentation {
  margin-top: 0px;
  height: calc(var(--vh, 1vh) * 100);
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .ace-main-presentation .ace-side-menu .ace-scrollview {
    overflow-y: auto !important;
    overflow-x: initial;
    justify-content: initial;
    height: 100%;
    display: block;
  }
  ace-full-screen-popup.ace-main-presentation .ace-side-menu .ace-scrollview {
    display: block;
  }
  .ace-main-presentation .ace-side-menu .ace-scrollview .ace-accordion {
    clear: initial;
    width: 100%;
    flex: initial;
    align-self: flex-start;
  }
  .ace-main-presentation .ace-side-menu .ace-scrollview .ace-accordion i {
    font-size: 300% !important;
  }
  .ace-main-presentation .ace-side-menu .ace-scrollview .ace-accordion p {
    display: none;
  }
  .ace-main-presentation .ace-side-menu .ace-accordion {
    width: 80px !important;
  }
  .ace-full-screen-popup.ace-main-presentation .ace-side-menu .ace-accordion {
    width: 100% !important;
  }
  .ace-full-screen-popup.ace-main-presentation
    .ace-side-menu
    .ace-scrollview
    .ace-accordion
    i,
  .ace-full-screen-popup.ace-main-presentation
    .ace-side-menu
    .ace-scrollview
    .ace-accordion
    p {
    font-size: 22px !important;
    display: initial;
    min-width: 30px;
  }
  .ace-main-presentation
    .ace-side-menu
    .ace-scrollview
    .ace-accordion.ace-active {
    box-shadow: initial;
  }
  .ace-main-presentation .ace-side-container {
    position: initial;
    height: initial;
    z-index: initial;
    top: initial;
    bottom: initial;
    width: initial;
  }
  .ace-main-presentation .ace-side-menu {
    visibility: initial;
    height: 100%;
    width: initial;
    overflow: initial;
    opacity: initial;
    transition: initial;
  }
  .ace-main-presentation .ace-side-menu.ace-expand {
    visibility: initial;
    height: 100%;
    width: 100% !important;
    overflow: initial;
    opacity: initial;
    transition: initial;
  }
}
.ace-display-only-on-mobile {
  display: none;
}

html[dir="ltr"] .ace-grid-operation-button ul {
  right: 0px;
}

html[dir="rtl"] .ace-grid-operation-button ul {
  left: 0px;
}

html[dir="ltr"] .ace-grid-operation-button ul {
  left: initial !important;
}

html[dir="rtl"] .ace-grid-operation-button ul {
  right: initial !important;
}

html[dir="ltr"] .ace-form-operation-button ul {
  right: 0px;
}

html[dir="rtl"] .ace-form-operation-button ul {
  left: 0px;
}

html[dir="ltr"] .ace-form-operation-button ul {
  left: initial !important;
}

html[dir="rtl"] .ace-form-operation-button ul {
  right: initial !important;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-hide-on-mobile {
    display: none;
  }
  .ace-display-only-on-mobile {
    display: initial;
  }
}
/* end app presentation */
/*begin mobile tools*/
.ace-full-screen-popup {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 8;
  background: var(--ace-gray-100);
  height: calc(var(--vh, 1vh) * 100);
}

.ace-full-screen-popup .ace-soft-close {
  display: none;
}

.ace-full-screen-popup-close {
  position: fixed;
  bottom: 100px;
  background: var(--ace-lime);
  color: var(--ace-pure-white);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  z-index: 9000;
}

html[dir="ltr"] .ace-full-screen-popup-close {
  right: 20px;
}

html[dir="rtl"] .ace-full-screen-popup-close {
  left: 20px;
}

.ace-full-screen-popup-close i {
  line-height: 0.8 !important;
  padding-top: 8px;
}

html[dir="ltr"] .ace-standard-form.ace-field-container {
  padding-right: 0px;
}

html[dir="rtl"] .ace-standard-form.ace-field-container {
  padding-left: 0px;
}

html[dir="ltr"] .ace-standard-form.ace-field-container {
  padding-left: 0px;
}

html[dir="rtl"] .ace-standard-form.ace-field-container {
  padding-right: 0px;
}

html[dir="ltr"] .ace-form-popup.ace-standard-form.ace-field-container {
  padding-left: 0px;
}

html[dir="rtl"] .ace-form-popup.ace-standard-form.ace-field-container {
  padding-right: 0px;
}

html[dir="ltr"]
  .ace-presentation-main
  > .ace-standard-form.ace-field-container {
  padding-left: 0px;
}

html[dir="rtl"]
  .ace-presentation-main
  > .ace-standard-form.ace-field-container {
  padding-right: 0px;
}

.ace-standard-form .ace-field-container input,
.ace-standard-form .ace-field-container select {
  border-radius: 10px;
  border: 1px solid var(--ace-transparent);
}

.ace-standard-form > .ace-form-container {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 100px);
  height: calc(calc(var(--vh, 1vh) * 100) - 100px);
}

.ace-standard-form > .ace-form-container > .ace-form-inner {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 100px);
  height: calc(calc(var(--vh, 1vh) * 100) - 100px);
  overflow-y: auto;
}

.ace-no-top-bar .ace-standard-form > .ace-form-container,
.ace-full-screen-popup.ace-standard-form > .ace-form-container {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  /*overflow-y: hidden;*/ /*SM-not sure*/
}

.ace-no-top-bar .ace-standard-form > .ace-form-container > .ace-form-inner,
.ace-full-screen-popup.ace-standard-form
  > .ace-form-container
  > .ace-form-inner {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  overflow-y: auto;
}

.ace-standard-form.ace-standard-form-no-external-title > .ace-form-container {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  /*overflow-y: hidden;*/ /*SM-not sure*/
}

.ace-standard-form.ace-standard-form-no-external-title
  > .ace-form-container
  > .ace-form-inner {
  max-height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  height: calc(calc(var(--vh, 1vh) * 100) - 50px);
  overflow-y: auto;
}

.ace-no-top-bar
  .ace-standard-form.ace-standard-form-no-external-title
  > .ace-form-container,
.ace-full-screen-popup.ace-standard-form.ace-standard-form-no-external-title
  > .ace-form-container {
  max-height: calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
  /*overflow-y: hidden;*/ /*SM-not sure*/
}

.ace-no-top-bar
  .ace-standard-form.ace-standard-form-no-external-title
  > .ace-form-container
  > .ace-form-inner,
.ace-full-screen-popup.ace-standard-form.ace-standard-form-no-external-title
  > .ace-form-container
  > .ace-form-inner {
  max-height: calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
}

.ace-standard-form.ace-standard-form-popup > .ace-form-container {
  height: auto;
}

.ace-standard-form.ace-standard-form-popup
  > .ace-form-container
  > .ace-form-inner {
  height: auto;
}

.ace-standard-form.ace-lateral-form > .ace-form-container > .ace-form-inner,
.ace-standard-form.ace-independent-form
  > .ace-form-container
  > .ace-form-inner {
  overflow-y: hidden;
}

.ace-standard-form.ace-independent-form.ace-lateral-form
  .ace-transparent-title-bar {
  justify-content: normal;
}

.ace-standard-form-inside-with-footer,
.ace-standard-form-inside-with-mobile-title-and-footer,
.ace-standard-form-inside-with-mobile-title-and-footer-desktop-only {
  height: calc(100% - 50px);
  padding-top: 8px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-standard-form-inside-with-mobile-title-and-footer {
    height: calc(100% - 100px);
  }
}
.ace-standard-form-inside-with-title-and-footer,
.ace-standard-form-inside-with-title-and-footer-desktop-only {
  height: calc(100% - 100px);
  padding-top: 8px;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-standard-form-inside-with-title-and-footer-desktop-only {
    height: calc(100% - 50px);
  }
}
.ace-standard-form-footer,
.ace-standard-form-footer-desktop-only {
  position: absolute;
  bottom: 0px;
  height: 50px;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 680px),
  screen and (min-device-width: 320px) and (max-device-height: 680px) and (orientation: landscape) {
  .ace-standard-form-footer-desktop-only {
    display: none;
  }
}
.ace-standard-form-footer button {
  font-size: 16px;
  font-weight: 500;
}

.ace-standard-form .ace-standard-form-inside {
  border-radius: 10px;
  background-color: var(--ace-pure-white);
  padding: 10px;
}

html[dir="ltr"]
  .ace-highlight-shadow-form.ace-independent-form.ace-lateral-form.ace-standard-form
  .ace-standard-form-inside {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

html[dir="rtl"]
  .ace-highlight-shadow-form.ace-independent-form.ace-lateral-form.ace-standard-form
  .ace-standard-form-inside {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.ace-highlight-shadow-form.ace-independent-form.ace-lateral-form.ace-standard-form
  .ace-transparent-title-bar {
  border: none;
}

.ace-standard-form .ace-standard-form-inside div.ace-control-envelope {
  padding: 0px 0px 20px 0px;
  background-color: var(--ace-transparent);
  border-radius: 10px;
}

.ace-standard-form .ace-standard-form-inside .ace-control-envelope label {
  color: var(--ace-gray-500);
}

.ace-standard-form .ace-standard-form-inside .ace-control-envelope input,
.ace-standard-form .ace-standard-form-inside .ace-control-envelope select {
  background-color: var(--ace-transparent);
  border: 1px solid var(--ace-transparent);
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .ace-standard-form
    .ace-form-container:hover
    .ace-standard-form-inside
    .ace-control-envelope
    input,
  .ace-standard-form
    .ace-form-container:hover
    .ace-standard-form-inside
    .ace-control-envelope
    select {
    background-color: var(--ace-transparent);
  }
  .ace-standard-form
    .ace-form-container:hover
    .ace-standard-form-inside
    .ace-control-envelope
    input:-webkit-autofill,
  .ace-standard-form
    .ace-form-container:hover
    .ace-standard-form-inside
    .ace-control-envelope
    select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px var(--ace-transparent) inset !important;
  }
}
.ace-standard-form .ace-standard-form-inside .ace-control-envelope:focus-within,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:focus-within
  input,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:focus-within
  select,
.ace-standard-form .ace-standard-form-inside .ace-control-envelope:hover,
.ace-standard-form .ace-standard-form-inside .ace-control-envelope:hover input,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:hover
  select {
  background-color: var(--ace-transparent) !important;
}

.ace-standard-form .ace-standard-form-inside .ace-control-envelope input:hover,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  input:focus-within,
.ace-standard-form .ace-standard-form-inside .ace-control-envelope input:focus,
.ace-standard-form .ace-standard-form-inside .ace-control-envelope select:hover,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  select:focus-within,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  select:focus {
  background-color: var(--ace-transparent) !important;
}

.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:focus-within
  input:-webkit-autofill,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:hover
  input:-webkit-autofill,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:focus-within
  select:-webkit-autofill,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope:hover
  select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px var(--ace-transparent) inset !important;
}

.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  input:-webkit-autofill,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px var(--ace-transparent) inset !important;
}

.ace-standard-form
  .ace-form-container:hover
  .ace-standard-form-inside
  .ace-control-envelope:focus-within
  label,
.ace-standard-form
  .ace-form-container:hover
  .ace-standard-form-inside
  .ace-control-envelope:hover
  label {
  background-color: var(--ace-transparent) !important;
}

.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-efld:focus
  ~ label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-efld
  ~ label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-empty:focus
  ~ label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-autocomplete-details-field
  .ace-efld.ace-hide
  ~ .ace-label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-label-align-top
  .ace-file-upload
  .ace-label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-text-editor
  .ace-efld:focus
  ~ label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-text-editor
  .ace-efld
  ~ label,
.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  input[placeholder]
  ~ label {
  top: -20px;
  font-size: small;
}

.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope
  .ace-empty
  ~ label {
  top: 7px;
  font-size: 14px;
}

.ace-standard-form .ace-standard-form-inside .ace-control-envelope .ace-efld {
  padding-left: 10px;
  padding-right: 10px;
}

.ace-standard-form
  .ace-standard-form-inside
  .ace-control-envelope.ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  top: 32px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: none;
}

.ace-standard-form.ace-standard-form-popup
  .ace-standard-form-inside
  .ace-control-envelope.ace-autocomplete-field
  .ace-grid-auto-complete.ace-field-container {
  top: 42px !important;
}

/*
 * visible only in full screen
 */
.ace-mobile-title-bar,
div.ace-mobile-title-bar {
  display: none !important;
}

.ace-full-screen-popup .ace-mobile-title-bar,
.ace-full-screen-popup div.ace-mobile-title-bar {
  display: block !important;
}

/*end mobile tools*/
/* begin export css vars
* Instruction:
   as a name for css var, add -- in front of the scss var
   Also: export as needed
*/
:root {
  /*
   * custom colors
   */
  --primary-color: var(--ace-lime);
  --primary-font-color-highlight: var(--ace-black-90);
  --primary-shadow-color: var(--ace-black-25);
  --primary-bg-color: var(--ace-gray-100);
  --form-inside-highlight-color: var(--ace-pure-white);
  --contrast-font-color: var(--ace-pure-white);
  /*
   * hardcoded colors
   */
  --orange: var(--ace-pure-orange);
  --gray: var(--ace-gray-600);
  --gray-dark: var(--ace-gray-900);
  --blue-light: var(--ace-blue-light);
  --blue-dark: var(--ace-blue);
  --blue-very-dark: var(--ace-blue-dark);
  --pink: var(--ace-pink-light);
  --green-secondary: var(--ace-teal);
  --green: var(--ace-green);
  --white: var(--ace-pure-white);
  --black: var(--ace-black);
  --red: var(--ace-pure-red);
  /*
   * measurements
   */
  --ace-container-default-side-padding: 10px;
  --ace-common-top-bottom-padding: 8px;
  --ace-common-left-right-padding: 10px;
  --ace-standard-bar-height: 50px;
  --ace-main-title-bar-height: 50px;
  --ace-tittle-bar-height: 50px;
  --ace-footer-height: 50px;
  --ace-horizontal-tabs-height: 50px;
  --ace-recaptcha-height: 50px;
  --ace-composite-height-main-title-bar-and-normal-title-bar: 100px;
  --ace-composite-height-normal-title-bar-and-footer: 100px;
  --ace-composite-height-normal-title-bar-and-horizontal-tabs: 100px;
  /*
   * fonts
   */
  --ace-smaller-font-size: 12px;
  --ace-tiny-title-size: 16px;
  --ace-small-title-size: 18px;
  --ace-huge-title-size: 34px;
}

/* end export css vars */

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

.ace-grid-row[crridx]:hover {
  filter: brightness(90%) grayscale(0%);
}

/* pwm patch: accordion item text keep on one line + ellipsis */
.ace-accordion-list li a {
  display: flex;
  align-items: center;
  width: 100%;

  /* override float layout from base css */
  float: none !important;

  /* keep content on one row */
  white-space: nowrap;
  overflow: hidden;
}

.ace-accordion-list li a .ace-arrow-icon,
.ace-accordion-list li a .ace-accordion-icon,
.ace-accordion-list li a i {
  flex: none;
}

/* IMPORTANT: min-width:0 enables ellipsis inside flex */
.ace-accordion-list li a p {
  flex: 1 1 auto;
  min-width: 0;

  margin: 0; /* evita “saritul” randurilor */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  /* override float layout from base css */
  float: none !important;
}

/* optional: daca ai paddings/margins ciudate pe icon */
.ace-accordion-list li a .ace-accordion-icon {
  margin-right: 6px;
}
html[dir="rtl"] .ace-accordion-list li a .ace-accordion-icon {
  margin-right: 0;
  margin-left: 6px;
}