/* Specifity: Element, Class, Identifier, Inline */
/* Naming Convention: BEM - Blocks, Elements, Modifiers */
/* Add your own CSS classes to this file and reference them using the $cssclassname property */
/*
:root {
	--neutral-color: 224,224,224;
	--neutral-color-text: 17,17,17;
	--primary-color: 228,0,59;
	--primary-color-dark: 144,19,35;
	--primary-color-light: 228,98,111;
	--primary-color-text: 255,255,255;
	--primary-color-dark-text: 255,255,255;
	--primary-color-light-text: 255,255,255;
	--secondary-color: 85,85,85;
	--secondary-color-dark: 19,29,22;
	--secondary-color-light: 170,170,170;
	--secondary-color-text: 255,255,255;
	--secondary-color-dark-text: 255,255,255;
	--secondary-color-light-text: 255,255,255;
	--error-color: 255,232,71;
	--error-color-text: 17,17,17;
	--background-color: 255,255,255;
	--background-color-text: 17,17,17;
	--border-color: 17,17,17;
	--surface-color: 255,255,255;
	--surface-color-text: 17,17,17;
	--focusedrow-color: 66,66,66;
	--focusedrow-color-text: 255,255,255;
	--focusindicator-color: 112,203,225;
	--dialog-color: 255,255,255;
	--dialog-color-text: 17,17,17;
	--dialogtitle-color: 228,0,59;
	--dialogtitle-color-text: 255,255,255;
	--disabled-color: 221,221,221;
	--disabled-color-text: 136,136,136;
	color-scheme: normal;
}
*/
/* Variables */
/* Omnis Overwrite */
:root {
  --omnis-wf-border-top-left-radius: 12px !important;
  --omnis-wf-border-top-right-radius: 12px !important;
  --omnis-wf-border-bottom-right-radius: 12px !important;
  --omnis-wf-border-bottom-left-radius: 12px !important;
}

.omnis-wf {
  /*background-color: $bg-color-white !important;*/
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-radius: 12px !important;
}
.omnis-wf-borders {
  border: none !important;
}
.omnis-wf-title {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(228, 0, 59, 0.9) !important;
  border-radius: 12px 12px 0px 0px !important;
  border: none !important;
  font-weight: bold !important;
  text-indent: 0px !important;
}
.omnis-wf-title-text {
  text-align: center !important;
}

.omnis-file-dialog-title-text {
  text-align: center !important;
  margin-left: 7% !important;
}

.dlg-butt {
  border-radius: 12px !important;
  color: rgb(255, 255, 255) !important;
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.dlg-butt:hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}
.dlg-butt-primary {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(228, 0, 59, 0.9) !important;
}
.dlg-butt-primary:hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}

.omnis-switch__track {
  --neutral-color: 170, 170, 170 !important;
}

/* CSS */
@-webkit-keyframes magic {
  from {
    opacity: 0;
    left: -50px;
  }
  to {
    opacity: 1;
    left: 0px;
  }
}
@keyframes magic {
  from {
    opacity: 0;
    left: -50px;
  }
  to {
    opacity: 1;
    left: 0px;
  }
}
.cs-animation__fade-in {
  -webkit-animation-name: magic !important;
          animation-name: magic !important;
  -webkit-animation-duration: 2s !important;
          animation-duration: 2s !important;
}

.cs-empty {
  background-color: transparent !important;
}

.cs-header {
  border: none !important;
  border-color: none !important;
}
.cs-header__button {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(228, 0, 59, 0.9) !important;
}
.cs-header__button:hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}
.cs-header__button--left {
  border-radius: 12px 0px 0px 12px !important;
}
.cs-header__button--middle {
  border-radius: 0px !important;
}
.cs-header__button--right {
  border-radius: 0px 12px 12px 0px !important;
}
.cs-header__segmented-control {
  --primary-color: 228, 0, 59 !important;
}
.cs-header__segmented-control > * {
  color: rgb(255, 255, 255) !important;
  border-radius: 12px !important;
  opacity: 0.9 !important;
  /*background-color: transparent !important;*/
}
.cs-header__segmented-control > div > div {
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-header__segmented-control > div > div :hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}

/* HTML-Object Omnis */
.cs-html__wrapper {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cs-html__body {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  padding-top: 7px !important;
  font-weight: normal !important;
  text-align: center !important;
  text-decoration: none !important;
}

.cs-form {
  border: none !important;
  border-color: none !important;
  border-width: 0px !important;
  color: rgb(20, 20, 20) !important;
  font-family: "Verdana", "Arial", "Helvetiva", sans-serif !important;
  font-size: 11pt !important;
}
.cs-form__segmented-control {
  --primary-color: 228, 0, 59 !important;
}
.cs-form__segmented-control > * {
  color: rgb(255, 255, 255) !important;
  border-radius: 12px !important;
  opacity: 0.9 !important;
  /*background-color: transparent !important;*/
}
.cs-form__segmented-control > div > div {
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-form__segmented-control > div > div :hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}
.cs-form__container {
  border-radius: 12px !important;
  background-color: transparent !important;
}
.cs-form__container--gray {
  background-color: rgba(210, 210, 210, 0.9) !important;
}
.cs-form__container--gray-light {
  background-color: rgba(210, 210, 210, 0.4) !important;
}
.cs-form__container--white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.cs-form__container--left {
  border-radius: 12px 0px 0px 12px !important;
}
.cs-form__container--right {
  border-radius: 0px 12px 12px 0px !important;
}
.cs-form__container--gray-light-grid {
  background-color: rgba(210, 210, 210, 0.9) !important;
}
.cs-form__header {
  background-color: rgba(228, 0, 59, 0.9) !important;
}
.cs-form__top-bar {
  background-color: rgba(210, 210, 210, 0.9) !important;
}
.cs-form__body {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.cs-form__bottom-bar {
  background-color: rgba(210, 210, 210, 0.9) !important;
}
.cs-form__footer {
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-form__button {
  border-radius: 12px !important;
}
.cs-form__button--primary {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(228, 0, 59, 0.9) !important;
}
.cs-form__button--primary:hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}
.cs-form__button--secondary {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-form__button--secondary:hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}
.cs-form__button--tetriary {
  background-color: transparent !important;
}
.cs-form__button--tetriary:hover {
  color: rgb(228, 0, 59) !important;
}
.cs-form__button--icon {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(228, 0, 59, 0.9) !important;
  --primary-color: 255, 255, 255 !important;
}
.cs-form__button--icon:hover {
  background-color: rgba(228, 98, 111, 0.9) !important;
}
.cs-form__button--icon-secondary {
  background-color: rgba(255, 255, 255, 0.9);
  --primary-color: 228, 0, 59 !important;
}
.cs-form__button--icon-secondary:hover {
  --primary-color: 228, 98, 111 !important;
}
.cs-form__button--round {
  border-radius: 50px !important;
}
.cs-form__button--left {
  border-radius: 12px 0px 0px 12px !important;
}
.cs-form__button--middle {
  border-radius: 0px !important;
}
.cs-form__button--right {
  border-radius: 0px 12px 12px 0px !important;
}
.cs-form__button--disabled {
  color: rgb(170, 170, 170) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.cs-form__edit {
  border-radius: 12px !important;
  color: rgb(255, 255, 255) !important;
  background-color: rgba(170, 170, 170, 0.9) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.cs-form__edit--disabled {
  color: rgb(170, 170, 170) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.cs-form__chatbox {
  border-radius: 12px !important;
  color: rgb(255, 255, 255) !important;
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-form__label--title {
  font-family: "Times New Roman", "Georgie", serif !important;
  font-size: 21pt !important;
}
.cs-form__label--title-mobile {
  font-family: "Times New Roman", "Georgie", serif !important;
  font-size: 17pt !important;
}
.cs-form__label--center > * {
  text-align: center !important;
}
.cs-form__label--right > * {
  text-align: right !important;
}
.cs-form__label--left > * {
  text-align: left !important;
}
.cs-form__label--primary {
  color: rgb(228, 0, 59) !important;
}
.cs-form__label--secondary {
  color: rgb(255, 255, 255) !important;
}
.cs-form__label--bold {
  font-weight: bold !important;
}
.cs-form__label--tiny {
  font-size: 8pt !important;
}
.cs-form__label--small {
  font-size: 9pt !important;
}
.cs-form__label--large {
  font-size: 13pt !important;
}
.cs-form__label--disabled {
  color: rgb(120, 120, 120) !important;
}
.cs-form__list {
  font-size: 9pt !important;
  background-color: transparent !important;
}
.cs-form__list * {
  color: rgb(20, 20, 20) !important;
  border-color: rgba(170, 170, 170, 0.9) !important;
  /* TODO */
}
.cs-form__list * .ctrl-list-selected {
  color: rgb(255, 255, 255) !important;
}
.cs-form__tab-bar {
  --primary-color: 228, 0, 59;
  --primary-color-light: 255, 255, 255;
  background-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-form__tab-bar * {
  color: rgb(255, 255, 255) !important;
}
.cs-form__tab-bar *:hover {
  color: rgb(255, 255, 255) !important;
}
.cs-form__datagrid {
  background-color: rgba(210, 210, 210, 0.4) !important;
}
.cs-form__datagrid * {
  border-color: rgba(170, 170, 170, 0.9) !important;
}
.cs-form__datagrid--white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.cs-form__datagrid--opaque {
  background-color: rgba(210, 210, 210, 0.9) !important;
}
.cs-form__droplist {
  color: rgb(255, 255, 255) !important;
}
.cs-form__image {
  border-radius: 100% !important;
}
.cs-form__switch {
  /*--neutral-color:*/
}